/* Site novo da LEA.IA, prévia (site-leaia-v2, 14/10/2026).
   Celular primeiro: 390 px de referência, provado em 320 e 430. Computador a partir de 1024 px, com escala extrema.
   Marca: grafite, amarelo de acento único por área, off-white. Questrial nos títulos, Mulish no texto.
   A dor no escuro, o alívio no claro (pergunta 17 = A, 15/10). */

@font-face{font-family:'Questrial';src:url(../fontes/questrial-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Mulish';src:url(../fontes/mulish-var.woff2) format('woff2');font-weight:200 900;font-style:normal;font-display:swap}

@property --bg{syntax:'<color>';inherits:true;initial-value:#1C1A19}
@property --fg{syntax:'<color>';inherits:true;initial-value:#ECE7DC}
@property --fg2{syntax:'<color>';inherits:true;initial-value:rgba(236,231,220,.8)}
@property --fg3{syntax:'<color>';inherits:true;initial-value:rgba(236,231,220,.66)}
@property --ln{syntax:'<color>';inherits:true;initial-value:rgba(236,231,220,.16)}
@property --cartao{syntax:'<color>';inherits:true;initial-value:rgba(236,231,220,.05)}

:root{
  color-scheme:dark;
  /* paleta da marca */
  --fundo:#1C1A19; --grafite:#312F2F; --grafite-2:#3B3836; --amarelo:#FED70F; --off:#ECE7DC; --branco:#FBF8F2;
  --off-2:rgba(236,231,220,.8); --off-3:rgba(236,231,220,.66); --linha:rgba(236,231,220,.16); --linha-2:rgba(236,231,220,.34);
  --tinta:#1C1A19; --tinta-2:rgba(28,26,25,.8); --tinta-3:rgba(28,26,25,.7); --linha-c:rgba(28,26,25,.14); --linha-c2:rgba(28,26,25,.3);
  --verde:#3FAE7A; --ambar:#E6A23C;
  /* tipo */
  --t:'Questrial','Century Gothic','Futura','Avenir Next',system-ui,sans-serif;
  --b:'Mulish',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  /* layout: margem lateral de 24 px no celular, 48 no computador */
  --g:24px; --topo:64px; --largura:1240px;
  --bg:var(--fundo); --fg:var(--off); --fg2:var(--off-2); --fg3:var(--off-3); --ln:var(--linha); --cartao:rgba(236,231,220,.05);
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--fundo);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--topo) + 8px)}
body{margin:0;background:var(--fundo);color:var(--off);font-family:var(--b);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,.aspas,.gigante{font-family:var(--t);font-weight:400;letter-spacing:-.012em;text-wrap:balance}
[hidden]{display:none!important}
.so-leitor{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.am{color:var(--amarelo)}
:focus-visible{outline:3px solid var(--amarelo);outline-offset:3px;box-shadow:0 0 0 6px var(--fundo);border-radius:6px}
.claro :focus-visible{box-shadow:0 0 0 6px var(--tinta)}

/* ---------- seções e cores por seção ---------- */
.tela{position:relative;background:var(--bg);color:var(--fg);padding-block:72px;padding-inline:var(--g);overflow:clip}
.escuro{--bg:var(--fundo);--fg:var(--off);--fg2:var(--off-2);--fg3:var(--off-3);--ln:var(--linha);--cartao:rgba(236,231,220,.05)}
.claro{--bg:var(--off);--fg:var(--tinta);--fg2:var(--tinta-2);--fg3:var(--tinta-3);--ln:var(--linha-c);--cartao:var(--branco)}
.miolo{position:relative;z-index:2;max-width:var(--largura);margin-inline:auto}
.rotulo{font:700 13px/1.2 var(--b);letter-spacing:.16em;text-transform:uppercase;color:var(--fg3);margin-bottom:18px}
h1{font-size:44px;line-height:1.04}
h2{font-size:40px;line-height:1.08}
.aspas{font-size:40px;line-height:1.08}
.texto{font-size:18px;color:var(--fg2);margin-top:18px;max-width:36ch}
.texto-grande{font-size:22px}
.pequeno{font-size:15px;color:var(--fg3)}
.link-seta{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-top:20px;font:700 16px/1.2 var(--b);color:var(--fg);text-decoration:none;border-bottom:0}
.link-seta::after{content:"";width:22px;height:2px;background:currentColor;box-shadow:none;transition:width .2s}
.link-seta:hover::after{width:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border-radius:14px;font:800 17px/1.1 var(--b);text-decoration:none;border:0;cursor:pointer;text-align:center}
.btn.amarelo{background:var(--amarelo);color:var(--tinta)}
.btn.amarelo:hover{background:#FFE14A}
.btn.contorno{border:1.5px solid var(--linha-2);color:var(--off);background:transparent}
.claro .btn.contorno,.alivio .btn.contorno{border-color:var(--ln);color:var(--fg)}
.btn.contorno-escuro{border:1.5px solid var(--linha-c2);color:var(--tinta);background:transparent}

/* ---------- pular e topo ---------- */
.pular{position:absolute;left:12px;top:-60px;z-index:60;background:var(--amarelo);color:var(--tinta);font-weight:800;padding:12px 16px;border-radius:10px;text-decoration:none}
.pular:focus{top:12px}
.topo{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;height:var(--topo);display:flex;align-items:center;gap:10px;padding-inline:var(--g);background:rgba(28,26,25,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(236,231,220,.08);color:var(--off)}
.topo-logo{display:flex;align-items:center;min-height:48px;margin-right:auto;color:var(--off);text-decoration:none}
.topo-logo .lockup{height:24px;width:auto}
.topo-logo .topo-simb{display:none;width:30px;height:30px}
.topo-nav{display:none}
.pilula{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;background:var(--amarelo);color:var(--tinta);font:800 15px/1 var(--b);text-decoration:none;white-space:nowrap;transition:transform .15s}
.pilula:active{transform:scale(.97)}
.menu-btn{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:12px;cursor:pointer;margin-right:-10px}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;position:relative}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0}
.menu-btn span::before{top:-7px}.menu-btn span::after{top:7px}

/* ---------- abertura ---------- */
.abertura{padding-top:26px;padding-bottom:48px}
.onda{position:absolute;inset:-20% -40% auto auto;width:150%;aspect-ratio:1;z-index:0;pointer-events:none;
  background:radial-gradient(closest-side,rgba(254,215,15,.28),rgba(254,190,60,.12) 34%,rgba(254,190,60,0) 70%),
    repeating-radial-gradient(circle,rgba(236,231,220,0) 0 22px,rgba(236,231,220,.06) 22px 23px);
  -webkit-mask:radial-gradient(closest-side,#000 40%,transparent 100%);mask:radial-gradient(closest-side,#000 40%,transparent 100%);opacity:.75}
.abertura .onda{top:-34%;right:-78%;width:170%}
.onda.fraca{opacity:.35;top:auto;bottom:-60%;right:-60%}
.aneis{position:absolute;z-index:1;width:300px;height:300px;right:-120px;top:-36px;color:var(--off);opacity:.16;pointer-events:none}
.aneis path:nth-child(1){transform-origin:60px 60px;animation:gira 48s linear infinite}
.aneis path:nth-child(2){transform-origin:60px 60px;animation:gira 72s linear infinite reverse}
.aneis path:nth-child(3){transform-origin:60px 60px;animation:gira 96s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.abertura-topo{position:relative}
.abertura h1{max-width:none}
.abertura-sub{font-size:18px;color:var(--fg2);margin-top:12px}
.portas{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.porta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:12px 16px 12px 18px;border:1px solid var(--linha);border-radius:14px;background:rgba(236,231,220,.04);font:650 17px/1.25 var(--b);color:var(--off);text-decoration:none;transition:background .2s,border-color .2s,transform .15s}
.porta:hover,.porta:focus-visible{background:rgba(236,231,220,.1);border-color:var(--linha-2)}
.porta:active{transform:scale(.99)}
.porta-seta{width:22px;height:22px;flex:none;opacity:.8;transition:transform .2s,opacity .2s}
.porta:hover .porta-seta{transform:translateX(3px);opacity:1;color:var(--amarelo)}
.prova-linha{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:15px;line-height:1.4;color:var(--fg3)}
.simb-peq{width:24px;height:24px;flex:none;color:var(--off)}

/* pergunta 16 = B (15/10): a pergunta sozinha, o orbe nascendo embaixo dela e a primeira porta inteira no pé.
   A altura vem de --alto, gravada uma vez quando a página abre (no Instagram do iPhone a altura muda ao rolar). */
.abertura-topo{min-height:calc(var(--alto, 100svh) - var(--topo) - 136px);display:flex;flex-direction:column;justify-content:center}
.abertura h1{font-size:54px}
.abertura-topo>:not(.orbe){position:relative;z-index:1}
.abertura-acoes{display:flex;align-items:center;gap:12px;margin-top:22px}
.desce,.pausa{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid var(--linha-2);border-radius:50%;background:rgba(28,26,25,.35);color:var(--off);cursor:pointer}
.desce svg,.pausa svg{width:22px;height:22px}
.pausa{width:48px;height:48px;opacity:.75}
.pausa[hidden]{display:none}
.pausa .i-toca,.pausa[aria-pressed="true"] .i-pausa{display:none}
.pausa[aria-pressed="true"] .i-toca{display:block}
.abertura .portas{margin-top:0}
.abertura .portas,.abertura .prova-linha{position:relative;z-index:1}
.abertura .porta{background:rgba(28,26,25,.82)}
.orbe{position:absolute;left:50%;bottom:-134px;width:400px;aspect-ratio:1;transform:translateX(-50%);z-index:0;pointer-events:none;opacity:.85;mix-blend-mode:lighten;
  -webkit-mask-image:radial-gradient(closest-side,#000 60%,transparent),linear-gradient(to bottom,transparent 0%,#000 var(--m0,43%));-webkit-mask-composite:source-in;
  mask-image:radial-gradient(closest-side,#000 60%,transparent),linear-gradient(to bottom,transparent 0%,#000 var(--m0,43%));mask-composite:intersect}
.orbe video,.orbe img{display:block;width:100%;height:100%;object-fit:cover}
.parado .porta,.parado .midia-painel,.parado .midia-painel *{animation-play-state:paused!important}
/* logomarca de produto no lugar do desenho do cartão (o Prumo, 15/10) */
.marca-cartao{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:140px;padding:10% 12%;background:#1C1A19}
.marca-cartao img{display:block;width:100%;height:auto;max-width:360px}
.segundo-midia .marca-cartao{border-radius:14px}
/* o orbe inteiro e aceso no fecho do WhatsApp, que é o alívio (resposta 16, 15/10). Nunca atrás de texto. */
.orbe-fecho{position:relative;left:auto;bottom:auto;transform:none;width:240px;height:240px;aspect-ratio:auto;margin:-24px 0 4px -28px;opacity:1;
  -webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent);mask-image:radial-gradient(closest-side,#000 62%,transparent)}
.fecho .miolo>:not(.orbe){position:relative;z-index:1}

/* ---------- prova e números ---------- */
.numeros{display:grid;grid-template-columns:1fr 1fr;gap:28px 18px;margin-top:34px}
.num b{display:block;font:400 46px/1 var(--t);color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.num.acento b{color:var(--amarelo)}
.num-rot{display:block;font-size:15px;line-height:1.35;color:var(--fg);margin-top:8px;font-weight:650}
.num-de{display:block;font-size:13px;line-height:1.35;color:var(--fg3);margin-top:4px}
.num-data{font-size:13px;color:var(--fg3);margin-top:22px;max-width:52ch}
.numeros-leaos{grid-template-columns:1fr 1fr}

/* ---------- capítulo: a dor ---------- */
.dor{padding-block:64px 56px}
.dor .aspas{max-width:14ch}
.linhas{margin-top:30px;display:flex;flex-direction:column;gap:14px}
.linha{font:400 21px/1.3 var(--t);color:var(--fg2)}
.linha:nth-child(2){color:rgba(236,231,220,.72)}
.linha:nth-child(3){color:rgba(236,231,220,.66)}
.pecas{position:relative;height:210px;margin-top:34px}
.peca{position:absolute;width:168px;border-radius:12px;font-family:var(--b);box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}
.peca b{display:block;font-size:12.5px;font-weight:800;line-height:1.2}
.peca-notif{display:flex;align-items:center;gap:9px;padding:10px 11px;background:var(--grafite-2);color:var(--off);width:206px}
.pn-ico{width:26px;height:26px;border-radius:7px;background:rgba(236,231,220,.18);flex:none}
.pc-txt{display:flex;flex-direction:column;min-width:0}
.pc-txt span{font-size:12px;color:var(--off-2)}
.peca-notif small{margin-left:auto;font-size:10.5px;color:var(--off-2);align-self:flex-start}
.peca-plan{padding:10px 11px 12px;background:var(--branco);color:var(--tinta)}
.pc-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:8px}
.pc-grade i{height:10px;border-radius:2px;background:rgba(28,26,25,.12)}
.pc-grade i:nth-child(-n+4){background:rgba(28,26,25,.32)}
.peca-folha{padding:11px 12px 14px;background:#E7E0D2;color:var(--tinta);width:150px}
.pc-linhas{display:flex;flex-direction:column;gap:6px;margin-top:9px}
.pc-linhas i{height:4px;border-radius:2px;background:rgba(28,26,25,.28)}
.pc-linhas i:nth-child(2){width:70%}
.pc-linhas i.risco{background:rgba(28,26,25,.5);width:84%;position:relative}
.pecas .p0{left:0;top:10px;transform:rotate(-6deg)}
.pecas .p1{right:0;top:58px;transform:rotate(7deg)}
.pecas .p2{left:22%;top:120px;transform:rotate(-2deg)}

/* ---------- capítulo: o alívio ---------- */
.alivio{--bg:var(--off);--fg:var(--tinta);--fg2:var(--tinta-2);--fg3:var(--tinta-3);--ln:var(--linha-c);--cartao:var(--branco);padding-block:64px 56px}
/* virada presa à rolagem (pergunta 24, melhoria 1): a dor fica parada e o alívio sobe por cima, como um painel claro */
.cap{position:relative}
.js .cap .dor{position:sticky;top:var(--dor-top,0px);z-index:0}
.cap .alivio{position:relative;z-index:1;border-radius:28px 28px 0 0;margin-top:-28px;box-shadow:0 -26px 60px -24px rgba(0,0,0,.6)}
@supports (animation-timeline: view()){
  .cap{timeline-scope:--alivio}
  .cap .alivio{view-timeline-name:--alivio}
  .cap .dor>.miolo{animation:dor-recua linear both;animation-timeline:--alivio;animation-range:entry 0% entry 100%}
}
@keyframes dor-recua{to{opacity:.28;transform:scale(.965)}}
.virada-frase{font:400 40px/1.04 var(--t);letter-spacing:-.01em;color:var(--fg);max-width:12ch;margin:0 0 34px}
.alivio h2{max-width:16ch}
.alivio .btn.amarelo{width:100%;margin-top:22px}
.msg{max-width:340px;margin-top:24px;background:#FFFFFF;color:var(--tinta);border-radius:18px 18px 18px 6px;padding:12px 14px 13px;box-shadow:0 10px 30px -18px rgba(28,26,25,.5);border:1px solid rgba(28,26,25,.08)}
.msg-rot{font:700 12px/1 var(--b);letter-spacing:.02em;color:rgba(28,26,25,.66);margin-bottom:7px}
.msg-txt{font-size:16.5px;line-height:1.38}
.msg-perg{font-size:16.5px;line-height:1.38;margin-top:6px;font-weight:700}
.msg-botoes{display:flex;gap:8px;margin-top:10px}
.msg-botoes span{font:800 13.5px/1 var(--b);padding:10px 14px;border-radius:999px;border:1px solid rgba(28,26,25,.24)}
.msg-botoes .mb-sim{background:var(--tinta);color:var(--off);border-color:var(--tinta)}
.selo-linha{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.selo{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font:750 13px/1 var(--b);padding:8px 12px;border-radius:999px;border:1px solid var(--ln);color:var(--fg)}
.selo i{width:8px;height:8px;border-radius:50%;background:var(--verde);flex:none}
.selo-em-desenvolvimento i{background:var(--ambar)}
.selo-vem-ai i{background:transparent;border:1.5px solid currentColor}
.quando{font-size:14px;color:var(--fg3)}
.midia{position:relative;margin-top:30px}
.foto{position:relative;border-radius:18px;overflow:hidden;background:var(--grafite)}
.foto img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}
.foto-alivio{aspect-ratio:4/5}
.gerada{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:6px;background:rgba(28,26,25,.78);color:#ECE7DC;font:600 10.5px/1 var(--b);padding:6px 8px;border-radius:8px;white-space:nowrap}
.gerada-lea{display:inline-flex;align-items:center;gap:3px;font-family:var(--t);letter-spacing:.12em;font-size:10.5px}
.gerada-lea i{font-style:normal;color:var(--amarelo)}
.gerada-lea .simbolo{width:12px;height:12px;color:#ECE7DC}

/* as peças que se arrumam e viram a tela do produto */
.pecas-voo{position:absolute;inset:0;z-index:5;pointer-events:none}
.pecas-voo .peca{opacity:0;left:50%;top:50%;transform:translate(-50%,-50%) scale(.3) rotate(0);transition:transform 1s cubic-bezier(.2,.75,.25,1),opacity .8s ease .25s}
.midia>:not(.pecas-voo){transition:opacity .9s ease .2s,filter .9s ease .2s}
.midia.solto>:not(.pecas-voo){opacity:.18;filter:blur(2px)}
.midia.solto .pecas-voo .peca{opacity:1;transition:none}
.midia.solto .pecas-voo .p0{transform:translate(-112%,-150%) rotate(-9deg)}
.midia.solto .pecas-voo .p1{transform:translate(-8%,-40%) rotate(8deg)}
.midia.solto .pecas-voo .p2{transform:translate(-80%,50%) rotate(-3deg)}

/* segundo destaque e a fileira */
.segundo{margin-top:44px}
.segundo-cartao{display:grid;gap:18px;padding:16px;border-radius:20px;background:var(--cartao);border:1px solid var(--ln)}
.segundo-selo{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.segundo-dor{font:400 25px/1.15 var(--t);margin-top:14px}
.segundo-texto p{color:var(--fg2);font-size:16.5px;margin-top:10px}
.segundo-texto .segundo-det{color:var(--fg);font-weight:700}
.segundo-frase{font:400 24px/1.25 var(--t);color:var(--fg);max-width:30ch}
.segundo-link .btn{width:100%}
.fileira-bloco{margin-top:44px}
.fileira-tit{font:700 13px/1.2 var(--b);letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
.fileira{display:flex;gap:12px;margin-inline:calc(var(--g) * -1);padding:16px var(--g) 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--g);overscroll-behavior-x:contain;scrollbar-width:none}
.fileira::-webkit-scrollbar{display:none}
.fileira>div{flex:0 0 76%;max-width:300px;scroll-snap-align:start;display:flex}
.mini{display:flex;flex-direction:column;width:100%;border-radius:16px;background:var(--cartao);border:1px solid var(--ln);overflow:hidden;text-decoration:none;color:var(--fg);transition:transform .2s}
.mini:hover{transform:translateY(-2px)}
.mini-img{display:block;aspect-ratio:4/3;background:var(--grafite);overflow:hidden}
.mini-img .foto,.mini-img .desenho,.mini-img .cena{height:100%;border-radius:0}
.mini-dor{font:400 19px/1.2 var(--t);padding:14px 14px 0}
.mini-res{font-size:14.5px;line-height:1.4;color:var(--fg2);padding:8px 14px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mini-meta{padding:12px 14px 14px;margin-top:auto}
.mini .selo{font-size:12px;padding:7px 10px}

/* papéis: números, índice e documentos */
.papeis-midia{display:flex;flex-direction:column;gap:22px}
.papeis-nums{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px}
.papeis-nums .num b{font-size:40px}
.papeis-nums .num-rot{font-weight:500;font-size:14px;color:var(--fg2)}
.indice{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font:400 32px/1.1 var(--t);color:var(--fg3)}
.ix{transition:color .4s,box-shadow .4s;padding-bottom:2px}
.ix.on{color:var(--fg);box-shadow:inset 0 -.14em 0 var(--amarelo)}
.ix-ponto{opacity:.5}
.docs{display:flex;flex-direction:column;gap:10px}
.doc{border-radius:14px;background:var(--cartao);border:1px solid var(--ln);overflow:hidden}
.doc-cab{width:100%;display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;text-align:left;padding:14px 16px;min-height:64px;border:0;background:transparent;cursor:pointer;color:var(--fg)}
.doc-nome{font-weight:800;font-size:16px}
.doc-est{grid-column:2;grid-row:1 / span 2;font:800 12.5px/1 var(--b);padding:8px 10px;border-radius:999px;background:rgba(63,174,122,.16);color:var(--fg)}
.doc-est.est-atencao{background:rgba(230,162,60,.24)}
.doc-pts{font-size:14px;color:var(--fg3)}
.doc-corpo{padding:0 16px 16px}
.doc-cru{display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:10px;background:rgba(28,26,25,.05)}
.doc-cru i{height:6px;border-radius:3px;background:var(--ln)}
.doc-cru i:nth-child(2n){width:78%}
.doc-cru i.tj{background:var(--fg);opacity:.85;height:9px}
.doc-resumo{display:none;flex-direction:column;gap:8px}
.doc-resumo li{position:relative;padding-left:18px;font-size:15.5px;line-height:1.4;color:var(--fg)}
.doc-resumo li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--ambar)}
.doc.aberto .doc-cru{display:none}
.doc.aberto .doc-resumo{display:flex}
.docs-nota{font-size:13px;color:var(--fg3)}

/* ---------- as cenas: quadro marcado até a cena existir ---------- */
.cena{position:relative;aspect-ratio:var(--fmt,4/3);border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 90% at 30% 20%,#5B4A34 0%,#2E2722 46%,#1C1A19 100%);border:1.5px dashed rgba(236,231,220,.34)}
.claro .cena,.alivio .cena{border-color:rgba(28,26,25,.28)}
.cena-leg{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;background:rgba(28,26,25,.8);color:#ECE7DC;border-radius:10px;padding:8px 10px;font-size:12.5px;line-height:1.3}
.cena-leg b{font-weight:800;color:var(--amarelo)}
.cena-leg span{color:rgba(236,231,220,.86)}
.cena-leg.curta{left:auto;right:8px;bottom:8px;padding:5px 8px}
.cena-fig{margin:0}
.cena-fig .cena-leg{position:static;margin-top:10px;background:transparent;color:var(--fg2);padding:0;font-size:13.5px}
.cena-fig .cena-leg span{color:var(--fg3)}
.claro .cena-fig .cena-leg b,.alivio .cena-fig .cena-leg b{color:var(--fg)}
.escuro .cena-fig .cena-leg b{color:var(--amarelo)}
.aparelho{position:relative}
.ap-celular{height:84%;aspect-ratio:390/844;padding:2.4%;border-radius:12%/5.6%;background:#0D0C0B;box-shadow:0 30px 60px -24px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.08);margin-bottom:6%}
.ap-celular .aparelho-tela{width:100%;height:100%;border-radius:10%/4.6%;overflow:hidden;container-type:inline-size;background:#000}
.ap-notebook{width:84%;margin-bottom:8%}
.ap-notebook .aparelho-tela{aspect-ratio:16/10;border:5px solid #0D0C0B;border-bottom-width:9px;border-radius:10px 10px 4px 4px;overflow:hidden;container-type:inline-size;background:#000;box-shadow:0 30px 60px -24px rgba(0,0,0,.8)}
.ap-notebook::after{content:"";display:block;height:9px;margin:0 -6%;border-radius:0 0 12px 12px;background:linear-gradient(#2a2725,#141312)}
.cena-celular .aparelho{height:100%;display:flex;align-items:center;justify-content:center}
.cena-celular .ap-celular{height:84%}
.tl{width:100%;height:100%;overflow:hidden;position:relative}
.tl-vazia{display:flex;align-items:center;justify-content:center;background:#0B0B0A;color:rgba(236,231,220,.62);font-size:12px;text-align:center;padding:12%}
.ap-notebook .tl-vazia{font-size:12px}
.tl-tg .t-exemplo,.tl-app .t-exemplo{top:auto;bottom:5.4em;right:.8em}
.t-exemplo{position:absolute;right:.6em;top:.6em;z-index:9;font:800 .62em/1 var(--b);letter-spacing:.06em;text-transform:uppercase;background:var(--amarelo);color:var(--tinta);padding:.45em .6em;border-radius:.5em}

/* tela C1: a conversa com o time */
.tl-tg{font-size:calc(100cqw / 24.375);font-family:var(--b);background:#0E1621;color:#EAF1F7}
.tg{display:flex;flex-direction:column;height:100%}
.tg-status,.ap-status{display:flex;justify-content:space-between;align-items:center;padding:.8em 1.6em .2em;font-size:.95em}
.tg-sinal{display:flex;gap:.18em;align-items:flex-end}
.tg-sinal i{width:.22em;background:currentColor;border-radius:.1em}
.tg-sinal i:nth-child(1){height:.45em}.tg-sinal i:nth-child(2){height:.65em}.tg-sinal i:nth-child(3){height:.85em}
.tg-topo{display:flex;align-items:center;gap:.7em;padding:.7em 1em;background:#17212B;border-bottom:1px solid rgba(255,255,255,.06)}
.tg-volta{font-size:1.8em;line-height:1;color:#6AB2F2}
.tg-avatar{width:2.6em;height:2.6em;border-radius:50%;background:#312F2F;display:flex;align-items:center;justify-content:center;color:#ECE7DC}
.tg-avatar .simbolo{width:1.8em;height:1.8em}
.tg-quem{display:flex;flex-direction:column;line-height:1.2}
.tg-quem b{font-size:1em}
.tg-quem small{font-size:.78em;color:#7FA3C2}
.tg-msgs{flex:1;display:flex;flex-direction:column;gap:.5em;padding:.9em .8em;background:radial-gradient(circle at 20% 30%,#13202D,#0E1621)}
.tg-dia{align-self:center;font-size:.72em;background:rgba(0,0,0,.35);padding:.3em .8em;border-radius:1em;color:#C9D6E2}
.tg-b{max-width:82%;padding:.55em .75em .45em;border-radius:1em;font-size:.9em;line-height:1.35;position:relative}
.tg-b small{display:block;text-align:right;font-size:.68em;color:rgba(234,241,247,.6);margin-top:.15em}
.tg-b.ele{align-self:flex-start;background:#182533;border-bottom-left-radius:.3em}
.tg-b.eu{align-self:flex-end;background:#2B5278;border-bottom-right-radius:.3em}
.tg-audio{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;width:72%}
.tg-play{width:1.9em;height:1.9em;border-radius:50%;background:#EAF1F7;color:#2B5278;display:flex;align-items:center;justify-content:center;font-size:.8em;padding-left:.15em}
.tg-onda{flex:1;display:flex;align-items:center;gap:.12em;height:1.6em}
.tg-onda i{flex:1;height:var(--h);background:rgba(234,241,247,.75);border-radius:.1em}
.tg-dur{font-size:.75em}
.tg-audio small{width:100%}
.tg-teclas{align-self:flex-start;display:flex;gap:.35em;width:82%}
.tg-teclas span{flex:1;text-align:center;font-size:.82em;font-weight:700;background:rgba(24,37,51,.85);padding:.6em;border-radius:.6em;color:#EAF1F7}
.tg-campo{display:flex;align-items:center;gap:.6em;padding:.6em .8em 1.6em;background:#17212B}
.tg-msg{flex:1;font-size:.9em;color:#7F91A4;background:#0E1621;border-radius:1.2em;padding:.65em 1em}
.tg-mic{width:2.3em;height:2.3em;border-radius:50%;background:#6AB2F2}

/* tela C3: o app do apartamento (cores do app, dados de exemplo) */
.tl-app{font-size:calc(100cqw / 24.375);font-family:var(--b);background:#FFFCF6;color:#241F45}
.ap{display:flex;flex-direction:column;height:100%}
.ap-status{color:#241F45}
.ap-topo{display:flex;justify-content:space-between;align-items:center;padding:.6em 1.25em .8em}
.ap-tit{font-size:1.55em;font-weight:800;color:#271D62;letter-spacing:-.01em}
.ap-sino{width:2.4em;height:2.4em;border-radius:.8em;background:#fff;border:1px solid #E8E0D2;position:relative}
.ap-sino i{position:absolute;right:.45em;top:.45em;width:.55em;height:.55em;border-radius:50%;background:#C0492F}
.ap-hero{margin:0 1em;padding:1.1em 1.2em 1.2em;border-radius:1.2em;background:linear-gradient(140deg,#271D62,#4A93D8);color:#fff;display:flex;flex-direction:column;gap:.25em}
.ap-hero small{font-size:.78em;opacity:.85;font-weight:700;letter-spacing:.02em}
.ap-hero b{font-size:1.45em;font-weight:800}
.ap-hero span{font-size:.92em;opacity:.92}
.ap-chip{align-self:flex-start;margin-top:.5em;font-style:normal;font-size:.75em;font-weight:800;padding:.45em .75em;border-radius:1em;background:rgba(255,255,255,.18)}
.ap-lista{display:flex;flex-direction:column;gap:.55em;padding:1em}
.ap-lista li{display:grid;grid-template-columns:auto 1fr;gap:.1em .7em;align-items:center;padding:.85em 1em;border-radius:1em;background:#fff;border:1px solid #EFE8DB;box-shadow:0 .2em .6em -.3em rgba(39,29,98,.12)}
.ap-dot{grid-row:1 / span 2;width:.7em;height:.7em;border-radius:50%;background:#3FAE7A}
.ap-dot.at{background:#E6A23C}
.ap-lista b{font-size:.95em;font-weight:800;color:#241F45}
.ap-lista span{font-size:.85em;color:#6E6A8A}
.ap-tabs{margin-top:auto;display:flex;justify-content:space-around;padding:.8em .5em 1.6em;border-top:1px solid #E8E0D2;background:#fff;font-size:.72em;font-weight:700;color:#8B88A0}
.ap-tabs .on{color:#271D62}

/* tela C10: o calendário de preços (cores do app, dados de exemplo) */
.tl-cal{font-size:calc(100cqw / 80);font-family:var(--b);background:#F3F0E8;color:#241F45}
.cl{height:100%;padding:1.6em 2.4em;display:flex;flex-direction:column}
.cl-topo{display:flex;justify-content:space-between;align-items:center}
.cl-tit{font-size:1.5em;font-weight:800;color:#271D62}
.cl-seg{display:flex;background:rgba(39,29,98,.06);border-radius:2em;padding:.2em}
.cl-seg i{font-style:normal;font-size:.85em;font-weight:700;color:#6E6A8A;padding:.45em 1em;border-radius:2em}
.cl-seg i.on{background:#271D62;color:#fff}
.cl-mes{display:flex;justify-content:center;align-items:center;gap:1.6em;margin:.8em 0 .6em;font-size:1.05em;color:#271D62}
.cl-mes span{font-size:1.4em;opacity:.6}
.cl-dow,.cl-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35em}
.cl-dow i{font-style:normal;text-align:center;font-size:.7em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6E6A8A;padding-bottom:.3em}
.cl-grid{flex:1}
.cl-c{position:relative;border-radius:.6em;background:#fff;padding:.4em .55em;display:flex;flex-direction:column;justify-content:flex-end;min-height:0}
.cl-c.vazio{background:transparent}
.cl-c b{position:absolute;top:.35em;right:.5em;font-size:.72em;color:#271D62;opacity:.75}
.cl-c strong{font-size:1.05em;font-weight:800;color:#1c1840;letter-spacing:-.02em}
.cl-c em{font-style:normal;font-size:.6em;color:#6E6A8A;font-weight:600}
.cl-c.n0{background:#DCEFD6}.cl-c.n1{background:#B7DEAD}.cl-c.n2{background:#CDE5F6}.cl-c.n3{background:#A6CBED}
.cl-c.res{background:#E6E4EC}.cl-c.fec{background:#F4E2BE}
.cl-c.res em,.cl-c.fec em{font-size:.72em;font-weight:800;color:#8b88a0}
.cl-leg{display:flex;gap:1.6em;margin-top:.8em;font-size:.75em;color:#6E6A8A}
.cl-leg i{display:inline-block;width:1em;height:1em;border-radius:.25em;vertical-align:-.15em;margin-right:.45em}
.cl-leg .n0{background:#DCEFD6}.cl-leg .n2{background:#CDE5F6}.cl-leg .res{background:#E6E4EC}.cl-leg .fec{background:#F4E2BE}

/* tela C2: o painel do LEA-OS (mapa do trabalho, dados de exemplo) */
.tl-painel{font-size:calc(100cqw / 80);font-family:var(--b);background:#1C1A19;color:#ECE7DC}
.pn{display:flex;height:100%}
.pn-lado{width:4.2em;flex:none;border-right:1px solid rgba(236,231,220,.1);display:flex;flex-direction:column;align-items:center;gap:1.2em;padding-top:1em}
.pn-logo{width:2em;height:2em;color:#ECE7DC}
.pn-ic{display:block;width:1.3em;height:1.3em;border-radius:.35em;border:2px solid rgba(236,231,220,.42)}
.pn-ic.on{border-color:#FED70F}
.pn-main{flex:1;min-width:0;padding:1em 1.6em;display:flex;flex-direction:column;gap:.9em}
.pn-topo{display:flex;justify-content:space-between;align-items:flex-start}
.pn-topo small{display:block;font-size:.8em;color:rgba(236,231,220,.6)}
.pn-topo b{font:400 1.5em/1.1 var(--t)}
.pn-seg{display:flex;border:1px solid rgba(236,231,220,.18);border-radius:.6em;padding:.2em}
.pn-seg i{font-style:normal;font-size:.82em;padding:.4em .8em;border-radius:.45em;color:rgba(236,231,220,.7)}
.pn-seg i.on{background:rgba(236,231,220,.1);color:#ECE7DC;font-weight:700}
.pn-resumo{display:flex;justify-content:space-between;align-items:center;gap:1em}
.pn-r1{font-size:1.1em;font-weight:600}
.pn-r2{font-size:.78em;color:rgba(236,231,220,.6);margin-top:.2em}
.pn-cheia{font-size:.85em;font-weight:800;background:#FED70F;color:#1C1A19;padding:.6em 1.1em;border-radius:.6em}
.pn-acab{display:flex;align-items:center;gap:1.2em;border:1px solid rgba(236,231,220,.14);border-radius:.8em;padding:.7em 1em;font-size:.85em}
.pn-acab b{font-weight:600}
.pn-acab-l{position:relative;flex:1;height:1.4em;color:rgba(236,231,220,.75)}
.pn-acab-l span{position:absolute;left:0;top:0;white-space:nowrap}
.pn-acab-l .ac2,.pn-acab-l .ac3{opacity:0}
.pn-mapa{position:relative;flex:1;border:1px solid rgba(236,231,220,.12);border-radius:1em;padding:.9em 1em;display:grid;grid-template-columns:22% 1fr 20%;grid-template-rows:auto 1fr;column-gap:8%;background-image:radial-gradient(rgba(236,231,220,.08) 1px,transparent 1px);background-size:1.4em 1.4em}
.pn-mapa-t{grid-column:1 / -1;display:flex;justify-content:space-between;font:400 1em/1.2 var(--t);margin-bottom:.6em}
.pn-leg{font:600 .7em/1 var(--b);color:rgba(236,231,220,.65);display:flex;gap:.6em;align-items:center}
.pn-leg i{display:inline-block;width:1.6em;height:0;border-top:2px dashed #FED70F}
.pn-leg i.le{border-top:2px solid #3FAE7A}
.pn-col1,.pn-col3{display:flex;align-items:center}
.pn-ses,.pn-proj{width:100%;border:1.5px solid #FED70F;border-radius:.8em;padding:.8em;background:#24221F;display:flex;flex-direction:column;gap:.3em}
.pn-ses small{font-size:.7em;color:rgba(236,231,220,.6)}
.pn-ses b,.pn-proj b{font:400 .95em/1.25 var(--t)}
.pn-ses em{font-style:normal;align-self:flex-start;font-size:.7em;font-weight:800;background:rgba(63,174,122,.2);color:#9AE0BE;padding:.3em .6em;border-radius:1em}
.pn-ses span,.pn-proj span{font-size:.72em;color:rgba(236,231,220,.7)}
.pn-proj{background:rgba(254,215,15,.1)}
.pn-col2{display:flex;flex-direction:column;justify-content:space-around;gap:.5em;position:relative;z-index:2}
.pn-ag{display:flex;gap:.6em;align-items:flex-start;padding:.55em .7em;border-radius:.8em;border:1.5px solid rgba(236,231,220,.18);background:#24221F}
.pn-ag.trab{border-color:#FED70F}
.pn-ag.ok{border-color:#3FAE7A}
.pn-av{flex:none;width:2.1em;height:2.1em;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:.85em;font-weight:800}
.pn-ag.trab .pn-av{color:#FED70F}.pn-ag.ok .pn-av{color:#3FAE7A}
.pn-ag-c{min-width:0}
.pn-ag-n{display:flex;gap:.5em;align-items:baseline;font-size:.82em}
.pn-st{position:relative;display:inline-grid;font-weight:700;font-size:.92em}
.pn-st>span{grid-area:1/1;white-space:nowrap}
.st-fila{color:rgba(236,231,220,.55)}.st-trab{color:#FED70F}.st-ok{color:#3FAE7A}
.pn-ag .st-fila,.pn-ag.trab .st-ok,.pn-ag.ok .st-trab{opacity:0}
.pn-ag.trab .st-trab,.pn-ag.ok .st-ok{opacity:1}
.pn-ag-f{font-size:.76em;line-height:1.35;color:rgba(236,231,220,.82);margin-top:.15em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pn-fios{position:absolute;inset:3.2em 1em .9em 1em;width:calc(100% - 2em);height:calc(100% - 4.1em);z-index:1;overflow:visible}
.pn-fios path{fill:none;stroke:#FED70F;stroke-width:.35;stroke-dasharray:1.2 .9;vector-effect:non-scaling-stroke;stroke-width:1.6}
.pn-fios .f4,.pn-fios .g4{stroke:#3FAE7A;stroke-dasharray:none}

/* pergunta 4, A: o painel em movimento, os agentes acendendo em ciclo de 12 s */
@keyframes pn-borda{0%,8%{border-color:rgba(236,231,220,.18)}12%,58%{border-color:#FED70F}62%,100%{border-color:#3FAE7A}}
@keyframes pn-av{0%,8%{color:rgba(236,231,220,.5)}12%,58%{color:#FED70F}62%,100%{color:#3FAE7A}}
@keyframes pn-fila{0%,8%{opacity:1}10%,100%{opacity:0}}
@keyframes pn-trab{0%,9%{opacity:0}12%,58%{opacity:1}61%,100%{opacity:0}}
@keyframes pn-ok{0%,59%{opacity:0}62%,100%{opacity:1}}
@keyframes pn-fio{0%,8%{stroke-opacity:.15;stroke:#FED70F}12%,58%{stroke-opacity:1;stroke:#FED70F;stroke-dashoffset:0}57%{stroke-dashoffset:-30}62%,100%{stroke-opacity:1;stroke:#3FAE7A;stroke-dasharray:none}}
@keyframes pn-ac{0%,30%{opacity:1}34%,100%{opacity:0}}
@keyframes pn-ac2{0%,33%{opacity:0}37%,63%{opacity:1}67%,100%{opacity:0}}
@keyframes pn-ac3{0%,66%{opacity:0}70%,97%{opacity:1}100%{opacity:0}}
.midia-painel .pn-ag{animation:pn-borda 12s linear infinite;animation-delay:calc(var(--i) * -3s)}
.midia-painel .pn-av{animation:pn-av 12s linear infinite;animation-delay:inherit}
.midia-painel .pn-ag .st-fila{animation:pn-fila 12s linear infinite;animation-delay:calc(var(--i) * -3s)}
.midia-painel .pn-ag .st-trab{animation:pn-trab 12s linear infinite;animation-delay:calc(var(--i) * -3s)}
.midia-painel .pn-ag .st-ok{animation:pn-ok 12s linear infinite;animation-delay:calc(var(--i) * -3s)}
.midia-painel .pn-ag1 .pn-av{animation-delay:0s}.midia-painel .pn-ag2 .pn-av{animation-delay:-3s}.midia-painel .pn-ag3 .pn-av{animation-delay:-6s}.midia-painel .pn-ag4 .pn-av{animation-delay:-9s}
.midia-painel .pn-fios path{animation:pn-fio 12s linear infinite}
.midia-painel .pn-fios .f2,.midia-painel .pn-fios .g2{animation-delay:-3s}
.midia-painel .pn-fios .f3,.midia-painel .pn-fios .g3{animation-delay:-6s}
.midia-painel .pn-fios .f4,.midia-painel .pn-fios .g4{animation-delay:-9s}
.midia-painel .pn-acab-l .ac1{animation:pn-ac 12s linear infinite}
.midia-painel .pn-acab-l .ac2{animation:pn-ac2 12s linear infinite}
.midia-painel .pn-acab-l .ac3{animation:pn-ac3 12s linear infinite}
.midia-painel .pn-cheia{animation:none}

/* ---------- estrutura ---------- */
.fluxo{display:flex;flex-direction:column;margin-top:32px;counter-reset:no}
.no{position:relative;border:1px solid var(--ln);border-radius:16px;padding:16px 18px;background:rgba(236,231,220,.03)}
.no+.no{margin-top:26px}
.no+.no::before{content:"";position:absolute;left:50%;top:-26px;height:26px;width:1.5px;background:var(--linha-2)}
.no b{display:block;font:400 21px/1.2 var(--t)}
.no span{display:block;font-size:15px;color:var(--fg3);margin-top:4px}
.no.sim{border-color:rgba(254,215,15,.6)}
.no.sim b{color:var(--amarelo)}

/* ---------- por dentro ---------- */
.elenco{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 12px;margin-top:30px}
.ag figure{border-radius:14px;overflow:hidden;background:var(--grafite);aspect-ratio:4/5}
.ag img{width:100%;height:100%;object-fit:cover}
.ag b{display:block;font:400 18px/1.2 var(--t);margin-top:8px}
.ag span{display:block;font-size:13.5px;line-height:1.3;color:var(--fg3)}
.elenco-selo{margin-top:14px}
.elenco-selo .gerada{position:static;display:inline-flex}
.videos-bloco{margin-top:36px}
.videos{display:flex;gap:14px;margin-inline:calc(var(--g) * -1);padding:0 var(--g);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.videos::-webkit-scrollbar{display:none}
.video{position:relative;flex:0 0 66%;max-width:300px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;scroll-snap-align:center;background:var(--grafite)}
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 14px 14px;background:linear-gradient(transparent,rgba(12,11,10,.9));display:flex;flex-direction:column;gap:6px}
.video figcaption b{font:400 19px/1.2 var(--t);color:#ECE7DC}
.video figcaption small{font-size:12.5px;color:rgba(236,231,220,.75)}
.video figcaption a{align-self:flex-start;display:inline-flex;align-items:center;min-height:48px;font:800 14px/1 var(--b);color:#ECE7DC}
.video .gerada{top:10px;bottom:auto}
.pontos{display:flex;justify-content:center;gap:8px;margin-top:14px}
.pontos i{width:7px;height:7px;border-radius:50%;background:var(--linha-2);transition:background .2s,transform .2s}
.pontos i.on{background:var(--off);transform:scale(1.3)}

/* ---------- quem assina, contratar, fecho ---------- */
.foto-luiz{border-radius:20px;overflow:hidden;aspect-ratio:4/5;max-height:440px;background:#cfc8ba}
.foto-luiz img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.carta-bloco{margin-top:28px}
.quem-assina .aspas{font-size:40px;max-width:16ch}
.carta{font-size:18px;line-height:1.6;color:var(--fg2);margin-top:16px;max-width:36ch}
.assinatura{font:400 26px/1 var(--t);margin-top:18px}
.marcos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid var(--ln)}
.marcos b{display:block;font:400 18px/1.2 var(--t)}
.marcos span{display:block;font-size:14px;line-height:1.4;color:var(--fg3);margin-top:4px}
.degraus{display:flex;flex-direction:column;gap:10px;margin-top:28px;counter-reset:d}
.degraus li{counter-increment:d;display:flex}
.degrau{display:grid;grid-template-columns:34px 1fr 24px;gap:4px 10px;align-items:start;width:100%;min-height:48px;border:1px solid var(--ln);border-radius:14px;padding:15px 16px;background:var(--branco);color:var(--fg);text-decoration:none;transition:border-color .2s,transform .15s}
.degrau::before{content:counter(d);grid-row:1/span 3;font:400 24px/1 var(--t);color:var(--fg3)}
.degrau>b,.degrau>.degrau-frase,.degrau>.degrau-txt{grid-column:2}
.degrau b{font:800 16.5px/1.3 var(--b)}
.degrau-frase{font:400 19px/1.3 var(--t);color:var(--fg)}
.degrau-txt{font-size:14.5px;color:var(--fg2)}
.degrau-seta{grid-column:3;grid-row:1/span 3;align-self:center;width:22px;height:22px;color:var(--fg2);transition:transform .2s,color .2s}
.degrau:hover,.degrau:focus-visible{border-color:var(--tinta-2)}
.degrau:hover .degrau-seta,.degrau:focus-visible .degrau-seta{transform:translateX(3px);color:var(--tinta)}
.degrau:active{transform:scale(.99)}
.rotulo-passos{margin-top:36px}
.passos{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;counter-reset:p}
.passos li{counter-increment:p;font-size:15.5px;line-height:1.35;color:var(--fg2)}
.passos li::before{content:counter(p);display:block;font:400 28px/1 var(--t);color:var(--fg);margin-bottom:6px}
.fecho{padding-block:88px 72px}
.fecho .gigante{font-size:52px;line-height:1.02;max-width:9ch}
.objecao{margin-top:28px;padding-top:20px;border-top:1px solid var(--ln);font-size:17px;color:var(--fg2);max-width:34ch}
.btn-fecho{width:100%;margin-top:22px}
.campo-dor{margin-top:16px}
.campo-linha{display:flex;align-items:center;gap:8px;border:1.5px solid var(--linha-2);border-radius:16px;padding:4px 4px 4px 16px;background:rgba(236,231,220,.04)}
.campo-linha:focus-within{border-color:var(--off)}
.campo-linha input{flex:1;min-width:0;min-height:48px;border:0;background:transparent;color:var(--off);font:500 17px/1.3 var(--b);outline:none}
.campo-linha input::placeholder{color:rgba(236,231,220,.62)}
.btn-enviar{flex:none;width:48px;height:48px;border-radius:12px;border:0;background:var(--off);color:var(--tinta);display:flex;align-items:center;justify-content:center;cursor:pointer}
.btn-enviar svg{width:22px;height:22px}
.contatos{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:18px;font-size:15px;color:var(--fg3)}
.contatos .sep{display:none}
.contatos a{display:inline-flex;align-items:center;min-height:48px;color:var(--fg2);text-decoration:none}
.contatos a:hover{text-decoration:underline}
.fecho-curto .gigante{font-size:40px;max-width:16ch}
.fecho-curto .btn{width:100%;margin-top:26px}

/* ---------- rodapé, aviso de cookies, menu ---------- */
.rodape{background:#141312;color:var(--off);padding:48px var(--g) calc(40px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(236,231,220,.08)}
.rodape-logo{display:inline-flex;min-height:48px;align-items:center;color:var(--off)}
.rodape-logo .lockup{height:30px;width:auto}
.rodape-frase{font-size:15px;color:var(--off-3);margin-top:12px}
.rodape-nav{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:20px}
.rodape-nav a{display:inline-flex;align-items:center;min-height:48px;font-size:15px;color:var(--off-2);text-decoration:none}
.rodape-nav a:hover{color:var(--off);text-decoration:underline}
.rodape-pe{margin-top:8px}
.rever-cookies{min-height:48px;padding:0;border:0;background:transparent;color:var(--off-2);font-size:14px;text-decoration:underline;cursor:pointer}
.previa-nota{font-size:13px;color:var(--off-3);margin-top:10px}
.cookies{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 10px;padding:6px var(--g) calc(6px + env(safe-area-inset-bottom,0px));background:rgba(20,19,18,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(236,231,220,.12);color:var(--off);font-size:13.5px;line-height:1.35}
.cookies a{color:var(--off);display:inline-flex;align-items:center;min-height:48px;padding:0 2px}
.cookies p{flex:1 1 100%;font-size:13px;line-height:1.3}
.cookies-bt{display:flex;gap:8px}
.cookies button{min-height:48px;padding:0 18px;border-radius:10px;font:800 13.5px/1 var(--b);cursor:pointer}
.ck-bt{background:var(--off);color:var(--tinta);border:0;min-width:104px}
.ck-como{font-size:13.5px;font-weight:700}
.ck-bt[aria-pressed="true"]{box-shadow:0 0 0 3px var(--amarelo)}
.cookies-bt{align-items:center;flex-wrap:wrap}
.menu{position:fixed;inset:0;z-index:70}
.menu-fundo{position:absolute;inset:0;background:rgba(10,9,9,.6)}
.menu-caixa{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--fundo);color:var(--off);overflow-y:auto;overscroll-behavior:contain;padding:calc(10px + env(safe-area-inset-top,0px)) var(--g) calc(32px + env(safe-area-inset-bottom,0px));box-shadow:-20px 0 60px rgba(0,0,0,.5)}
.menu-cab{display:flex;align-items:center;justify-content:space-between;height:54px}
.menu-logo .lockup{height:24px;width:auto;color:var(--off)}
.menu-fechar{width:48px;height:48px;border:0;background:transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:-10px}
.menu-fechar svg{width:24px;height:24px}
.menu-nav{display:flex;flex-direction:column;margin-top:10px}
.menu-nav a{display:flex;align-items:center;min-height:56px;font:400 26px/1.1 var(--t);color:var(--off);text-decoration:none;border-bottom:1px solid var(--linha)}
.menu-wa{width:100%;margin-top:22px}

/* ---------- página Onde dói ---------- */
.catalogo{padding-top:44px}
.catalogo h1{font-size:40px;max-width:16ch}
.filtros-bloco{position:sticky;top:calc(var(--topo) + env(safe-area-inset-top,0px));z-index:20;margin:26px calc(var(--g) * -1) 0;padding:10px 0;background:rgba(28,26,25,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.filtros{display:flex;gap:8px;overflow-x:auto;padding:0 var(--g);scrollbar-width:none}
.filtros::-webkit-scrollbar{display:none}
.chip{flex:none;min-height:48px;padding:0 15px;border-radius:999px;border:1px solid var(--linha-2);background:transparent;color:var(--off-2);font:750 14px/1 var(--b);cursor:pointer;white-space:nowrap}
.chip.on{background:var(--off);color:var(--tinta);border-color:var(--off)}
.chip[data-grupo="selo"]{border-style:dashed}
.chip[data-grupo="selo"].on{border-style:solid}
.cartoes{display:grid;grid-template-columns:1fr;gap:16px;margin-top:22px}
.cartao{border:1px solid var(--linha);border-radius:18px;overflow:hidden;background:rgba(236,231,220,.03);scroll-margin-top:140px}
.cartao[hidden]{display:none}
.cartao.alvo{border-color:var(--amarelo)}
.cartao-img{aspect-ratio:16/9;background:var(--grafite);overflow:hidden}
.cartao-img .foto,.cartao-img .desenho,.cartao-img .cena{height:100%;border-radius:0}
.cartao-img .cena{border:0}
.cartao-img .cena,.mini-img .cena{aspect-ratio:auto;width:100%;height:100%;border-radius:0}
.cartao-corpo{padding:16px 16px 14px}
.cartao-porta{font:700 12px/1.2 var(--b);letter-spacing:.14em;text-transform:uppercase;color:var(--off-3)}
.cartao-dor{margin-top:8px}
.cartao-toque{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;width:100%;text-align:left;border:0;background:transparent;padding:4px 0;font:400 22px/1.2 var(--t);color:var(--off);cursor:pointer;min-height:48px}
.cartao-toque svg{flex:none;width:24px;height:24px;margin-top:2px;opacity:.8;transition:transform .25s}
.cartao-toque[aria-expanded="true"] svg{transform:rotate(180deg)}
.cartao-res{font-size:15.5px;line-height:1.45;color:var(--off-2);margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cartao.aberto .cartao-res{display:none}
.cartao-det{margin-top:10px}
.molde{display:grid;gap:4px}
.molde dt{font:800 12px/1.2 var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--off-3);margin-top:10px}
.molde dd{font-size:15.5px;line-height:1.45;color:var(--off)}
.cartao-meta{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-top:14px}
.cartao .selo{--ln:var(--linha);--fg:var(--off)}
.cartao .quando{--fg3:var(--off-3)}
.cartao-acoes{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--linha)}
.btn-mini{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 2px;color:var(--amarelo);font:800 15px/1 var(--b);text-decoration:none;white-space:nowrap}
@media (max-width:359px){.btn-mini::after{display:none}.cartao-acoes{gap:8px}}
.btn-mini::after{content:"";width:18px;height:2px;background:currentColor;transition:width .2s}
.btn-mini:hover::after{width:28px}
.marcar{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 4px;cursor:pointer;font-size:14.5px;color:var(--off-2)}
.marcar input{width:22px;height:22px;accent-color:var(--amarelo);margin:0}
.nada{margin-top:24px;color:var(--off-3)}
.desenho{height:100%;display:flex;align-items:center;justify-content:center;background:var(--grafite);padding:6% 10%}
.desenho svg{width:100%;height:100%;max-height:100%}
.cartao-img .cena .aparelho,.mini-img .cena .aparelho{transform:scale(.92)}
.cartao-img .cena-celular .ap-celular,.mini-img .cena-celular .ap-celular{height:88%;margin:0}
.cartao-img .ap-notebook,.mini-img .ap-notebook{width:70%;margin:0}

/* ---------- página LEA-OS ---------- */
.leaos-dor{padding-block:72px 64px}
.leaos-dor .aspas{font-size:40px;max-width:15ch}
.virada h2{font-size:40px;max-width:15ch}
.assina-peq{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:15px;color:var(--fg2)}
.assina-peq img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.midia-painel{margin-top:30px}
.virada-texto{max-width:760px}
.midia-painel .cena-fig{max-width:1080px;margin-inline:auto}
.midia-painel .ap-notebook{width:90%}
.dia{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.beneficios{display:grid;grid-template-columns:1fr;gap:10px;margin-top:30px}
.beneficios li{padding:16px;border-radius:16px;border:1px solid var(--ln);display:flex;flex-direction:column;gap:4px}
.beneficios b{font:400 21px/1.2 var(--t)}
.beneficios span{font-size:15px;color:var(--fg2)}
.beneficios small{font-size:13px;color:var(--fg3)}
.mudou{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.mudou li{font:400 21px/1.3 var(--t);padding:16px 0;border-bottom:1px solid var(--ln)}
.para-voce h2{font-size:32px;max-width:22ch;margin-top:20px}
.para-voce .btn{width:100%;margin-top:26px}
.fluxo-grande .no{padding:20px}
.fluxo-grande .no b{font-size:24px}

/* ---------- privacidade ---------- */
.privacidade{padding-top:48px}
.leitura{max-width:68ch}
.priv-texto{margin-top:28px}
.priv-texto h2{font-size:26px;margin-top:34px}
.priv-texto h3{font:800 17px/1.3 var(--b);margin-top:22px}
.priv-texto p,.priv-texto li{font-size:17px;line-height:1.6;color:var(--fg2);margin-top:12px}
.priv-texto ul,.priv-texto ol{margin-top:6px}
.priv-texto ul li{position:relative;padding-left:18px}
.priv-texto ul li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--tinta-3)}
.priv-texto ol{counter-reset:o}
.priv-texto ol li{counter-increment:o;position:relative;padding-left:26px}
.priv-texto ol li::before{content:counter(o) ".";position:absolute;left:0;font-weight:800;color:var(--fg3)}
.priv-texto a{color:var(--tinta)}
.priv-acoes{margin-top:34px}
.aguardando{color:var(--fg3)}


/* ---------- revelação ao rolar (a página fica completa sem isto) ---------- */
.js .antes{opacity:0;transform:translateY(18px)}
.js .revela{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js .dor .linha.antes{transform:translateY(10px)}

/* ---------- computador ---------- */
@media (min-width:700px){
  .fileira>div{flex-basis:44%}
  .cartoes{grid-template-columns:1fr 1fr}
  .elenco{grid-template-columns:repeat(6,1fr)}
  .beneficios{grid-template-columns:1fr 1fr}
  .numeros-leaos{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1024px){
  :root{--g:48px;--topo:76px}
  body{font-size:18px}
  .tela{padding-block:120px}
  .topo-logo .lockup{height:28px}
  .topo-nav{display:flex;gap:4px;margin-right:12px}
  .topo-nav a{display:inline-flex;align-items:center;min-height:48px;padding:0 14px;font:650 15px/1 var(--b);color:var(--off-2);text-decoration:none;border-radius:10px}
  .topo-nav a:hover,.topo-nav a[aria-current="page"]{color:var(--off);background:rgba(236,231,220,.06)}
  .menu-btn{display:none}
  .duas{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:center}
  h1{font-size:120px;line-height:.98}
  h2{font-size:72px;line-height:1.02}
  .aspas{font-size:92px;line-height:1.02}
  .texto{font-size:21px;max-width:42ch}
  .abertura{padding-top:64px;padding-bottom:64px}
  .abertura h1{max-width:16ch}
  .aneis{width:760px;height:760px;right:-200px;top:20px}
  .abertura-sub{font-size:21px;margin-top:20px}
  .portas{gap:0;margin-top:36px}
  .porta{min-height:0;padding:6px 0;border:0;border-radius:0;background:transparent;justify-content:flex-start;gap:22px;font:400 46px/1.12 var(--t);color:rgba(236,231,220,.46);letter-spacing:-.01em;animation:acende 10s linear infinite;animation-delay:calc(var(--i) * 2s - 10s)}
  .porta-seta{width:40px;height:40px;opacity:0}
  .porta:hover,.porta:focus-visible{background:transparent;color:var(--off);animation-play-state:paused}
  .porta:hover .porta-seta,.porta:focus-visible .porta-seta{opacity:1}
  .abertura h1{font-size:140px}
  .abertura-topo{min-height:calc(var(--alto, 100svh) - var(--topo) - 120px)}
  .orbe{width:620px;bottom:-220px;opacity:.7}
  .abertura .porta{background:transparent}
  .prova-linha{margin-top:32px;font-size:16px}
  .numeros{grid-template-columns:repeat(4,1fr);max-width:1100px;margin-top:56px}
  .numeros-leaos{grid-template-columns:repeat(3,1fr)}
  .num b{font-size:76px}
  .num-rot{font-size:16px}
  .dor{padding-block:140px}
  .dor .aspas{max-width:11ch;font-size:128px;line-height:.98}
  .alivio h2{font-size:100px;line-height:1}
  .virada-frase{font-size:104px;margin-bottom:72px}
  .cap .alivio{border-radius:44px 44px 0 0;margin-top:-44px}
  .res-num{font-size:52px}
  .mudou-fileira>div{flex-basis:23%}
  .linha{font-size:28px}
  .pecas{height:420px;margin-top:0}
  .peca{transform-origin:center}
  .pecas .peca{width:250px}.pecas .peca-notif{width:300px}
  .pecas .peca b{font-size:15px}
  .pecas .p0{left:6%;top:30px}.pecas .p1{right:2%;top:150px}.pecas .p2{left:22%;top:280px}
  .alivio{padding-block:120px 96px}
  .alivio h2{max-width:13ch}
  .alivio .btn.amarelo{width:auto}
  .midia{margin-top:0}
  .msg{max-width:400px}
  .segundo{margin-top:80px}
  .segundo-cartao{grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:24px}
  .segundo-dor{font-size:34px}
  .segundo-link .btn{width:auto}
  .segundo-frase{font-size:34px;max-width:28ch}
  .fileira-bloco{margin-top:72px}
  .fileira{margin-inline:0;padding-inline:0}
  .fileira>div{flex-basis:calc(25% - 9px)}
  .papeis-nums .num b{font-size:56px}
  .indice{font-size:48px}
  .fluxo{flex-direction:row;gap:16px;margin-top:56px}
  .no{flex:1}
  .no+.no{margin-top:0}
  .no+.no::before{left:-16px;top:50%;width:16px;height:1.5px}
  .elenco{gap:24px}
  .videos{margin-inline:0;padding:0;overflow:visible;justify-content:flex-start}
  .video{flex:0 0 280px}
  .pontos{display:none}
  .carta-bloco{margin-top:0}
  .quem-assina .aspas{font-size:64px}
  .foto-luiz{max-height:none}
  .degraus{display:grid;grid-template-columns:repeat(4,1fr)}
  .passos{grid-template-columns:repeat(4,1fr)}
  .fecho .gigante{font-size:140px}
  .orbe-fecho{position:absolute;margin:0;width:520px;height:520px;top:50%;right:auto;left:clamp(560px, calc(100vw - 600px), 820px);transform:translateY(-50%)}
  .btn-fecho{width:auto}
  .fecho .miolo{max-width:900px;margin-inline:0;margin-left:max(0px,calc((100% - var(--largura)) / 2))}
  .campo-dor{max-width:560px}
  .contatos{flex-direction:row;align-items:center;gap:4px 12px}
  .contatos .sep{display:inline}
  .fecho-curto .gigante{font-size:88px}
  .fecho-curto .btn{width:auto}
  .catalogo h1{font-size:88px}
  .filtros-bloco{margin-inline:calc(var(--g) * -1)}
  .filtros{justify-content:flex-start;max-width:var(--largura);margin-inline:auto;padding-inline:var(--g)}
  .cartoes{grid-template-columns:repeat(3,1fr);gap:20px}
  .leaos-dor .aspas{font-size:96px}
  .virada h2{font-size:72px}
  .midia-painel{margin-top:56px}
  .dia{flex-direction:row}
  .beneficios{grid-template-columns:repeat(4,1fr)}
  .mudou li{font-size:30px}
  .para-voce h2{font-size:64px}
  .para-voce .btn{width:auto}
  .rodape .miolo{display:grid;grid-template-columns:1fr 2fr;gap:6px 40px}
  .rodape-nav{grid-column:2;grid-row:1 / span 2;justify-content:flex-end;margin-top:0}
  .cookies{left:auto;right:24px;bottom:24px;max-width:560px;border-radius:14px;border:1px solid rgba(236,231,220,.14)}
}
@keyframes acende{0%,2%{color:rgba(236,231,220,.46)}6%,16%{color:var(--off)}20%,100%{color:rgba(236,231,220,.46)}}

/* ---------- pergunta 24 (15/10): números grandes, faixa O que já mudou, contrato por etapas, pausa, hora ---------- */
.cartao-num{display:flex;flex-direction:column;gap:3px;margin-top:12px}
.cartao-num b{font:400 36px/1 var(--t);letter-spacing:-.01em;color:var(--fg)}
.cartao-num span{font-size:13.5px;line-height:1.35;color:var(--fg3)}
.mini-num{display:flex;flex-direction:column;gap:2px;padding:14px 14px 0;font-size:13px;line-height:1.35;color:var(--fg3)}
.mini-num b{font:400 32px/1 var(--t);letter-spacing:-.01em;color:var(--fg)}
.mini-num+.mini-dor{padding-top:8px}
.mudou-faixa{padding-block:56px}
.mudou-fileira{margin-top:10px}
.resultado{display:flex;flex-direction:column;gap:6px;width:100%;min-height:220px;padding:18px;border:1px solid var(--ln);border-radius:16px;background:var(--cartao);color:var(--fg);text-decoration:none;transition:border-color .2s,transform .15s}
.resultado:hover,.resultado:focus-visible{border-color:var(--linha-2)}
.res-num{font:400 40px/1 var(--t);letter-spacing:-.01em;color:var(--off)}
.res-rot{font-size:14px;line-height:1.35;color:var(--fg2)}
.res-dor{font:400 17px/1.3 var(--t);color:var(--fg);margin-top:8px}
.res-meta{margin-top:auto;padding-top:12px}
.num-mais{display:block;font-size:12.5px;color:var(--fg2);margin-top:4px}
.hora-sp{font-size:15px;color:var(--fg2);margin-top:10px;font-variant-numeric:tabular-nums}
/* o contrato se monta em quatro etapas, preso à tela enquanto a pessoa rola (melhoria 4). Sem JS, tudo aparece de uma vez */
.etapas{position:relative;margin-bottom:30px}
.js .etapas.anda{height:230vh}
.etapas-palco{display:flex;flex-direction:column;gap:14px}
.js .etapas.anda .etapas-palco{position:sticky;top:calc(var(--topo) + 18px)}
.ed-doc{background:var(--branco);border:1px solid var(--ln);border-radius:14px;padding:16px 16px 18px;box-shadow:0 14px 34px -22px rgba(28,26,25,.5)}
.ed-nome{font:800 14px/1.2 var(--b);color:var(--fg)}
.ed-linhas{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.ed-linhas i{display:block;position:relative;height:8px;border-radius:4px;background:rgba(28,26,25,.14);transition:background .35s,height .35s}
.ed-linhas i:nth-child(3n+2){width:86%}
.ed-ponto span{position:absolute;left:8px;top:50%;transform:translateY(-50%);font:800 12px/1 var(--b);color:var(--tinta);white-space:nowrap;opacity:0;transition:opacity .35s}
.etapas[data-passo="2"] .ed-ponto,.etapas[data-passo="3"] .ed-ponto,.etapas[data-passo="4"] .ed-ponto{background:var(--amarelo);height:20px}
.etapas[data-passo="2"] .ed-ponto span,.etapas[data-passo="3"] .ed-ponto span,.etapas[data-passo="4"] .ed-ponto span{opacity:1}
.ed-msg{max-width:340px;background:#FFFFFF;color:var(--tinta);border-radius:18px 18px 18px 6px;padding:12px 14px 13px;box-shadow:0 10px 30px -18px rgba(28,26,25,.5);border:1px solid rgba(28,26,25,.08);opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}
.etapas[data-passo="3"] .ed-msg,.etapas[data-passo="4"] .ed-msg{opacity:1;transform:none}
.ed-msg .mb-sim{transition:background .3s,color .3s,border-color .3s}
.etapas[data-passo="4"] .ed-msg .mb-sim{background:var(--amarelo);color:var(--tinta);border-color:var(--amarelo)}
.etapas-leg{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.etapas-leg li{font:400 19px/1.3 var(--t);color:var(--fg)}
.etapas.anda .etapas-leg li{color:var(--fg3);transition:color .3s}
.etapas.anda[data-passo="1"] .etapas-leg [data-e="1"],.etapas.anda[data-passo="2"] .etapas-leg [data-e="2"],.etapas.anda[data-passo="3"] .etapas-leg [data-e="3"],.etapas.anda[data-passo="4"] .etapas-leg [data-e="4"]{color:var(--fg)}
/* pausa do movimento no menu e no rodapé (melhoria 10), vale para o site inteiro */
.menu-pe{margin-top:12px}
.pausa-txt{min-height:48px;padding:0;border:0;background:transparent;color:var(--off-2);font-size:14px;text-decoration:underline;cursor:pointer}
.rodape-pe{display:flex;flex-wrap:wrap;gap:0 22px}
.parado *,.parado *::before,.parado *::after{animation-play-state:paused!important}

/* o orbe que viaja pela home (pergunta 25 = A, 15/10): no topo ele compõe a logomarca no lugar do símbolo */
.lk-simb{transition:opacity .35s ease}
.orbe-no-topo .topo-logo .lk-simb{opacity:0}
.viagem .abertura .miolo{z-index:39}
.viagem .abertura .orbe,.viagem .orbe-fecho{visibility:hidden}
.orbe-viajante{position:fixed;left:0;top:0;z-index:41;pointer-events:none;transform-origin:50% 50%;will-change:transform;mix-blend-mode:lighten;--m:43%;
  -webkit-mask-image:radial-gradient(closest-side,#000 60%,transparent),linear-gradient(to bottom,transparent 0%,#000 var(--m));-webkit-mask-composite:source-in;
  mask-image:radial-gradient(closest-side,#000 60%,transparent),linear-gradient(to bottom,transparent 0%,#000 var(--m));mask-composite:intersect;transition:filter .6s ease}
.orbe-viajante video{display:block;width:100%;height:100%;object-fit:cover}
.orbe-viajante.no-logo.na-dor{filter:brightness(.62) saturate(.45)}
.orbe-viajante.no-logo.no-alivio{filter:brightness(1.35) saturate(1.15)}
.orbe-viajante.no-logo.no-alivio video{animation:orbe-acende 1.2s ease 1}
@keyframes orbe-acende{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}

/* ---------- menos movimento: tudo parado ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .cap .dor{position:relative;top:auto}
  .cap .alivio{border-radius:0;margin-top:0;box-shadow:none}
  .js .etapas.anda{height:auto}
  .js .etapas.anda .etapas-palco{position:static}
  .js .antes{opacity:1;transform:none}
  .midia.solto>:not(.pecas-voo){opacity:1;filter:none}
  .midia.solto .pecas-voo .peca{opacity:0}
  .porta{color:var(--off)}
}

/* ---------- tela solta (para a fase das cenas fotografar) ---------- */
.tela-solta{background:#000}
.tela-solta-caixa{container-type:inline-size;overflow:hidden}

/* cenas geradas (fase cenas, 15/10/2026): a foto com a tela real, e nos capítulos o par da noite e do dia na mesma
   moldura (pergunta 24, melhoria 2), com a mensagem de exemplo pousando uma vez sobre a cena (melhoria 3) */
.cena-foto{aspect-ratio:var(--fmt,4/3);margin:0}
.cena-foto picture{display:block;width:100%;height:100%}
.cena-foto img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);display:block}
.cena-par picture{position:absolute;inset:0}
.cena-par .cp-dia{opacity:var(--dia,1)}
.cena-par .msg-pousa{position:absolute;left:5%;right:9%;top:5%;z-index:2;margin:0;max-width:420px;box-shadow:0 18px 40px -16px rgba(28,26,25,.55);transition:opacity .3s ease,transform .3s ease}
.cena-par.par-anda:not(.pousou) .msg-pousa{opacity:0;transform:translateY(-10px)}
html.parado .cena-par .cp-dia{opacity:1}
html.parado .cena-par .msg-pousa{opacity:1;transform:none;transition:none}
@media (prefers-reduced-motion:reduce){.cena-par .cp-dia{opacity:1}.cena-par .msg-pousa{opacity:1;transform:none;transition:none}}
.cartao-img .cena-foto,.mini-img .cena-foto{aspect-ratio:auto;width:100%;height:100%;border-radius:0}
.midia .cena-foto{border-radius:18px}
@media (min-width:1024px){.cena-par .msg-pousa{left:6%;right:auto;width:min(76%,400px)}}
/* a noite fica nítida enquanto as peças soltas voam para a cena (o esmaecido da mídia não vale para o par) */
.midia.solto>.cena-par{opacity:1;filter:none}
/* o painel vivo dentro da tela do notebook da C2, na página do LEA-OS (a animação vem da .midia-painel, pergunta 19 = A) */
.cena-viva{position:absolute;z-index:1;container-type:inline-size;overflow:hidden;border-radius:.5%/.7%;background:#1C1A19;display:flex;align-items:center}
.cena-viva .tl-painel{position:relative;width:100%;aspect-ratio:16/10}

/* ---------- pergunta 27 = B (fase pagina-lea-os, 15/10/2026): o acabamento da home nas páginas de dentro, com o orbe ---------- */

/* LEA-OS: o gargalo vira capítulo (a dor parada, o alívio sobe como painel, as peças voam para a tela) */
.cap-leaos .leaos-dor{padding-block:72px 40px}
.cap-leaos .linhas{margin-top:24px}
.cap-leaos .pecas{margin-top:30px}
.cap-leaos .virada{padding-top:56px}
.cap-leaos .virada-frase{margin-bottom:26px}
.cap-leaos .virada-texto .texto{max-width:44ch}
/* a C2 em par: de noite a pilha de mensagens, de manhã o painel com o time */
.cena-par-c2 .cena-viva{z-index:2}
.cena-par-c2 .cv-dor{opacity:calc(1 - var(--dia,1))}
.cena-par-c2 .cv-painel{opacity:var(--dia,1)}
.cena-viva .tl-pilha{position:relative;width:100%;aspect-ratio:16/10}
.tl-pilha{font-size:calc(100cqw / 80);font-family:var(--b);background:#17181A;color:#ECE7DC}
.pl{display:flex;height:100%}
.pl-lista{width:34em;flex:none;border-right:1px solid rgba(236,231,220,.1);padding:1.3em 0 0;display:flex;flex-direction:column}
.pl-tit{font:400 1.6em/1 var(--t);padding:0 .9em .7em}
.pl-l{display:flex;align-items:center;gap:.9em;padding:.8em 1.4em;border-top:1px solid rgba(236,231,220,.07)}
.pl-av{width:3.2em;height:3.2em;border-radius:50%;background:#3B3836;display:grid;place-items:center;font-weight:800;font-size:.95em;flex:none}
.pl-c{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2em}
.pl-c b{font-size:1.05em}
.pl-c span{font-size:.92em;color:rgba(236,231,220,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-d{display:flex;flex-direction:column;align-items:flex-end;gap:.4em}
.pl-d small{font-size:.78em;color:rgba(236,231,220,.55)}
.pl-d em{font-style:normal;font-weight:800;font-size:.85em;min-width:2em;height:2em;border-radius:1em;background:#FED70F;color:#1C1A19;display:grid;place-items:center;padding:0 .5em}
.pl-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.pl-hora{font-size:1.2em;color:rgba(236,231,220,.55)}
.pl-num{font:400 11em/1 var(--t);color:#FED70F;margin-top:.1em}
.pl-rot{font-size:1.7em}
.pl-sub{font-size:1.1em;color:rgba(236,231,220,.6);margin-top:.5em}

/* LEA-OS: um dia com o time em mensagens (o pedido sai, o time digita, a entrega pousa) */
.dia-msgs{gap:16px}
.dm{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:20px;background:var(--branco);border:1px solid var(--ln)}
.dm-b{position:relative;max-width:90%;padding:11px 14px 10px;border-radius:18px;font-size:16.5px;line-height:1.35}
.dm-b time{display:block;text-align:right;font:750 11.5px/1 var(--b);margin-top:6px;opacity:.72;font-variant-numeric:tabular-nums}
.dm-eu{align-self:flex-end;background:var(--tinta);color:var(--off);border-bottom-right-radius:6px}
.dm-audio{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.dm-play{width:28px;height:28px;border-radius:50%;background:var(--amarelo);flex:none;position:relative}
.dm-play::after{content:"";position:absolute;left:11px;top:9px;border-left:8px solid var(--tinta);border-top:5px solid transparent;border-bottom:5px solid transparent}
.dm-onda{display:flex;align-items:center;gap:2px;height:22px;width:130px}
.dm-onda i{flex:1;height:var(--h);background:rgba(236,231,220,.7);border-radius:1px}
.dm-evento{align-self:center;display:flex;gap:8px;align-items:baseline;font-size:14.5px;color:var(--fg2);background:rgba(28,26,25,.06);padding:8px 14px;border-radius:999px}
.dm-evento time{font-weight:800;font-variant-numeric:tabular-nums;color:var(--fg)}
.dm-resp{display:grid;justify-items:start}
.dm-resp>*{grid-area:1/1}
.dm-time{background:#FFFFFF;color:var(--tinta);border:1px solid rgba(28,26,25,.1);border-bottom-left-radius:6px;box-shadow:0 10px 26px -18px rgba(28,26,25,.5);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.dm-time .dm-txt{font:400 20px/1.2 var(--t)}
.dm-time time{grid-column:1/-1}
.dm-av{width:30px;height:30px;border-radius:50%;background:var(--tinta);display:grid;place-items:center;color:var(--off)}
.dm-av .simbolo{width:20px;height:20px}
.dm-digita{display:flex;gap:4px;align-self:start;padding:13px 15px;border-radius:18px;border-bottom-left-radius:6px;background:#FFFFFF;border:1px solid rgba(28,26,25,.1);opacity:0}
.dm-digita i{width:7px;height:7px;border-radius:50%;background:rgba(28,26,25,.45)}
.js .dia-msgs.anda .dm>.dm-b,.js .dia-msgs.anda .dm>.dm-evento,.js .dia-msgs.anda .dm-time{opacity:0;transform:translateY(-10px);transition:opacity .35s ease,transform .35s ease}
.js .dia-msgs.anda .dm.chega>.dm-b,.js .dia-msgs.anda .dm.chega>.dm-evento{opacity:1;transform:none}
.js .dia-msgs.anda .dm.chega .dm-digita{animation:dm-digita 1.25s ease both}
.js .dia-msgs.anda .dm.chega .dm-digita i{animation:dm-pula .9s ease infinite}
.js .dia-msgs.anda .dm.chega .dm-digita i:nth-child(2){animation-delay:.15s}
.js .dia-msgs.anda .dm.chega .dm-digita i:nth-child(3){animation-delay:.3s}
.js .dia-msgs.anda .dm.chega .dm-time{opacity:1;transform:none;transition-delay:1.1s}
@keyframes dm-digita{0%,24%{opacity:0}32%,82%{opacity:1}92%,100%{opacity:0}}
@keyframes dm-pula{0%,60%,100%{transform:none;opacity:.45}30%{transform:translateY(-4px);opacity:1}}

/* LEA-OS: a estrutura acende passo a passo com a rolagem */
.fluxo-anda .no{transition:opacity .5s ease,border-color .5s ease,background-color .5s ease}
.fluxo-anda .no+.no::before{transition:background-color .5s ease}
.js .fluxo-anda.liga .no:not(.aceso){opacity:.3}
.fluxo-anda .no.aceso{border-color:rgba(254,215,15,.55);background-color:rgba(254,215,15,.06)}
.fluxo-anda .no.aceso::before{background-color:var(--amarelo)}

/* Onde dói: os cartões chegam em cascata, a imagem acende e o detalhe abre do escuro para o claro */
.js .cartoes-anda .cartao{transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1),border-color .4s ease}
.js .cartoes-anda .cartao:not(.chegou){opacity:0;transform:translateY(28px)}
.cartoes-anda .cartao-img{position:relative}
.cartoes-anda .cartao-img::before,.cartoes-anda .cartao-img::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;transition:opacity .5s ease}
.cartoes-anda .cartao-img::before{background:#808080;mix-blend-mode:saturation;opacity:calc((1 - var(--luz,1)) * .9)}
.cartoes-anda .cartao-img::after{background:#0E0D0C;opacity:calc((1 - var(--luz,1)) * .64)}
.cartoes-anda .cartao-img .gerada{z-index:4}
.cartoes-anda .cartao.aberto{--luz:1;border-color:rgba(236,231,220,.34)}
.cartoes-anda .cartao-corpo{position:relative;isolation:isolate}
.cartoes-anda .cartao-corpo::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--off);clip-path:inset(100% 0 0 0);transition:clip-path .75s cubic-bezier(.2,.75,.25,1)}
.cartoes-anda .cartao.aberto .cartao-corpo::before{clip-path:inset(0 0 0 0)}
.cartoes-anda .cartao-corpo *{transition:color .45s ease .15s,border-color .45s ease .15s}
.cartoes-anda .cartao.aberto .cartao-porta{color:var(--tinta-3)}
.cartoes-anda .cartao.aberto .cartao-toque{color:var(--tinta)}
.cartoes-anda .cartao.aberto .cartao-num b{color:var(--tinta)}
.cartoes-anda .cartao.aberto .cartao-num span{color:var(--tinta-3)}
.cartoes-anda .cartao.aberto .selo{--ln:var(--linha-c2);--fg:var(--tinta)}
.cartoes-anda .cartao.aberto .quando{--fg3:var(--tinta-3)}
.cartoes-anda .cartao.aberto .cartao-acoes{border-top-color:var(--linha-c)}
.cartoes-anda .cartao.aberto .btn-mini{color:var(--tinta);background:var(--amarelo);padding:0 16px;border-radius:12px}
.cartoes-anda .cartao.aberto .marcar{color:var(--tinta-2)}
.cartoes-anda .det-era{background:var(--fundo);border-radius:14px;padding:4px 14px 12px}
.cartoes-anda .det-fez dt{color:var(--tinta-3)}
.cartoes-anda .det-fez dd{color:var(--tinta)}
.cartoes-anda .det-fez .link-seta{color:var(--tinta)}
.cartoes-anda .cartao.aberto .det-era{animation:det-era .5s ease both}
.cartoes-anda .cartao.aberto .det-fez{animation:det-fez .6s ease .25s both}
@keyframes det-era{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes det-fez{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media (min-width:1024px){
  .dm{flex:1}
  .cap-leaos .leaos-dor .aspas{font-size:96px}
  .cap-leaos .pecas{margin-top:0}
}
@media (prefers-reduced-motion:reduce){
  .js .cartoes-anda .cartao:not(.chegou){opacity:1;transform:none}
  .js .dia-msgs.anda .dm>.dm-b,.js .dia-msgs.anda .dm>.dm-evento,.js .dia-msgs.anda .dm-time{opacity:1;transform:none}
  .js .fluxo-anda.liga .no:not(.aceso){opacity:1}
  .cena-par-c2 .cv-dor{opacity:0}
}
html.parado .cartoes-anda .cartao:not(.chegou){opacity:1;transform:none}
html.parado .dia-msgs.anda .dm>.dm-b,html.parado .dia-msgs.anda .dm>.dm-evento,html.parado .dia-msgs.anda .dm-time{opacity:1;transform:none;transition:none}
html.parado .fluxo-anda.liga .no:not(.aceso){opacity:1}
/* capítulo dos papéis (resposta 28 = A): a cena em par vem antes das etapas, e a mensagem fica só nas etapas */
.cap[data-porta="papeis"] .cena-par .msg-pousa{display:none}
.midia-papeis>.cena-foto{margin-bottom:28px}

/* computador a partir de 1280 px (pedido do Luiz, 16/10/2026): o orbe grande ocupa o lado direito da primeira tela, como no site
   de julho, com o miolo fora de trás do título. Abaixo de 1280 o título ocupa a largura toda e o orbe fica como antes. Celular igual. */
@media (min-width:1280px){.abertura .orbe{--m0:0%;width:min(1040px,62vw,122vh);left:calc(50% + 26vw);top:50%;bottom:auto;transform:translate(-50%,-50%);opacity:.9}}
@media (min-width:1280px) and (max-width:1439px){.abertura .orbe{left:calc(50% + 31vw)}}

/* as quatro marcas do Grupo LEA ao lado do texto da prova (pedido do Luiz, 16/10/2026) */
.prova-corpo{display:grid;gap:28px}
.marcas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.marcas li{display:flex;align-items:center;justify-content:center;height:128px;padding:16px;border:1px solid var(--linha);border-radius:16px;background:rgba(236,231,220,.03)}
.marcas img{display:block;width:auto;height:auto;max-width:100%;max-height:100%}
.marcas .m-ape img,.marcas .m-vila img{max-height:92px}
.marcas .m-subway img{max-height:30px}
.marcas .m-lea .lockup{display:block;width:132px;height:auto;color:var(--off)}
@media (min-width:1024px){
  .prova-corpo{grid-template-columns:minmax(0,42ch) minmax(0,520px);justify-content:space-between;gap:64px;align-items:center}
  .marcas{gap:16px}
  .marcas li{height:176px;padding:22px}
  .marcas .m-ape img,.marcas .m-vila img{max-height:128px}
  .marcas .m-subway img{max-height:42px}
  .marcas .m-lea .lockup{width:184px}
}

/* fileiras com setas no computador (pedido do Luiz, 16/10/2026): com mouse, as histórias da direita ficavam cortadas */
.fileira-setas{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.fileira-setas[hidden]{display:none}
.fileira-bloco{position:relative}
.fileira-bloco>.fileira-setas{position:absolute;top:-14px;right:0;margin:0}
.fs-bt{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--linha-c2);border-radius:50%;background:transparent;color:var(--fg);cursor:pointer;transition:background-color .2s,opacity .2s}
.escuro .fs-bt{border-color:var(--linha-2)}
.fs-bt svg{width:22px;height:22px}
.fs-bt:hover:not(:disabled){background:var(--cartao)}
.fs-bt:disabled{opacity:.3;cursor:default}
@media (hover:none){.fileira-setas{display:none}}
@media (hover:hover){
  .fileira.mais-dir:not(.mais-esq){-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 72px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 72px),transparent)}
  .fileira.mais-esq:not(.mais-dir){-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 72px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 72px),transparent)}
  .fileira.mais-esq.mais-dir{-webkit-mask-image:linear-gradient(to right,transparent,#000 72px,#000 calc(100% - 72px),transparent);mask-image:linear-gradient(to right,transparent,#000 72px,#000 calc(100% - 72px),transparent)}
}

/* elenco com oito agentes (Otto e Vera entram em 16/10/2026): quatro por linha no celular, oito numa linha no computador */
.elenco{grid-template-columns:repeat(4,1fr);gap:16px 10px}
.elenco .ag b{font-size:16px}
.elenco .ag span{font-size:12.5px}
@media (min-width:1024px){.elenco{grid-template-columns:repeat(8,1fr);gap:20px}.elenco .ag b{font-size:18px}.elenco .ag span{font-size:13.5px}}
/* Quem assina: o Instagram do Luiz embaixo da foto e cada operação do grupo com o perfil dela (16/10/2026) */
.luiz-ig{margin-top:14px}
.luiz-ig a{display:inline-flex;align-items:center;gap:10px;min-height:48px;color:var(--fg);text-decoration:none;font-size:16px}
.luiz-ig a:hover span{text-decoration:underline;text-underline-offset:3px}
.luiz-ig .ig{width:24px;height:24px;flex:none}
.marcos .m-grupo{grid-column:1/-1}
.marcos .m-grupo span+span{margin-top:2px}
.marcos .m-grupo a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

.luiz-col{min-width:0}
.marcos .ops p{font-size:14px;line-height:1.4;color:var(--fg3);margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;column-gap:14px}
.marcos .ops strong{font-weight:700;color:var(--fg2)}
.ig-link{display:inline-flex;align-items:center;gap:7px;min-height:48px;color:var(--fg);text-decoration:none;font-size:14.5px;font-weight:700}
.ig-link .ig{width:20px;height:20px;flex:none}
.ig-link:hover span,.ig-link:focus-visible span{text-decoration:underline;text-underline-offset:3px}
.marcos li>.ig-link{margin-top:2px}
/* o orbe do fecho maior no computador (pedido do Luiz, 16/10/2026), como o da abertura; abaixo de 1280 px e no celular, igual */
@media (min-width:1280px){.orbe-fecho{--tam:min(860px,52vw,100vh);width:var(--tam);height:var(--tam);right:auto;left:calc(76vw - max(var(--g), (100vw - var(--largura)) / 2) - var(--tam) / 2)}}

/* marcas em cartão claro e nas cores de verdade, e menores (pedido do Luiz, 16/10/2026) */
.marcas li{background:var(--branco);border-color:transparent;height:112px;padding:14px}
.marcas .m-ape img,.marcas .m-vila img{max-height:80px}
.marcas .m-subway img{max-height:26px}
.marcas .m-lea .lockup{width:118px;color:var(--tinta)}
@media (min-width:1024px){
  .prova-corpo{grid-template-columns:minmax(0,42ch) minmax(0,400px)}
  .marcas{gap:12px}
  .marcas li{height:132px;padding:16px}
  .marcas .m-ape img,.marcas .m-vila img{max-height:96px}
  .marcas .m-subway img{max-height:30px}
  .marcas .m-lea .lockup{width:140px}
}
/* marcas: no computador as quatro numa fileira, ocupando o espaço entre o texto e a borda; no celular, dois por dois menores
   (pedido do Luiz, 16/10/2026) */
.marcas li{height:96px;padding:12px}
.marcas .m-ape img,.marcas .m-vila img{max-height:68px}
.marcas .m-subway img{max-height:22px}
.marcas .m-lea .lockup{width:104px}
@media (min-width:1024px){
  .prova-corpo{grid-template-columns:minmax(0,42ch) minmax(0,1fr);gap:56px}
  .marcas{grid-template-columns:repeat(4,1fr);gap:12px}
  .marcas li{height:128px;padding:14px}
  .marcas .m-ape img,.marcas .m-vila img{max-height:96px}
  .marcas .m-subway img{max-height:28px}
  .marcas .m-lea .lockup{width:128px}
}

/* cada logomarca leva ao Instagram da empresa (pedido do Luiz, 16/10/2026): o cartão inteiro é o link */
.marcas li,.marcas li[class]{padding:0}
.marca-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12px;border-radius:16px;transition:transform .15s}
.marca-link:hover{transform:translateY(-2px)}
@media (min-width:1024px){.marca-link{padding:14px}}
@media (prefers-reduced-motion:reduce){.marca-link:hover{transform:none}}

/* Quem assina: as redes das empresas do grupo, por braço (pedido do Luiz, 16/10/2026) */
.grupo-redes{margin-top:30px;padding-top:22px;border-top:1px solid var(--ln)}
.grupo-redes .rotulo{margin-bottom:6px}
.gr-braco{margin-top:16px}
.gr-nome{font:700 12px/1.2 var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--fg3);margin-bottom:4px}
.gr-item{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:8px 0;border-bottom:1px solid var(--ln);color:var(--fg);text-decoration:none}
.gr-txt{display:flex;flex-direction:column;min-width:0}
.gr-emp{font:400 19px/1.2 var(--t)}
.gr-emp small{font:400 14px/1 var(--b);color:var(--fg3);margin-left:6px}
.gr-perfil{font-size:14px;line-height:1.35;color:var(--fg3);overflow-wrap:anywhere}
.gr-item .ig{width:24px;height:24px;flex:none;opacity:.8;transition:opacity .2s}
.gr-item:hover .ig,.gr-item:focus-visible .ig{opacity:1}
.gr-item:hover .gr-perfil{text-decoration:underline;text-underline-offset:3px}
@media (min-width:1024px){.gr-braco{display:grid;grid-template-columns:180px 1fr;column-gap:20px;align-items:start;margin-top:6px}.gr-nome{padding-top:20px;margin:0}.gr-braco .gr-item{grid-column:2}.gr-perfil{overflow-wrap:normal}}

/* ---------- vídeo "O que é a LEA.IA?" (lancamento-video-lea, pergunta 11 = A, 17/10/2026) ----------
   Em pé, com capa, toca só com o toque e com os controles do aparelho. Sem animação própria. */
.vl-corpo{display:grid;gap:28px}
.vl-quadro{width:min(100%,360px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#000;border:1px solid var(--ln)}
.vl-quadro video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
/* foco por dentro da moldura (a moldura corta o que fica fora). No Chromium o Tab entra nos controles do próprio vídeo, que
   não acendem o :focus do vídeo, então o anel vale também para eles (:focus-within sem :focus, que o clique do mouse não pega) */
.vl-quadro video:focus-visible,.vl-quadro video:focus-within:not(:focus){outline:3px solid var(--amarelo);outline-offset:-3px;box-shadow:none;border-radius:22px}
@media (min-width:1024px){
  .vl-corpo{grid-template-columns:minmax(0,1fr) auto;gap:72px;align-items:center}
  .vl-texto h2{max-width:12ch}
  .vl-quadro{width:auto;height:min(78vh,720px)}
}