/* LikeMe · A segunda-feira · página de venda estrutural
   Data: 2026-10-14 · copy 87031516 · direção de arte v2 e69633b5
   Mobile-first com min-width; pontos de quebra pelo conteúdo: 600, 760, 900, 1000, 1100, 1440. */

@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url("../fontes/dm-serif-display-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Fira Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fontes/fira-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Fira Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fontes/fira-sans-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Fira Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fontes/fira-sans-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Fira Code";font-style:normal;font-weight:400;font-display:swap;src:url("../fontes/fira-code-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Fira Code";font-style:normal;font-weight:500;font-display:swap;src:url("../fontes/fira-code-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Serifa reserva";src:local("Georgia"),local("Times New Roman");size-adjust:92%;ascent-override:95%}

:root{
  --creme:#F7F3ED;--papel:#FBF9F5;--areia:#E6DDD0;--ameixa:#371D29;--ameixa2:#6A5360;
  --terracota:#B76038;--tt:#99431E;--tt2:#8F4728;--oliva:#5E6A50;--ambar:#CE9869;--brasa:#E9794A;--nucleo:#FFE4CC;
  --linha:rgba(55,29,41,.14);--glass-bg:rgba(247,243,237,.85);--veu:rgba(247,243,237,.55);
  --glow-primary:0 0 0 2px rgba(255,228,204,.9),0 0 18px 6px rgba(233,121,74,.75),0 0 46px 14px rgba(233,121,74,.35);
  --serif:"DM Serif Display","Serifa reserva",Georgia,serif;--sans:"Fira Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Fira Code",ui-monospace,Menlo,monospace;
  --t-in:700ms;--t-out:420ms;--t-img:900ms;--t-fast:160ms;--t-conta:1100ms;
  --ease-in:cubic-bezier(.2,.7,.2,1);--ease-img:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(.6,0,.9,.4);--ease-conta:cubic-bezier(.22,1,.36,1);
  --respiro:clamp(20px,5vw,80px);--raio:.5rem;--barra:56px;
  --h1:clamp(2.5rem,1.2rem + 3.7vw,4.5rem);--h2:clamp(2rem,1rem + 3vw,3.5rem);
}
html.reduzido{--t-in:0ms;--t-out:0ms;--t-img:0ms;--t-fast:0ms;--t-conta:0ms}
@media (prefers-reduced-motion:reduce){:root{--t-in:0ms;--t-out:0ms;--t-img:0ms;--t-fast:0ms;--t-conta:0ms}}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html.reduzido{scroll-behavior:auto}
body{margin:0;background:var(--creme);color:var(--ameixa);font:400 1.0625rem/1.55 var(--sans);overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:-.02em;line-height:1.08}
h2{font-size:var(--h2);max-width:18ch}
h3{font-size:1.5rem}
p{margin:0 0 1em}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--tt);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
.vis-oculto{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{width:min(100% - 2*var(--respiro),1280px);margin-inline:auto}
section,aside{position:relative}
section{padding-block:clamp(72px,9vw,128px)}
.S{background:var(--creme)}.A{background:var(--areia)}
.gradiente{background:linear-gradient(180deg,var(--creme),var(--areia) 160px,var(--areia))}
.rotulo{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--tt);margin:0 0 .8rem;display:flex;align-items:center;gap:.6rem}
.rotulo::before{content:"";width:1px;height:1.1em;background:var(--tt)}
.revelacao{font-family:var(--serif);font-size:clamp(1.25rem,1rem + 1vw,1.625rem);line-height:1.3;max-width:34ch;margin:1rem 0 1.4rem;color:var(--ameixa)}
.corpo p{max-width:56ch}
.fecho{font-family:var(--serif);font-size:clamp(1.35rem,1rem + 1.4vw,2rem);line-height:1.25;max-width:24ch;margin:2rem 0 0}
.legenda{font-size:.8125rem;color:var(--ameixa2);margin:.8rem 0 0}
.micro{font-size:.8125rem;color:var(--ameixa2)}
.serifa{font-family:var(--serif)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1.5rem;border-radius:999px;background:var(--tt);color:var(--creme);text-decoration:none;font-weight:500;border:0;cursor:pointer;transition:background var(--t-fast),transform var(--t-fast)}
.btn:hover,.btn:focus-visible{background:var(--tt2)}
.btn:active{transform:translateY(1px)}
.btn.vazio{background:transparent;color:var(--tt);box-shadow:inset 0 0 0 2px var(--tt)}
.btn.vazio:hover,.btn.vazio:focus-visible{background:rgba(153,67,30,.08)}
.pil{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(55,29,41,.18);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ameixa);font-size:1rem;cursor:pointer;transition:opacity var(--t-fast),background var(--t-fast)}
.pil::before{content:"";width:8px;height:8px;border-radius:50%;background:transparent;border:1px solid rgba(55,29,41,.35);transition:background var(--t-fast)}
.pil[aria-pressed="true"],.pil[aria-checked="true"]{border-color:var(--tt)}
.pil[aria-pressed="true"]::before,.pil[aria-checked="true"]::before{background:var(--tt);border-color:var(--tt)}
.pil.baixa{opacity:.7}
.pil.halo{box-shadow:var(--glow-primary)}
.pilulas{display:flex;flex-wrap:wrap;gap:8px}
.pausa{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid rgba(55,29,41,.18);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8125rem;font-weight:500;cursor:pointer;gap:.4rem}
.pausa::before{content:"";width:0;height:0;border-left:5px solid var(--ameixa);border-right:5px solid var(--ameixa);height:11px}
.pausa[aria-pressed="true"]::before{border:0;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--ameixa)}
.vidro{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--raio);box-shadow:0 1px 0 rgba(255,255,255,.5) inset}
.cartao{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:1.25rem}
.entra{opacity:0;transform:translateY(18px);transition:opacity var(--t-in) var(--ease-in),transform var(--t-in) var(--ease-in)}
.entra.visto,html.reduzido .entra{opacity:1;transform:none}
.fio-centro::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(206,152,105,.0) 5%,rgba(206,152,105,.35) 50%,transparent);pointer-events:none}

/* ===== barra ===== */
.barra{position:fixed;inset:0 0 auto 0;height:var(--barra);z-index:40;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--respiro);background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--linha)}
.marca{font-family:var(--sans);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8125rem;display:flex;align-items:center;gap:.6rem}
.marca::after{content:"";width:1px;height:1em;background:var(--tt)}
.barra .pausa{height:40px;min-height:40px}

