/* Prévia autorizada em TAREFA.md. Paleta derivada da rampa, inclusive no escuro. */
:root{
  --topo-veu:color-mix(in srgb,var(--paper) 96%,transparent);
  --topo-meio:color-mix(in srgb,var(--paper) 93%,transparent);
  --novo-claro:color-mix(in srgb,var(--paper) 0%,transparent);
  --novo-espaco:clamp(24px,5vw,72px);
  --novo-respiro:clamp(40px,6vw,96px);
}
.novo-topo{position:relative;isolation:isolate;max-width:none;padding:0;min-height:calc(100svh - 72px);display:grid;align-items:center;overflow:hidden}
.topo-midia,.topo-midia img,.topo-midia video{position:absolute;inset:0;width:100%;height:100%}
.topo-midia{z-index:-1}
.topo-midia img,.topo-midia video{object-fit:cover;object-position:60% center}
.topo-midia video{opacity:0;transition:opacity .6s}
.video-pronto .topo-midia video{opacity:1}
.topo-midia::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--topo-veu) 0%,var(--topo-meio) 46%,var(--novo-claro) 76%)}
.novo-topo .intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6);width:49%;margin:0;padding:var(--novo-respiro) 0 var(--space-32) var(--pad)}
.novo-topo h1{font-size:clamp(2.5rem,4.65vw,4.6rem);line-height:1.02;text-wrap:balance}
.novo-topo .sub{color:var(--fg);max-width:49ch}
.novo-topo .cta{flex-direction:row;flex-wrap:wrap;align-self:auto;align-items:center;gap:var(--space-4) var(--space-6)}
.topo-controles{position:absolute;bottom:var(--space-6);left:var(--pad);display:flex;align-items:center;gap:var(--space-3);font-size:.75rem;max-width:calc(100% - 2*var(--pad))}
.topo-controles>span,.sequencia-nota{background:var(--paper);color:var(--fg);padding:var(--space-2) var(--space-3);border-radius:var(--r-ctl)}
.topo-controles button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--fg);font:inherit;font-size:1rem;cursor:pointer;flex:none}
.topo-controles button[hidden]{display:none}
.product-preview{padding-top:var(--novo-respiro)}
.sequencia{position:relative;background:var(--paper)}
.sequencia-pista{position:relative}
.sequencia-palco{position:relative;min-height:720px;overflow:hidden}
.sequencia-canvas,.sequencia-fixa{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sequencia-canvas{display:none}
.sequencia.desenhada .sequencia-canvas{display:block}
.sequencia-palco::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--paper),var(--novo-claro) 16%,var(--novo-claro) 82%,var(--paper))}
.sequencia-textos{position:relative;z-index:1;padding:var(--space-16) var(--pad);width:38%}
.sequencia-kicker{font-size:var(--fs-xs);color:var(--fg-2);max-width:26ch;margin-bottom:var(--space-6)}
.sequencia-frase{margin-bottom:var(--space-6);color:var(--fg)}
.sequencia-frase strong{display:block;font-size:clamp(2.2rem,4.4vw,4.5rem);font-weight:640;letter-spacing:-.025em;line-height:1.08}
.sequencia-frase span{display:block;margin-top:var(--space-3);font-size:var(--fs-body)}
.sequencia-textos::before{content:"";position:absolute;inset:-60% 0;z-index:-1;background:linear-gradient(90deg,var(--topo-veu) 82%,var(--novo-claro));mask-image:linear-gradient(transparent,var(--n9) 25%,var(--n9) 75%,transparent)}
.sequencia-nota{position:absolute;z-index:2;bottom:var(--space-6);right:var(--pad);font-size:.7rem;max-width:calc(100% - 2*var(--pad))}
.sequencia-estaticas{padding-block:var(--space-8);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.sequencia-estaticas figure{margin:0;min-width:0}
.sequencia-estaticas img{height:260px;width:100%;object-fit:contain;background:var(--n2);border-radius:var(--r-ctl)}
.sequencia-estaticas figcaption{margin-top:var(--space-3);font-size:var(--fs-sm)}
.sequencia-idioma{grid-column:1/-1;font-size:var(--fs-xs);color:var(--fg-2)}
.sequencia-aviso{display:none;font-size:.75rem;padding-top:var(--space-3);color:var(--fg-2)}
.sequencia-viva .sequencia-pista{height:400svh}
.sequencia-viva .sequencia-palco{position:sticky;top:0;height:100svh;min-height:0}
.sequencia-viva .sequencia-textos{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.sequencia-viva .sequencia-frase{display:none;margin:0}
.sequencia-viva .sequencia-frase.ativa{display:block}
.sequencia-viva .sequencia-estaticas{display:none}
.sequencia-viva .sequencia-aviso{display:block}
@media(max-width:700px){
  .novo-topo{min-height:calc(100svh - 64px);align-items:start}
  .novo-topo .intro{width:100%;gap:var(--space-5);padding:var(--space-12) var(--pad) 210px}
  .novo-topo h1{font-size:clamp(2.3rem,9.6vw,3.9rem)}
  .novo-topo .sub{font-size:1rem}
  .novo-topo .cta{gap:var(--space-3)}
  .novo-topo .btn{width:auto}
  .topo-midia::after{background:linear-gradient(180deg,var(--topo-veu) 0%,var(--topo-meio) 64%,var(--novo-claro) 90%)}
  .topo-midia img,.topo-midia video{object-position:67% center}
  .sequencia-palco{min-height:760px}
  .sequencia-textos{width:100%;padding:var(--space-8) var(--pad)}
  .sequencia-textos::before{inset:0;mask-image:none;background:linear-gradient(180deg,var(--topo-veu) 76%,var(--novo-claro))}
  .sequencia-kicker{max-width:none;margin-bottom:var(--space-3)}
  .sequencia-frase strong{font-size:2.5rem}
  .sequencia-frase span{margin-top:var(--space-2)}
  .sequencia-viva .sequencia-textos{top:0;transform:none}
  .sequencia:not(.sequencia-viva) .sequencia-textos{padding-top:var(--space-6)}
  .sequencia:not(.sequencia-viva) .sequencia-frase{display:inline-block;margin-right:var(--space-3)}
  .sequencia:not(.sequencia-viva) .sequencia-frase strong{font-size:1.35rem}
  .sequencia:not(.sequencia-viva) .sequencia-frase span{font-size:.8rem}
  .sequencia-estaticas{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.topo-midia video{display:none}}