/* CEU V2 — Vitrine com fotos reais/ilustrativas das atividades profissionais. */
#course-grid.course-grid { gap: 24px; align-items: stretch; }
#course-grid .ceu-photo-card {background:#fff;color:#09234c;border:1px solid #d8e6f8;border-radius:22px;box-shadow:0 16px 45px rgba(0,22,65,.16);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;}
#course-grid .ceu-photo-card:hover {transform:translateY(-6px);box-shadow:0 26px 65px rgba(0,22,65,.24)}
#course-grid .ceu-photo-hero{position:relative;height:218px;display:block;overflow:hidden;background:linear-gradient(120deg,#041734,#0854ae)}
#course-grid .ceu-photo-hero img{height:100%;width:100%;object-fit:cover;object-position:center 44%;transition:transform .4s ease;}
#course-grid .ceu-photo-card:hover .ceu-photo-hero img{transform:scale(1.06)}
#course-grid .ceu-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,20,51,.95),rgba(0,35,85,.54) 46%,rgba(0,35,85,.05) 100%),linear-gradient(0deg,rgba(1,20,45,.7),transparent 55%);}
#course-grid .ceu-photo-top{position:absolute;left:17px;top:16px;right:17px;display:flex;justify-content:space-between;align-items:center;gap:10px;}
#course-grid .ceu-photo-tag{max-width:66%;padding:6px 10px;border:1px solid rgba(180,224,255,.64);border-radius:99px;color:#fff;background:rgba(2,27,69,.54);backdrop-filter:blur(9px);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#course-grid .ceu-photo-kind{padding:6px 11px;background:rgba(255,255,255,.96);color:#0356b1;border-radius:99px;font-size:10px;font-weight:900;letter-spacing:.07em;white-space:nowrap}
#course-grid .ceu-photo-bottom{position:absolute;bottom:15px;left:18px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}
#course-grid .course-card-body{padding:21px 20px 20px;gap:0;flex:1}
#course-grid .course-card-body h2{font-size:1.26rem;letter-spacing:-.03em;line-height:1.3;color:#0a2550;margin:0 0 8px;font-weight:800}
#course-grid .course-card-body .ceu-photo-descr{color:#4d688a;line-height:1.5;font-size:.86rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:58px;margin-bottom:16px}
#course-grid .ceu-photo-price{background:linear-gradient(110deg,#e0f1ff,#f1f8ff);border:1px solid #d0e9ff;border-radius:13px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap}
#course-grid .ceu-photo-price span{font-size:9px;color:#486b91;font-weight:800;letter-spacing:.09em}
#course-grid .ceu-photo-price strong{color:#0755b1;font-size:1.13rem;font-weight:900;letter-spacing:-.025em}
#course-grid .course-meta{margin:13px 0 16px;gap:7px}
#course-grid .course-meta .pill{border:1px solid #e1ebf6;border-radius:99px;color:#41638d;background:#f6f9fc;padding:5px 9px;font-size:11px}
#course-grid .course-card-body .btn-primary{width:100%;min-height:45px;border-radius:99px;background:linear-gradient(110deg,#006ac9,#00439d);color:white;box-shadow:0 8px 20px rgba(0,87,187,.19);font-weight:800;justify-content:center;gap:10px}
#course-grid .course-card-body .btn-primary:hover{filter:brightness(1.12)}
/* Homepage: preserve the approved blue illustrated category-card artwork. */
#catalogo-cursos button[aria-label^="Abrir a categoria"]>span:first-child {height:auto!important;aspect-ratio:660/640;flex:none!important;}
#catalogo-cursos button[aria-label^="Abrir a categoria"]>span:first-child>img {object-fit:cover!important;object-position:center!important;}
#catalogo-cursos button[aria-label^="Abrir a categoria"]>span:first-child>span.liquid-glass,
#catalogo-cursos button[aria-label^="Abrir a categoria"]>span:first-child>span.absolute.bottom-3,
#catalogo-cursos button[aria-label^="Abrir a categoria"]>span:first-child>span.absolute.inset-0{display:none!important}
#catalogo-cursos button[aria-label^="Abrir a categoria"]{border-radius:20px;overflow:hidden}
#catalogo-cursos button[aria-label^="Abrir a categoria"]>span:nth-child(2){min-height:156px!important}
/* Homepage: category grid taller photo headers, photo cards with smooth gradient. */
#cursos .ceu-course-thumb {height:190px!important;position:relative;overflow:hidden;background:#08234b!important}
#cursos .ceu-course-thumb img {object-fit:cover!important;object-position:center!important;}
#cursos .ceu-course-thumb>div:has(img){background:linear-gradient(120deg,#081d42,#0465bf)!important;}
#cursos .ceu-course-thumb>div:has(img)::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(2,20,49,.49),rgba(2,20,49,0) 75%);}
#cursos .ceu-course-body{min-height:unset!important}
#cursos .ceu-course-body>span:first-child{min-height:42px}
#cursos .ceu-card-payment{display:none!important}
/* Detail hero uses individualized image above the fold. */
.course-visual{box-shadow:0 24px 90px rgba(3,76,155,.2);border:1px solid rgba(73,168,255,.32)}
.course-visual img{min-height:300px;object-fit:cover;object-position:center}
.course-card .ceu-preco-lista {color:#7dccff}
@media(max-width:700px){#course-grid .ceu-photo-hero{height:220px}}
@media(prefers-reduced-motion:reduce){#course-grid .ceu-photo-card,#course-grid .ceu-photo-hero img{transition:none}}