/* ===== herói ===== */
.heroi{height:280vh;padding:0;background:var(--areia)}
.heroi-fixo{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.cena{position:absolute;inset:0}
.cena img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;transform:scale(1);transition:opacity var(--t-in) var(--ease-img),transform var(--t-img) var(--ease-img);will-change:opacity,transform}
.cena img.h{display:none}.cena img.v{display:block}
.heroi[data-estacao="1"] .cena .q1{opacity:1}
.heroi[data-estacao="2"] .cena .q2{opacity:1;transform:scale(1.04)}
.heroi[data-estacao="3"] .cena .q2{opacity:0;transform:scale(1)}
.heroi[data-estacao="3"] .cena .q3,.heroi[data-estacao="4"] .cena .q3{opacity:1}
.heroi.segura .cena img{transition-delay:500ms}
.cena svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.no{fill:var(--nucleo);opacity:0;transition:opacity var(--t-fast) var(--ease-in),r var(--t-in) var(--ease-in)}
.no.aceso{opacity:1;filter:drop-shadow(0 0 6px var(--brasa)) drop-shadow(0 0 18px rgba(233,121,74,.75))}
.fio{stroke:var(--brasa);stroke-width:3;fill:none;stroke-linecap:round;opacity:0;stroke-dasharray:1;stroke-dashoffset:1;transition:opacity var(--t-fast),stroke-dashoffset var(--t-in) var(--ease-in);filter:drop-shadow(0 0 6px rgba(233,121,74,.8))}
.fio.aceso{opacity:1;stroke-dashoffset:0}
.painel{position:absolute;left:0;top:0;bottom:0;width:100%;padding:calc(var(--barra) + 16px) var(--respiro) 24px;background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;transition:transform 0s;will-change:transform}
.pilula{display:inline-block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--tt);padding:.3rem .8rem;border:1px solid rgba(153,67,30,.35);border-radius:999px;margin:0 0 .9rem}
.heroi h1{font-size:var(--h1);line-height:1.02;letter-spacing:-.03em;margin:0 0 .6rem}
.heroi h1 span{display:block}
.heroi h1 .l1{font-size:.72em;color:var(--ameixa)}
.heroi h1 .l2,.heroi h1 .l3{color:var(--tt);white-space:nowrap}
.heroi .sub{font-size:1rem;line-height:1.45;max-width:44ch;margin:0 0 .8rem}
.heroi .corpo p{font-size:.9375rem;line-height:1.45;margin:0 0 .55rem;max-width:44ch}
.missao{font-family:var(--serif);font-size:1.25rem;line-height:1.3;margin:.6rem 0 .9rem;max-width:30ch}
.acao{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;margin:0 0 .8rem}
.role{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--ameixa2);display:flex;align-items:center;gap:.6rem;margin:0}
.role::before{content:"";width:1px;height:1.4em;background:var(--tt)}
.cinto{display:none;position:relative;height:1.4em;overflow:hidden;font-size:.8125rem;color:var(--ameixa2);margin-top:.9rem}
.cinto span{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity var(--t-out) var(--ease-out),transform var(--t-out) var(--ease-out)}
.cinto span.vivo{opacity:1;transform:none;transition:opacity var(--t-in) var(--ease-in),transform var(--t-in) var(--ease-in)}
.cinto b{color:var(--tt);font-weight:600}
.painel .entra{transition-delay:calc(var(--i,0) * 90ms)}

.loop-bloco{position:absolute;left:50%;top:266px;width:180px;transform:translateX(-50%);opacity:0;transition:opacity var(--t-in) var(--ease-in);pointer-events:none}
.heroi.dia .loop-bloco{opacity:1;pointer-events:auto}
.loop{position:relative;display:block;width:180px;height:320px;padding:0;border:1px solid rgba(55,29,41,.12);border-radius:var(--raio);background:#2b1620;box-shadow:0 30px 60px -20px rgba(55,29,41,.55),0 12px 24px -12px rgba(55,29,41,.4);overflow:hidden;cursor:pointer}
.loop video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.loop .reflexo{position:absolute;left:0;right:0;top:100%;height:60px;background:linear-gradient(180deg,rgba(55,29,41,.25),transparent);transform:scaleY(-1);opacity:.5;pointer-events:none}
.estreia{position:absolute;inset:0;background:radial-gradient(ellipse 90% 60% at 50% 18%,#5a2a3a,#2b1620 60%,#1d0f16)}
.estreia .cone{position:absolute;left:50%;top:-10%;width:160%;height:130%;transform:translateX(-50%);background:radial-gradient(ellipse 30% 55% at 50% 20%,rgba(206,152,105,.55),rgba(206,152,105,.18) 40%,transparent 70%);animation:cone 4s ease-in-out infinite alternate}
.estreia .tarefa{position:absolute;left:50%;top:50%;width:58%;aspect-ratio:3/4;transform:translate(-50%,-46%);border-radius:10px;background:linear-gradient(160deg,rgba(206,152,105,.55),rgba(183,96,56,.35));border:1px solid rgba(255,228,204,.5);box-shadow:0 20px 40px -10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.35);overflow:hidden}
.estreia .tarefa i{position:absolute;left:14%;right:14%;height:6%;border-radius:4px;background:rgba(255,228,204,.35)}
.estreia .tarefa i:nth-child(1){top:18%;width:40%}.estreia .tarefa i:nth-child(2){top:34%}.estreia .tarefa i:nth-child(3){top:48%;right:30%}.estreia .tarefa i:nth-child(4){top:62%;right:45%}
.estreia .brilho{position:absolute;left:-60%;top:0;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,228,204,.75),transparent);animation:brilho 4s var(--ease-in) infinite}
.estreia .marca-ok{position:absolute;right:12%;bottom:12%;width:18%;aspect-ratio:1;border-radius:50%;background:var(--nucleo);box-shadow:var(--glow-primary);opacity:0;animation:assenta 4s ease-out infinite}
@keyframes brilho{0%{left:-60%}45%{left:120%}100%{left:120%}}
@keyframes assenta{0%,40%{opacity:0;transform:scale(.6)}55%{opacity:1;transform:scale(1.04)}70%{transform:scale(1)}92%{opacity:1}100%{opacity:0}}
@keyframes cone{from{opacity:.85}to{opacity:1}}
html.pausado .estreia *,html.reduzido .estreia *{animation-play-state:paused}
.loop-rotulo,.estrutura-rotulo{position:absolute;left:50%;transform:translateX(-50%);bottom:8px;padding:.25rem .7rem;border-radius:999px;background:var(--glass-bg);color:var(--ameixa);font-size:.8125rem;white-space:nowrap;opacity:0;transition:opacity var(--t-fast)}
.loop[aria-expanded="true"] .loop-rotulo,.loop:focus-visible .loop-rotulo{opacity:1}
.pausa-local{position:absolute;right:-52px;top:8px}
.estrutura{position:absolute;left:calc(100% + 10px);top:60px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(55,29,41,.18);background:var(--glass-bg);cursor:pointer}
.estrutura::before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);border:1.5px solid var(--ameixa);border-radius:2px}
.estrutura::after{content:"";position:absolute;left:50%;top:50%;width:1.5px;height:20px;transform:translate(-50%,-50%);background:var(--ameixa)}
.estrutura .estrutura-rotulo{bottom:auto;top:calc(100% + 6px)}
.estrutura[aria-expanded="true"] .estrutura-rotulo,.estrutura:focus-visible .estrutura-rotulo{opacity:1}
.braco{display:none}

