/* Somente o banner inicial. O restante usa os arquivos originais. */
/* o banner ocupa a tela inteira e sangra até as bordas: sem moldura, sem canto
   arredondado, e a base funde no preto da seção seguinte */
/* EFEITO DE FOLHA · a hero não rola: ela fica presa no topo e a seção
   seguinte sobe por cima. O invólucro guarda a altura dela no fluxo, e as
   duas leem a mesma medida para não haver salto. */
.curso { --heroH: max(86svh, 520px); }
.cheroWrap { position: relative; z-index: 0; height: var(--heroH); }
.chero {
  position: fixed; top: 0; left: 0; right: 0; z-index: 0;
  height: var(--heroH); min-height: 0; max-height: none; margin: 0; border-radius: 0;
}
/* depois de coberta ela sai de cena: não pinta, não entra na conta da cor da
   barra do topo e o vídeo para */
.chero.is-tapado { visibility: hidden; }
.chero__in { left: var(--pad); right: var(--pad); bottom: clamp(24px, 4vh, 54px); }
.chero__row { grid-template-columns: 1.35fr 1fr; gap: 5vw; }
.chero__mark { font-size: clamp(56px, 6.5vw, 110px); line-height: .94; letter-spacing: -.055em; }
.chero__mark .ac { color: var(--accent-lt, #a3d5b9); }
.chero__lead { max-width: 43ch; font-size: clamp(14px, 1.15vw, 18px); }
.chero__ficha dt { color: #bfc9c2; }
/* o véu fecha em preto chapado antes do fim, para o vídeo não aparecer na
   emenda com a faixa da seção seguinte */
.chero__scrim { background:
   linear-gradient(180deg,rgba(7,10,9,.55),rgba(7,10,9,.06) 22%,rgba(7,10,9,.4) 50%,rgba(7,10,9,.78) 72%,rgba(7,10,9,.95) 86%,#070A09 95%),
   linear-gradient(90deg,rgba(7,10,9,.55),rgba(7,10,9,.04) 46%,rgba(7,10,9,.3)); }
.film-toggle { position: absolute; top: 105px; right: calc(var(--pad) - var(--gut)); z-index: 3; display: flex; align-items: center; gap: 9px; border: 1px solid #ffffff65; border-radius: 30px; padding: 10px 15px; min-height: 44px; background: color-mix(in srgb, var(--accent-dk, #07120b) 30%, #00000060); color: #fff; font: inherit; font-size: 12px; cursor: pointer; backdrop-filter: blur(8px); }
.film-toggle:hover { background:var(--accent-dk, #163f2b); }
@media(max-width:1000px) {
 .curso { --heroH: max(86svh, 520px); }
 .chero__mark { font-size:clamp(55px,8vw,80px); }
 .chero__row { grid-template-columns:1.1fr 1fr; gap:25px; }
}
@media(max-width:640px) {
 .curso { --heroH: max(88svh, 500px); }
 /* folga para o título não encostar na barra do topo */
 .chero__in { left:22px; right:22px; bottom:22px; gap:16px; }
 .chero__row { grid-template-columns:1fr; gap:20px; }
 .chero__mark { font-size:clamp(44px,11vw,66px); }
 .chero__mark .w { display:inline-block; }
 .chero__mark { max-width:9ch; }
 .chero__lead { font-size:14px; line-height:1.5; }
 .chero__ficha { grid-template-columns:repeat(3,1fr); gap:12px; }
 /* 12px é o piso de corpo legível e 44px o de alvo de toque */
 .chero__ficha dt { font-size:12px; }
 .chero__ficha dd { font-size:15px; }
 .film-toggle { top:85px; right:22px; font-size:12px; min-height:44px; padding:10px 14px; }
}

/* a seção seguinte voltou para o claro: quem faz a ligação com o preto do
   banner é a faixa esfumaçada no topo do bloco (.cflip::before) */