.pergunta{position:absolute;left:0;right:0;top:612px;margin:0;padding:0 20px;border:0;opacity:0;transition:opacity var(--t-in) var(--ease-in);pointer-events:none}
.heroi.dia .pergunta{opacity:1;pointer-events:auto}
.pergunta{padding:0 12px}
.pergunta .pil{padding:0 12px;gap:6px}
.contador,.estacoes{opacity:0}
.heroi.dia .contador,.heroi.dia .estacoes{opacity:1}
.pergunta legend{float:left;width:100%;height:24px;line-height:24px;font-weight:600;font-size:.9375rem;padding:0 10px;border-radius:6px;background:var(--veu);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 0 4px}
.pergunta .opcoes{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;clear:both}
.pergunta .pil{font-size:1rem}
.peca-frase{position:absolute;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:min(350px,calc(100vw - 40px));margin:0;padding:.45rem .8rem;border-radius:var(--raio);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--serif);font-size:1.05rem;line-height:1.25;color:var(--ameixa);opacity:0;transform:translate(-50%,8px);transition:opacity var(--t-in) var(--ease-in),transform var(--t-in) var(--ease-in);pointer-events:none;z-index:3;display:flex;align-items:center;gap:.5rem}
.peca-frase::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--nucleo);box-shadow:var(--glow-primary);flex:0 0 auto}
.peca-frase.vivo{opacity:1;transform:translate(-50%,0)}

.contador{position:absolute;right:20px;top:calc(var(--barra) + 14px);text-align:right;font-family:var(--serif);font-size:1.6rem;line-height:1;color:var(--ameixa);background:var(--veu);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:6px 10px;transition:opacity var(--t-out) var(--ease-out),transform var(--t-out) var(--ease-out),visibility 0s linear var(--t-out)}
.contador .dia{display:block;transition:opacity var(--t-out) var(--ease-out),transform var(--t-out) var(--ease-out)}
.contador .dia.sai{opacity:0;transform:translateY(-8px)}
.contador .seg{display:flex;justify-content:flex-end;gap:6px;margin-top:4px;min-height:14px}
.contador .seg i{font:600 .625rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tt);display:flex;align-items:center;gap:3px}
.contador .seg i::before{content:"";width:1px;height:10px;background:var(--tt)}
.estacoes{position:absolute;right:20px;top:calc(var(--barra) + 76px);display:flex;flex-direction:column;align-items:flex-end;gap:2px;transition:opacity var(--t-out) var(--ease-out),visibility 0s linear var(--t-out)}
.estacoes button{background:var(--veu);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;border-radius:6px;padding:4px 8px 4px 20px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ameixa);cursor:pointer;position:relative}
.estacoes button::before{content:"";position:absolute;left:7px;top:50%;width:6px;height:6px;border-radius:50%;transform:translateY(-50%);border:1px solid var(--ameixa2)}
.estacoes button[aria-current="step"]{color:var(--tt);font-weight:600}
.estacoes button[aria-current="step"]::before{background:var(--tt);border-color:var(--tt)}
.heroi.fim .contador,.heroi.fim .estacoes{opacity:0;visibility:hidden}
.heroi.fim .pergunta,.heroi.fim .peca-frase{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t-out) var(--ease-out),visibility 0s linear var(--t-out)}
.heroi.fim .loop-bloco{transform:translate(-50%,-100px)}
.heroi.fim .fecho-bloco{bottom:60px}
.fecho-bloco{position:absolute;left:20px;right:20px;bottom:36px;opacity:0;transform:translateY(24px);transition:opacity var(--t-in) var(--ease-in) 420ms,transform var(--t-in) var(--ease-in) 420ms;pointer-events:none}
.heroi.fim .fecho-bloco{opacity:1;transform:none;pointer-events:auto}
.fecho-bloco p{margin:0}
.fecho-frase{font-family:var(--serif);font-size:.95rem;line-height:1.3;padding:.7rem .9rem;max-width:40ch;margin:0 0 .5rem}
.fecho-frase .cauda{display:block;font:500 .8125rem/1.4 var(--mono);color:var(--tt);margin-bottom:.3rem;opacity:0;transition:opacity var(--t-in) var(--ease-in) 500ms}
.fecho-frase .inteira{display:block;opacity:0;transition:opacity var(--t-in) var(--ease-in) 1100ms}
.heroi.fim .fecho-frase .cauda,.heroi.fim .fecho-frase .inteira{opacity:1}
.selo{display:inline-block;font-size:.75rem;line-height:1.35;padding:.45rem .9rem;border-radius:999px;background:var(--tt);color:var(--creme);max-width:100%;transform:scale(1.04);transition:transform var(--t-fast) var(--ease-in) 1700ms;margin:0 .6rem .5rem 0}
.loop-bloco{transition:opacity var(--t-in) var(--ease-in),transform var(--t-in) var(--ease-in)}
.heroi.fim .selo{transform:scale(1)}
.ver-conta{vertical-align:middle;min-height:44px}
.legenda-dinamica{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;margin:0;font-size:.75rem;color:var(--ameixa2);text-align:center;width:max-content;max-width:calc(100% - 40px);padding:3px 10px;border-radius:6px;background:var(--veu);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.holofote{display:none}

/* herói empilhado (movimento reduzido) */
.heroi-empilhado{display:none}
html.reduzido .heroi{height:auto}
html.reduzido .heroi-fixo{display:none}
html.reduzido .heroi-empilhado{display:block}
.heroi-empilhado .bloco{position:relative;min-height:100vh;display:grid;align-items:end}
.heroi-empilhado .bloco img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.heroi-empilhado .bloco .vidro{position:relative;margin:var(--respiro);padding:1.25rem}
.heroi-empilhado .bloco .rot{font-family:var(--serif);font-size:1.6rem;margin:0 0 .4rem}
.heroi-empilhado .bloco.marcado .vidro{box-shadow:var(--glow-primary)}
.heroi-empilhado .quinto{min-height:100vh;display:grid;place-items:center;padding:var(--respiro)}
.heroi-empilhado .quinto .fecho-frase .cauda,.heroi-empilhado .quinto .fecho-frase .inteira{opacity:1}
.heroi-empilhado .quinto .selo{transform:none}

/* ===== quebras ===== */
.quebra{height:100vh;height:100svh;overflow:hidden;display:block;background:var(--areia)}
.quebra img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);will-change:transform}
html.reduzido .quebra img{transform:none}
.quebra p{position:absolute;left:var(--respiro);top:calc(var(--barra) + 24px);margin:0;max-width:18ch;font-family:var(--serif);font-size:clamp(1.75rem,1rem + 3.2vw,3.25rem);line-height:1.15;color:var(--ameixa);padding:1rem 1.2rem;border-radius:var(--raio);background:var(--veu);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.quebra.ceu p{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}

/* ===== seção 2 · cartões ===== */
.cartoes{display:grid;gap:1rem;margin-top:1.5rem}
.virar{position:relative;display:block;width:100%;min-height:420px;perspective:1200px;background:none;border:0;padding:0;text-align:left;cursor:pointer;transition:opacity var(--t-fast)}
.cartoes.foco .virar:not(.vivo){opacity:.8}
.virar .faces{position:relative;display:block;width:100%;height:100%;min-height:420px;transition:transform var(--t-in) var(--ease-in);transform-style:preserve-3d}
.virar[aria-pressed="true"] .faces{transform:rotateY(180deg)}
.virar .frente,.virar .verso{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--raio);padding:1.1rem 1.2rem;display:flex;flex-direction:column}
.virar .frente{background:var(--papel);border:1px solid var(--linha)}
.virar .verso{background:var(--tt);color:var(--creme);transform:rotateY(180deg)}
.virar .cena-b{height:120px;border-radius:6px;overflow:hidden;margin-bottom:.8rem;background:linear-gradient(180deg,#F0E8DD,#E6DDD0)}
.virar .cena-b svg{width:100%;height:100%}
.virar h3{font-size:1.2rem;margin-bottom:.5rem}
.virar .frente p{font-size:.9375rem;line-height:1.45;margin-bottom:.5rem}
.virar .fala{font-family:var(--serif);font-size:1.05rem;line-height:1.3;margin:auto 0 .6rem}
.virar .dica{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ameixa2);margin:0}
.virar .verso .verbo{font-family:var(--serif);font-size:1.6rem;line-height:1.15;margin-bottom:.6rem}
.virar .verso p{font-size:1rem}
.virar .rodape{font-size:.75rem;color:var(--ameixa2);margin:auto 0 0;padding-top:.6rem;border-top:1px solid var(--linha)}
.virar .verso .rodape{color:rgba(247,243,237,.8);border-color:rgba(247,243,237,.3)}
html.reduzido .virar .faces{transform:none!important;display:grid;gap:.8rem}
html.reduzido .virar .frente,html.reduzido .virar .verso{position:static;transform:none}
.render[hidden]{display:none}
.render:not([hidden]) ~ .composicao{display:none}

/* ===== seção 3 · tapete ===== */
.tapete-palco{position:relative;margin:1.5rem 0 1rem;border-radius:var(--raio);overflow:hidden;background:linear-gradient(180deg,#DCCFBE,#CBB9A3 60%,#B79F86);aspect-ratio:16/9;max-height:460px}
.tapete-palco svg{width:100%;height:100%}
.tapete-palco .loop-mini{position:absolute;left:50%;top:14%;width:14%;aspect-ratio:9/16;transform:translateX(-50%) scale(1);transform-origin:50% 100%;transition:transform var(--t-in) var(--ease-in),filter var(--t-in)}
.tapete-palco .loop-mini .loop{width:100%;height:100%}
.tapete-palco .tarefa{opacity:.35;transition:opacity var(--t-in)}
.tapete-palco .tapete{transform:scaleY(0);transform-origin:50% 0;transition:transform var(--t-in) var(--ease-in)}
.tapete-palco .cone{opacity:0;transition:opacity var(--t-fast)}
.tapete-palco[data-clique="1"] .t1,.tapete-palco[data-clique="2"] .t1,.tapete-palco[data-clique="2"] .t2,.tapete-palco[data-clique="3"] .t1,.tapete-palco[data-clique="3"] .t2,.tapete-palco[data-clique="3"] .t3{opacity:1}
.tapete-palco[data-clique="1"] .t1 .tapete,.tapete-palco[data-clique="2"] .t1 .tapete,.tapete-palco[data-clique="2"] .t2 .tapete,.tapete-palco[data-clique="3"] .t1 .tapete,.tapete-palco[data-clique="3"] .t2 .tapete,.tapete-palco[data-clique="3"] .t3 .tapete{transform:scaleY(1)}
.tapete-palco[data-clique="1"] .t1 .cone,.tapete-palco[data-clique="2"] .t1 .cone,.tapete-palco[data-clique="2"] .t2 .cone,.tapete-palco[data-clique="3"] .t1 .cone,.tapete-palco[data-clique="3"] .t2 .cone,.tapete-palco[data-clique="3"] .t3 .cone{opacity:1}
.tapete-palco[data-clique="1"] .loop-mini{transform:translateX(-50%) scale(1.25);filter:saturate(1.15)}
.tapete-palco[data-clique="2"] .loop-mini{transform:translateX(-50%) scale(1.5625);filter:saturate(1.3)}
.tapete-palco[data-clique="3"] .loop-mini{transform:translateX(-50%) scale(1.953);filter:saturate(1.45)}
.tapete-palco[data-clique="4"] .loop-mini{transform:translateX(-50%) scale(1);filter:none}
.tapete-palco[data-clique="4"] .t1,.tapete-palco[data-clique="4"] .t2,.tapete-palco[data-clique="4"] .t3{opacity:.35}
.tapete-palco[data-clique="4"] .t1 .tapete,.tapete-palco[data-clique="4"] .t2 .tapete,.tapete-palco[data-clique="4"] .t3 .tapete{transform:scaleY(0);transition-duration:var(--t-out)}
.tapete-palco[data-clique="4"] .t1 .cone,.tapete-palco[data-clique="4"] .t2 .cone,.tapete-palco[data-clique="4"] .t3 .cone{opacity:0;transition-duration:600ms}
.tapete-palco .t4{opacity:.35}
.tapete-palco[data-clique="4"] .t4{opacity:1}
.tapete-palco[data-clique="4"] .t4 .cone{opacity:1}
.tapete-palco .estrutura-fundo{position:absolute;inset:0;opacity:0;transform:translateX(-12%);transition:opacity var(--t-img) var(--ease-img),transform var(--t-img) var(--ease-img);filter:blur(3px)}
.tapete-palco[data-clique="4"] .estrutura-fundo{opacity:.55;transform:none}
.tapete-palco .estrutura-fundo img{width:100%;height:100%;object-fit:cover}
.tapete-palco .bandeja{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);padding:.4rem 1rem;border-radius:6px;background:var(--glass-bg);font-size:.8125rem;font-weight:500}
.tapete-palco .bandeja b{display:block;font-weight:400;color:var(--ameixa2);font-size:.75rem;transition:opacity 200ms}
.tapete-palco .regua{position:absolute;right:4%;top:10%;bottom:16%;width:56px;display:flex;justify-content:space-between;align-items:flex-end;font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ameixa)}
.tapete-palco .regua i{display:block;width:12px;background:var(--tt);border-radius:3px 3px 0 0;height:22%;transition:height 300ms var(--ease-in)}
.tapete-palco .regua i.res{background:var(--oliva)}
.tapete-palco .regua span{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}
.tapete-palco[data-clique="1"] .regua i.gas{height:40%}.tapete-palco[data-clique="2"] .regua i.gas{height:62%}.tapete-palco[data-clique="3"] .regua i.gas{height:86%}.tapete-palco[data-clique="4"] .regua i.gas{height:22%}
.anuncio{font-family:var(--serif);font-size:1.15rem;min-height:1.5em;margin:.4rem 0 0}
.confronto{display:grid;gap:1.25rem;margin-top:2rem;align-items:start}
.confronto .grande{font-family:var(--serif);font-size:clamp(3rem,2rem + 4vw,5rem);line-height:1;color:var(--terracota);letter-spacing:-.02em}
.confronto .fala{font-family:var(--serif);font-size:1.25rem;line-height:1.3}
.confronto .custo{font-family:var(--serif);font-size:1.6rem;color:var(--tt)}
.ancora{color:var(--tt);font-weight:500;text-decoration:none;border-bottom:1px solid var(--tt)}
.ancora:hover,.ancora:focus-visible{color:var(--tt2)}

/* ===== seção 4 · nós ===== */
.nos{position:relative;margin-top:2rem;padding-left:40px}
.nos::before{content:"";position:absolute;left:11px;top:-8px;bottom:0;width:2px;background:linear-gradient(180deg,var(--ambar),rgba(206,152,105,.35))}
.nos .respira{position:absolute;left:4px;top:-16px;width:16px;height:16px;border-radius:50%;background:var(--nucleo);opacity:.08;animation:respira 9s linear infinite}
@keyframes respira{0%,96%{opacity:.08;box-shadow:0 0 0 0 rgba(233,121,74,0)}97%{opacity:1;box-shadow:0 0 18px 6px rgba(233,121,74,.7)}100%{opacity:.08;box-shadow:0 0 0 0 rgba(233,121,74,0)}}
html.pausado .respira,html.reduzido .respira{animation-play-state:paused}
.no-verbo{position:relative;margin:0 0 2rem}
.no-verbo .ponto{position:absolute;left:-36px;top:.35em;width:16px;height:16px;border-radius:50%;background:var(--areia);border:1px solid var(--ambar);transition:background var(--t-in) var(--ease-in),box-shadow var(--t-in) var(--ease-in) 50ms}
.no-verbo.aceso .ponto{background:var(--nucleo);box-shadow:var(--glow-primary)}
.no-verbo h3{display:inline;font-size:1.5rem}
.no-verbo p{display:inline;max-width:none}
.no-verbo .texto{max-width:56ch}
.no-verbo .abrir{display:inline-flex;align-items:center;gap:.4rem;background:none;border:0;padding:.3rem 0;color:var(--tt);font-size:.875rem;font-weight:500;cursor:pointer;margin-top:.4rem}
.no-verbo .pecas{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:600px;overflow:hidden;max-height:0;opacity:0;transition:max-height var(--t-in) var(--ease-in),opacity var(--t-in) var(--ease-in);margin-top:.2rem}
.no-verbo.aberto .pecas,.no-verbo:focus-within .pecas,html.reduzido .pecas{max-height:400px;opacity:1}
@media (hover:hover){.no-verbo:hover .pecas{max-height:400px;opacity:1}}
.peca{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border:1px solid var(--linha);border-radius:6px;background:var(--papel);font-size:.875rem}
.peca svg{width:28px;height:28px;flex:0 0 auto;stroke:var(--ameixa);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.peca b{font-weight:600;color:var(--tt)}
.na-segunda{font-family:var(--serif);font-size:1.35rem;margin-top:2rem;max-width:30ch}

/* ===== seção 5 · prova ===== */
.prova{background:var(--areia);position:relative}
.prova .grande-num{font-family:var(--serif);font-size:clamp(4rem,2rem + 10vw,9rem);line-height:.95;letter-spacing:-.03em;color:var(--terracota);margin:.5rem 0 0;min-height:1em}
.conta-toque{margin:1.25rem 0}
.conta-toque .resposta{font-family:var(--serif);font-size:1.3rem;min-height:1.6em;margin:.8rem 0 0}
.recibo{scroll-margin-top:calc(var(--barra) + 24px);position:relative;padding:1.25rem 1.4rem;border-radius:var(--raio);background:var(--glass-bg);border:1px solid rgba(55,29,41,.1);box-shadow:0 30px 60px -30px rgba(55,29,41,.45),0 40px 30px -36px rgba(55,29,41,.25)}
.recibo::after{content:"";position:absolute;left:8%;right:8%;top:100%;height:40px;background:linear-gradient(180deg,rgba(55,29,41,.12),transparent);border-radius:0 0 50% 50%;filter:blur(4px);opacity:.6}
.recibo .cab{font-size:.8125rem;color:var(--ameixa2);margin:0 0 .6rem;opacity:0;transition:opacity var(--t-in)}
.recibo.vivo .cab{opacity:1}
.recibo table{width:100%;border-collapse:collapse;font-size:.9375rem}
.recibo th{text-align:left;font-family:var(--serif);font-weight:400;font-size:1.15rem;padding:0 0 .6rem;border-bottom:1px solid var(--ameixa)}
.recibo td{padding:.55rem 0;border-bottom:1px solid var(--linha);vertical-align:top}
.recibo td:last-child{text-align:right;font-family:var(--mono);font-size:.875rem;padding-left:1rem;white-space:nowrap}
.recibo td.longa:last-child{white-space:normal;font-family:var(--sans);font-size:.875rem;text-align:left}
.recibo td.longa .mono{font-family:var(--mono)}
.recibo tr.linha{opacity:0;transform:translateY(6px);transition:opacity var(--t-in) var(--ease-in),transform var(--t-in) var(--ease-in)}
.recibo.vivo tr.linha,html.reduzido .recibo tr.linha{opacity:1;transform:none}
.recibo tr.destaque td{background:rgba(233,121,74,.18);transition:background 1200ms}
.recibo .fecho-conta{font-family:var(--serif);font-size:1.25rem;margin:1rem 0 .6rem}
.recibo .pequena{font-size:.75rem;color:var(--ameixa2);line-height:1.45;margin:0 0 .4rem}
.chamas{display:flex;gap:2rem;align-items:flex-end;height:220px;margin:1.5rem 0 0}
.chamas div{width:72px;display:flex;flex-direction:column;align-items:center;gap:.4rem;height:100%;justify-content:flex-end;font-size:.75rem;text-align:center;color:var(--ameixa)}
.chamas i{display:block;width:72px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--brasa),var(--tt));transform:scaleY(0);transform-origin:50% 100%;transition:transform var(--t-img) var(--ease-in)}
.chamas .cheio i{height:188px}.chamas .real i{height:20px}
.chamas.vivo i,html.reduzido .chamas i{transform:scaleY(1)}
.chamas b{font-family:var(--mono);font-weight:500;display:block}

/* ===== seção 6 · ofícios ===== */
.sala{position:relative;margin:1.5rem 0;border-radius:var(--raio);overflow:hidden;background:linear-gradient(180deg,#F2EBE1,#E6DDD0);aspect-ratio:16/7;max-height:380px}
.sala svg{width:100%;height:100%}
.sala .vest{opacity:0;transition:opacity var(--t-in) var(--ease-img)}
.sala .vest.vivo{opacity:1}
.oficio{display:grid;gap:1rem;margin-top:1rem}
.oficio .col{padding:1rem 1.1rem;border-radius:var(--raio);background:var(--papel);border:1px solid var(--linha);opacity:0;transform:translateY(10px);transition:opacity var(--t-in) var(--ease-in),transform var(--t-in) var(--ease-in)}
.oficio .col.vivo,html.reduzido .oficio .col{opacity:1;transform:none}
.oficio .col:nth-child(2){transition-delay:70ms}.oficio .col:nth-child(3){transition-delay:140ms}
.oficio h4{font-family:var(--sans);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tt);margin:0 0 .4rem}
.oficio .col:nth-child(3) p{font-family:var(--serif);font-size:1.2rem;line-height:1.3}
.oficio p{margin:0}
.oficio-nome{font-family:var(--serif);font-size:1.6rem;margin:1.5rem 0 .2rem}

/* ===== seção 7 · máquina ===== */
.maquina{position:relative;margin:1.5rem 0;border-radius:var(--raio);overflow:hidden;background:linear-gradient(180deg,#F4EDE3,#E6DDD0);aspect-ratio:16/8;max-height:420px}
.maquina svg{width:100%;height:100%}
.maquina .reflexo-m{animation:pulso 2.4s ease-in-out infinite alternate;transform-origin:center}
@keyframes pulso{from{opacity:.35}to{opacity:.9}}
html.pausado .reflexo-m,html.reduzido .reflexo-m{animation-play-state:paused}
.maquina .janela{opacity:0;transition:opacity 600ms var(--ease-out)}
.maquina .janela.acesa{opacity:1;transition:opacity 160ms var(--ease-in)}
.maquina .lamina{cursor:pointer;transition:transform var(--t-in) var(--ease-in)}
.maquina .lamina.encaixa{transform:translateY(6px) scale(1.03)}
.maquina .rot-ref{font:500 11px var(--sans);fill:var(--ameixa2);letter-spacing:.08em;text-transform:uppercase}
.dia-maquina{display:grid;gap:.8rem;margin-top:1rem}
.dia-maquina label{display:flex;align-items:center;gap:1rem;font-weight:500}
.dia-maquina input[type=range]{flex:1;accent-color:var(--tt);min-height:44px}
.dia-maquina output{font-family:var(--mono);min-width:5ch}
.contadores{display:flex;gap:1rem;flex-wrap:wrap}
.contadores div{flex:1;min-width:160px;padding:.8rem 1rem;border-radius:var(--raio);background:var(--papel);border:1px solid var(--linha)}
.contadores span{display:block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ameixa2)}
.contadores i{font-style:normal;font-family:var(--mono);font-size:1.2rem;letter-spacing:.2em}

/* ===== seção 8 · mesa de pedido ===== */
.mesa{display:grid;gap:1.5rem;margin-top:1.5rem}
.mesa .bancada{position:relative;border-radius:var(--raio);overflow:hidden;background:linear-gradient(180deg,#F0E8DD,#E6DDD0);aspect-ratio:16/9}
.mesa .bancada svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity var(--t-in)}
.mesa .bancada .limpa{opacity:0}
.mesa.andou .bancada .limpa{opacity:1}.mesa.andou .bancada .bagunca{opacity:0}
.campo{display:grid;gap:.4rem}
.campo label{font-weight:500}
.campo input{font:inherit;padding:.7rem .9rem;border:1px solid var(--ameixa2);border-radius:6px;background:var(--papel);color:var(--ameixa);min-height:48px}
.passos{counter-reset:p;display:grid;gap:.8rem;margin:1rem 0 0;padding:0;list-style:none}
.passos li{position:relative;padding:.8rem 1rem .8rem 3rem;border-radius:var(--raio);background:var(--papel);border:1px solid var(--linha);opacity:.55;transition:opacity var(--t-in),border-color var(--t-in)}
.passos li::before{counter-increment:p;content:counter(p);position:absolute;left:1rem;top:.9rem;width:24px;height:24px;border-radius:50%;background:var(--ameixa);color:var(--creme);font-size:.8125rem;font-weight:600;display:grid;place-items:center}
.passos li.vivo,html.reduzido .passos li{opacity:1;border-color:var(--ambar)}
.passos li b{font-weight:600}
.particao{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.6rem}
.particao div{padding:.5rem .7rem;border-radius:6px;font-size:.8125rem;border:1px solid var(--linha)}
.particao div:first-child{border-color:var(--oliva)}.particao div:last-child{border-color:#6E3550}
.particao i{display:block;height:14px;border-radius:3px;margin-top:.4rem;transform:scaleX(0);transform-origin:0 50%;transition:transform 300ms var(--ease-in)}
.particao div:first-child i{background:#E4E8DB;width:78%}.particao div:last-child i{background:#F0E2E8;width:46%}
.passos li.vivo .particao i{transform:scaleX(1)}
.rascunho{font-family:var(--mono);font-size:.8125rem;white-space:pre-wrap;min-height:2.6em;margin:.5rem 0 0;color:var(--ameixa2)}
.decisao{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}
.decisao .btn{min-height:44px;padding:.4rem 1.1rem}
.recibo-ex{margin-top:.6rem;font-size:.9375rem;border-top:1px dashed var(--ameixa2);padding-top:.6rem;max-height:0;overflow:hidden;opacity:0;transition:max-height 720ms var(--ease-in),opacity 720ms}
.passos li.impresso .recibo-ex{max-height:300px;opacity:1}
.recibo-ex dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.25rem .8rem}
.recibo-ex dt{font-weight:600}.recibo-ex dd{margin:0}
.fora{font-family:var(--serif);font-size:1.05rem;min-height:1.5em;margin:.6rem 0 0}

/* ===== seção 9 · degraus ===== */
.degraus-cena{position:relative;margin:1.5rem 0;border-radius:var(--raio);overflow:hidden;aspect-ratio:16/8;max-height:460px;background:var(--areia)}
.degraus-cena img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.degraus-cena .faixas{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(247,243,237,.55) 0 18%,rgba(247,243,237,.25) 18% 25%)}
.degraus-cena svg{position:absolute;inset:0;width:100%;height:100%}
.degraus-cena .placa{transition:opacity var(--t-in),filter var(--t-in)}
.degraus-cena .placa.aceso{filter:drop-shadow(0 0 10px rgba(233,121,74,.8))}
.degraus{display:grid;gap:.8rem;margin:0;padding:0;list-style:none;counter-reset:d}
.degraus li{position:relative;padding:1rem 1.1rem 1rem 3.2rem;border-radius:var(--raio);background:var(--papel);border:1px solid var(--linha);transition:border-color var(--t-in),box-shadow var(--t-in)}
.degraus li::before{counter-increment:d;content:counter(d);position:absolute;left:1rem;top:1.05rem;width:26px;height:26px;border-radius:50%;border:1px solid var(--ambar);display:grid;place-items:center;font-family:var(--serif);font-size:1rem}
.degraus li.aceso{border-color:var(--ambar);box-shadow:0 0 0 3px rgba(233,121,74,.18)}
.degraus li.aceso::before{background:var(--nucleo);box-shadow:var(--glow-primary)}
.degraus h3{font-size:1.25rem;display:inline}
.degraus p{margin:.2rem 0 0}
.degraus .semana{font-style:italic;color:var(--ameixa2);margin-top:.5rem;max-height:0;overflow:hidden;opacity:0;transition:max-height var(--t-in) var(--ease-in),opacity var(--t-in)}
.degraus li.aceso .semana,.degraus li:focus-within .semana,html.reduzido .degraus .semana{max-height:200px;opacity:1}
.degraus .semana b{font-weight:600;font-style:normal;color:var(--tt)}
.degraus .abrir{background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;display:block;width:100%}

/* ===== seção 10 · caverna ===== */
.caverna{display:grid;gap:1.5rem;margin-top:1.5rem}
.caverna .poster{position:relative;aspect-ratio:16/9;overflow:hidden;background:#1d0f16}
.caverna .poster svg{width:100%;height:100%}
.caverna .holofote-css{position:absolute;inset:0;background:radial-gradient(ellipse 40% 70% at 30% 0%,rgba(206,152,105,.5),transparent 70%);transition:opacity 600ms var(--ease-out)}
.caverna.vivo .holofote-css{opacity:0}
.titulo-caverna .l2{display:block;color:var(--tt);opacity:.45;transition:opacity var(--t-in) var(--ease-in)}
.caverna-sec.vivo .titulo-caverna .l2{opacity:1}
.linhas{display:grid;gap:.8rem;margin:0}
.linhas div{padding:.8rem 1rem;border-left:2px solid var(--ambar);opacity:0;transform:translateX(-8px);transition:opacity var(--t-in) var(--ease-in),transform var(--t-in) var(--ease-in)}
.linhas.vivo div,html.reduzido .linhas div{opacity:1;transform:none}
.linhas div:nth-child(2){transition-delay:140ms}.linhas div:nth-child(3){transition-delay:280ms}.linhas div:nth-child(4){transition-delay:420ms}
.linhas b{display:block;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tt);margin-bottom:.2rem}
.linhas p{margin:0}
.linhas .fund p{margin:0}
.fio-recibo{display:inline-flex;align-items:center;gap:.6rem;margin-top:.5rem;text-decoration:none;color:var(--tt);font-weight:500;font-size:.9375rem}
.fio-recibo::before{content:"";width:28px;height:2px;background:var(--brasa);box-shadow:0 0 8px rgba(233,121,74,.8)}

/* ===== seção 11 · perguntas ===== */
.perguntas{margin:1.5rem 0 0;padding:0;list-style:none;border-left:1px solid var(--ambar);display:grid;gap:1.5rem}
.perguntas li{padding-left:1.5rem;transition:text-shadow var(--t-fast)}
.perguntas li.centro h3{text-shadow:0 0 18px rgba(233,121,74,.35)}
.perguntas h3{font-size:1.3rem;margin-bottom:.4rem}
.perguntas p{max-width:56ch;margin:0}

/* ===== seção 12 · rede ===== */
.rede-sec{background:var(--areia);overflow:hidden}
.rede-cena{position:absolute;inset:0;opacity:.55}
.rede-cena img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.rede-cena::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(230,221,208,.35),rgba(230,221,208,.85))}
.rede-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rede-svg .n{fill:var(--nucleo);filter:drop-shadow(0 0 6px rgba(233,121,74,.9))}
.rede-svg .l{stroke:var(--ambar);stroke-width:1;opacity:.6}
.rede-svg .novo{fill:transparent;stroke:var(--ambar);stroke-dasharray:3 3;transition:fill var(--t-in) var(--ease-in),filter var(--t-in) var(--ease-in) 50ms}
.rede-svg .novo.aceso{fill:var(--nucleo);filter:drop-shadow(0 0 8px rgba(233,121,74,.95))}
.rede-svg .fio-novo{stroke:var(--brasa);stroke-width:2;fill:none;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset var(--t-img) var(--ease-in),opacity var(--t-fast)}
.rede-svg .fio-novo.aceso{stroke-dashoffset:0;opacity:1}
.rede-svg .nome{font-family:var(--serif);font-size:22px;fill:var(--ameixa)}
.verbos{font-family:var(--serif);line-height:1;margin:1.5rem 0;display:grid;gap:.2em}
.verbos span{display:block;opacity:0;transform:translateY(18px);transition:opacity var(--t-in) var(--ease-in),transform var(--t-in) var(--ease-in)}
.verbos.vivo span,html.reduzido .verbos span{opacity:1;transform:none}
.verbos span:nth-child(1){font-size:1.6rem}.verbos span:nth-child(2){font-size:2.1rem;transition-delay:140ms}.verbos span:nth-child(3){font-size:2.7rem;transition-delay:280ms}.verbos span:nth-child(4){font-size:3.4rem;color:var(--tt);transition-delay:420ms}
.rede-sec .campo{max-width:420px}
.rede-sec .obs{font-style:italic;margin-top:1rem}
footer.rodape{padding:2rem var(--respiro);background:var(--areia);border-top:1px solid var(--linha);font:500 .875rem var(--sans);color:var(--ameixa2);display:flex;align-items:center;gap:.6rem}
footer.rodape::before{content:"";width:1px;height:1.2em;background:var(--tt)}
dialog.video{border:0;padding:0;background:#000;max-width:min(96vw,1200px);width:100%}
dialog.video::backdrop{background:rgba(55,29,41,.85)}

/* ===== larguras ===== */
@media (min-width:600px){
  .cartoes{grid-template-columns:1fr 1fr}
  .confronto{grid-template-columns:1fr 1fr}
  .oficio{grid-template-columns:1fr 1fr 1fr}
  .dia-maquina{grid-template-columns:1fr}
}
@media (min-width:760px){
  .heroi .corpo p{font-size:1rem}
  .caverna{grid-template-columns:1.2fr 1fr;align-items:start}
  .mesa{grid-template-columns:1fr 1fr;align-items:start}
  .degraus{grid-template-columns:1fr 1fr}
  .perguntas{grid-template-columns:1fr 1fr;gap:1.5rem 3rem}
}
@media (min-width:900px){
  .cartoes{grid-template-columns:1fr 1fr 1fr}
  .prova-grade{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:start}
  .mesa{grid-template-columns:1fr 1.1fr}
}
@media (min-width:1000px){
  :root{--barra:64px}
  .heroi{height:320vh}
  .cena img.h{display:block}.cena img.v{display:none}
  .painel{width:calc(50% - 12px);padding:calc(var(--barra) + 20px) 24px 20px var(--respiro)}
  .heroi .corpo p{font-size:1rem;max-width:46ch}
  .heroi .sub{font-size:1.0625rem}
  .missao{font-size:1.35rem}
  .cinto{display:block}
  .role{display:none}
  .loop-bloco{left:calc(50% + 120px);top:120px;width:300px;transform:none}
  .loop{width:300px;height:533px}
  .braco{display:block;position:absolute;right:100%;top:40px;width:120px;height:2px;background:linear-gradient(90deg,rgba(206,152,105,.1),var(--ambar));pointer-events:none}
  .braco::after{content:"";position:absolute;left:0;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--ambar)}
  .pausa-local{right:auto;left:calc(100% + 12px);top:0}
  .estrutura{left:calc(100% + 12px);top:56px;transform:none}
  .estrutura .estrutura-rotulo{left:0;transform:none}
  .peca-frase{left:0;bottom:auto;top:calc(100% + 8px);transform:translateY(8px);max-width:520px}
  .peca-frase.vivo{transform:none}
  .pergunta{left:calc(50% + 120px);right:auto;top:713px;width:min(560px,calc(50% - 120px - var(--respiro)));padding:0}
  .pergunta .opcoes{justify-content:flex-start}
  .contador{right:var(--respiro);top:calc(var(--barra) + 20px);font-size:2.4rem}
  .estacoes{right:var(--respiro);top:calc(var(--barra) + 92px)}
  .fecho-bloco{left:calc(50% + 120px);right:auto;top:661px;bottom:auto;width:min(560px,calc(50% - 120px - var(--respiro)))}
  .fecho-frase{font-size:1.05rem;max-width:none}
  .heroi.fim .loop-bloco{transform:none}
  .heroi.fim .fecho-bloco{bottom:auto}
  .legenda-dinamica{left:auto;right:var(--respiro);transform:none;text-align:left}
  .holofote{display:block;position:absolute;left:0;top:0;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(183,96,56,.22),transparent 60%);mix-blend-mode:screen;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--t-in)}
  .heroi.mouse .holofote{opacity:1}
  .quebra p{top:calc(var(--barra) + 48px)}
  .nos{padding-left:0;margin-left:50%;transform:translateX(-50%);width:min(100%,760px)}
  .nos{padding-left:40px}
}
@media (min-width:1000px) and (max-height:820px){
  .painel{padding-top:calc(var(--barra) + 10px)}
  .heroi h1{font-size:clamp(2.5rem,1.2rem + 3vw,3.6rem)}
  .heroi .sub{font-size:.9375rem;margin-bottom:.5rem}
  .heroi .corpo p{font-size:.9rem;line-height:1.4;margin-bottom:.4rem}
  .missao{font-size:1.15rem;margin:.4rem 0 .6rem}
  .cinto{margin-top:.5rem}
  .loop-bloco{top:84px}
  .pergunta{top:633px;left:calc(50% + 16px);width:calc(50% - 16px - var(--respiro))}
  .peca-frase{top:12px;left:12px;max-width:276px}
  .legenda-dinamica{bottom:6px}
  .fecho-bloco{top:625px;left:calc(50% + 16px);width:calc(50% - 16px - var(--respiro))}
  .fecho-frase{font-size:.95rem}
}
@media (min-width:1100px){
  .heroi .corpo p{max-width:50ch}
}
@media (min-width:1440px){
  .painel{width:41.6667%}
  .heroi .sub{font-size:1.125rem}
}
@media (hover:none){.holofote{display:none}}