/* ════════════════════════════════════════════════════════════════
   OurBrain · landing “Um dia da empresa”
   Paleta papel/terra (decisão humana) + ciano neural (IA trabalhando)
   ════════════════════════════════════════════════════════════════ */
:root{
  --papel:#FBF7F0; --papel2:#F3ECDF; --cartao:#FFFDF9; --linha:#E2D8C6; --linha2:#CFC2AB;
  --tinta:#1F1A17; --tinta2:#5E554C; --terra:#B4441F; --terra-esc:#963818; --terra-luz:#F59A6C;
  --salvia:#3F6B55; --ouro:#C98A1B; --neural:#13E4C3; --neural-esc:#0B7F6E;
  --noite:#070B1E; --noite2:#0E1433; --creme:#F6EFE3;
  --display:"Fraunces", "Iowan Old Style", Georgia, serif;
  --texto:"Manrope", "Segoe UI", system-ui, sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --gut:clamp(16px, 5vw, 72px);
  --sombra-mock:0 1px 0 rgba(255,255,255,.9) inset, 0 2px 4px rgba(31,26,23,.06), 0 18px 36px -18px rgba(31,26,23,.35), 0 50px 80px -40px rgba(31,26,23,.45);
  --ease:cubic-bezier(.2,.8,.2,1);
  /* camadas */
  --z-palco:0; --z-cap:2; --z-painel:40; --z-topo:50; --z-grao:60;
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{background:var(--noite);color:var(--tinta);font:400 17px/1.6 var(--texto);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
.mono{font-family:var(--mono)}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ic{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:3px solid var(--terra);outline-offset:3px;border-radius:8px}
[data-topo="escuro"] :focus-visible,.painel :focus-visible,.topo :focus-visible{outline-color:var(--neural)}
.topo-claro .topo :focus-visible{outline-color:var(--terra)}

/* grão sutil sobre tudo (fixo = não repinta na rolagem) */
body::after{content:"";position:fixed;inset:0;z-index:var(--z-grao);pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .4 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}

.pular{position:fixed;left:16px;top:-80px;z-index:99;background:var(--cartao);color:var(--tinta);padding:12px 18px;border-radius:12px;font-weight:600;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.pular:focus{top:16px}

/* ───────── botões ───────── */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font:600 15.5px/1.1 var(--texto);text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background-color .2s,color .2s,border-color .2s,box-shadow .25s,transform .45s var(--ease);will-change:transform}
.bt-g{min-height:56px;padding:0 28px;font-size:16.5px}
.bt-p{min-height:44px;padding:0 18px;font-size:14.5px}
.bt-terra{background:var(--terra);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 12px 30px -12px rgba(180,68,31,.85)}
.bt-terra:hover{background:var(--terra-esc)}
.bt-terra .ic{transition:transform .3s var(--ease)}
.bt-terra:hover .ic{transform:translateX(3px)}
.bt-vidro{background:rgba(255,255,255,.07);color:#FBF7F0;border-color:rgba(255,255,255,.3)}
.bt-vidro:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5)}

/* ───────── topo flutuante ───────── */
.topo{position:fixed;top:10px;left:10px;right:10px;z-index:var(--z-topo);pointer-events:none}
.topo-in{pointer-events:auto;max-width:1320px;margin:auto;height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 8px 0 16px;border-radius:18px;color:#F3ECDF;border:1px solid transparent;transition:background-color .45s,border-color .45s,color .45s,box-shadow .45s}
.rolou .topo-in{background:rgba(8,11,28,.55);border-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}
.topo-claro .topo-in{background:rgba(251,247,240,.86);border-color:var(--linha);color:var(--tinta);box-shadow:0 12px 30px -20px rgba(31,26,23,.35)}
.marca{display:flex;align-items:center;min-height:44px;flex:none}
.marca img{height:38px;width:auto}
.marca-clara{display:none}
.topo-claro .marca-escura{display:none}
.topo-claro .marca-clara{display:block}
.topo-nav{display:flex;gap:4px;font-weight:500;font-size:14.5px}
.topo-nav a{text-decoration:none;padding:12px 12px;border-radius:10px;opacity:.86;transition:opacity .2s,color .2s}
.topo-nav a:hover{opacity:1;color:var(--neural)}
.topo-claro .topo-nav a:hover{color:var(--terra)}
.topo-acoes{display:flex;align-items:center;gap:6px}
.lnk-entrar{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-weight:600;font-size:14.5px;text-decoration:none;border-radius:999px}
.lnk-entrar:hover{text-decoration:underline;text-underline-offset:4px}

/* ════════════ 01 · O DIA ════════════ */
.dia{position:relative;display:grid;background:var(--noite)}
.palco{grid-area:1/1;align-self:start;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;z-index:var(--z-palco);isolation:isolate}
.capitulos{grid-area:1/1;position:relative;z-index:var(--z-cap);min-width:0;overflow-x:clip}

/* céu em camadas: só a opacidade muda (composição, sem repintar gradiente) */
.ceu{position:absolute;inset:0;background:
  radial-gradient(120% 60% at 70% 100%,rgba(70,58,140,.55),transparent 60%),
  linear-gradient(180deg,#04060F 0%,#0A0F2A 40%,#161C47 78%,#2A2556 100%)}
.ceu-c{position:absolute;inset:0;opacity:0;will-change:opacity}
.ceu-aurora{background:radial-gradient(90% 55% at 62% 100%,rgba(255,176,112,.85),rgba(214,98,98,.35) 45%,transparent 75%),linear-gradient(180deg,#0E1336 0%,#2B2764 38%,#7A4A7E 66%,#E08A6A 88%,#FFC896 100%)}
.ceu-diurno{background:radial-gradient(80% 50% at 30% 0%,rgba(255,255,255,.35),transparent 60%),linear-gradient(180deg,#2C66B8 0%,#4F8FD4 34%,#9CC9EC 70%,#F3E4CB 100%)}
.ceu-poente{background:radial-gradient(90% 60% at 40% 100%,rgba(255,196,120,.9),rgba(230,110,70,.5) 40%,transparent 72%),linear-gradient(180deg,#1C1F55 0%,#553A78 32%,#C45A52 64%,#F39A55 86%,#FFD08E 100%)}
.estrelas{position:absolute;inset:0 0 25% 0;will-change:opacity}
.estrelas i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.8)}
.estrelas i:nth-child(3n){width:1px;height:1px;opacity:.7}
@media (prefers-reduced-motion:no-preference){.estrelas i:nth-child(5n){animation:cintila 3.2s ease-in-out infinite}.estrelas i:nth-child(7n){animation:cintila 4.6s ease-in-out infinite .8s}}
@keyframes cintila{50%{opacity:.25}}
.astro{position:absolute;left:0;top:0;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;will-change:transform,opacity;opacity:0}
.sol{background:radial-gradient(circle at 42% 40%,#FFFBEA,#FFD978 45%,#F7A441 100%);box-shadow:0 0 90px 30px rgba(255,190,90,.45),0 0 200px 60px rgba(255,170,80,.22)}
.lua{width:62px;height:62px;margin:-31px 0 0 -31px;background:radial-gradient(circle at 36% 34%,#FFFDF2,#DCD6C4 70%,#BDB6A2);box-shadow:0 0 50px 8px rgba(255,250,225,.22)}

/* cérebro: caixa posicionada pelo CSS; o JS lê o retângulo */
.cerebro-caixa{position:absolute;right:6vw;top:14svh;height:58svh;aspect-ratio:.85}
.cerebro{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.halo{position:absolute;left:50%;top:50%;width:130%;aspect-ratio:1;translate:-50% -50%;z-index:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(19,228,195,.30),rgba(19,228,195,.10) 45%,transparent 72%);will-change:opacity,transform;transition:background .8s}
/* de dia a luz do cérebro precisa de fundo: uma sombra azul-noite atrás dele */
.dia-claro .halo{background:radial-gradient(closest-side,rgba(9,22,64,.62),rgba(12,30,78,.32) 48%,transparent 74%)}
.cerebro-reserva{position:absolute;left:50%;top:50%;width:min(46%,36svh);height:auto;translate:-50% -50%;z-index:1;opacity:.95;transition:opacity 1.2s ease;filter:drop-shadow(0 0 30px rgba(19,228,195,.45))}
/* a reserva entra depois do título (o LCP deve ser o texto, não a imagem) */
.js .cerebro-reserva{animation:reserva 1.4s var(--ease) .6s both}
@keyframes reserva{from{opacity:0;scale:.94}}
.com-3d .cerebro-reserva{opacity:0;animation:none}
.agentes{position:absolute;inset:0;z-index:3}
.ag{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;font:500 12.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#E9FFFB;padding:8px 11px;border-radius:999px;background:rgba(8,12,30,.62);border:1px solid rgba(19,228,195,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;opacity:0;scale:.92;transition:opacity .6s var(--ease),scale .6s var(--ease),background-color .4s,border-color .4s,box-shadow .4s}
.ag::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--neural);margin-right:7px;vertical-align:1px;opacity:.5}
.em-dia .ag{opacity:1;scale:1}
.ag.trabalha{border-color:var(--neural);box-shadow:0 0 0 1px rgba(19,228,195,.35),0 0 24px rgba(19,228,195,.45)}
.ag.trabalha::before{opacity:1}
.ag.recebe{background:rgba(11,127,110,.8)}
.ag-novo{border-style:dashed;border-color:rgba(245,154,108,.7);color:#FFE3D3}
.ag-novo::before{background:var(--terra-luz)}
.em-dia .ag-novo{opacity:0;scale:.8}
.em-dia.editais-proposto .ag-novo{opacity:1;scale:1}
.editais-aprovado .ag-novo{border-style:solid;border-color:var(--neural);color:#E9FFFB}

/* fachada do café */
.fachada{position:absolute;left:0;right:0;bottom:0;width:100%;height:24svh;z-index:1}
.jan{transition:fill .8s}
#letreiro{transition:fill .8s}
#poca{transition:opacity .8s}

/* ───────── hero ───────── */
.hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;position:relative;padding:110px var(--gut) 140px}
.hero-in{max-width:min(46rem,50vw);color:#F6EFE3}
.sobre{display:inline-flex;align-items:flex-start;gap:10px;font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#BFF6EC}
.pulso{flex:none;margin-top:.42em;width:8px;height:8px;border-radius:50%;background:var(--neural);box-shadow:0 0 0 0 rgba(19,228,195,.6)}
@media (prefers-reduced-motion:no-preference){.pulso{animation:pulso 2.4s infinite}}
@keyframes pulso{0%{box-shadow:0 0 0 0 rgba(19,228,195,.55)}70%{box-shadow:0 0 0 12px rgba(19,228,195,0)}100%{box-shadow:0 0 0 0 rgba(19,228,195,0)}}
.hero-t{margin-top:22px;font:340 clamp(56px,8.2vw,132px)/.9 var(--display);letter-spacing:-.032em;word-spacing:.08em;font-variation-settings:"opsz" 144,"SOFT" 40,"WONK" 0;color:#FBF7F0;text-wrap:balance}
.hero-t em{display:block;font-style:italic;font-weight:300;letter-spacing:-.035em;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;padding-right:.08em;
  background:linear-gradient(100deg,#FFE3C2 0%,#F7A77A 45%,#F07F55 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lede{margin-top:28px;max-width:33rem;font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:#D9D3E6}
.hero-lede b{color:#FBF7F0;font-weight:600}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.selo{margin-top:30px;max-width:30rem;font-size:14px;line-height:1.5;color:#C9C3D8}
.selo-p{display:inline-block;margin-right:8px;font:500 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#FFE3D3;border:1px solid rgba(245,154,108,.6);border-radius:999px;padding:6px 10px;vertical-align:1px}
.rolar{position:absolute;left:var(--gut);bottom:40px;display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#CFC9DC;text-decoration:none;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.rolar i{display:block;width:64px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.7),transparent);position:relative;overflow:hidden}
@media (prefers-reduced-motion:no-preference){.rolar i::after{content:"";position:absolute;inset:0;background:var(--neural);animation:varre 2.4s var(--ease) infinite}}
@keyframes varre{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

/* entrada do hero (uma coreografia só) */
@media (prefers-reduced-motion:no-preference){
  .js .hero-in>*{animation:sobe 1s var(--ease) both}
  /* o título não começa transparente: é o LCP */
  .js .hero-in>.hero-t{animation-name:sobe-t}
  .js .hero-in>:nth-child(2){animation-delay:.08s}
  .js .hero-in>:nth-child(3){animation-delay:.2s}
  .js .hero-in>:nth-child(4){animation-delay:.3s}
  .js .hero-in>:nth-child(5){animation-delay:.42s}
}
@keyframes sobe{from{opacity:0;transform:translateY(22px)}}
@keyframes sobe-t{from{transform:translateY(18px)}}

/* ───────── capítulos ───────── */
.cap{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:96px var(--gut) 120px}
.cap-cartao{position:relative;width:min(520px,44vw);background:var(--cartao);border-radius:28px;padding:30px 32px 32px;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 30px 80px -30px rgba(4,6,20,.6),0 10px 24px -14px rgba(4,6,20,.4)}
.cap-num{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta2)}
.cap-hora{margin-top:6px;font:300 clamp(56px,5.4vw,88px)/.9 var(--display);letter-spacing:-.05em;font-variation-settings:"opsz" 144,"SOFT" 0;font-variant-numeric:lining-nums tabular-nums;color:var(--tinta)}
.cap-hora span{color:var(--terra);padding:0 .02em}
.cap h3{margin-top:14px;font:420 clamp(24px,2.2vw,32px)/1.12 var(--display);letter-spacing:-.018em;font-variation-settings:"opsz" 48,"SOFT" 30;text-wrap:balance}
.cap-txt{margin-top:10px;color:var(--tinta2);font-size:16.5px;line-height:1.6}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.chip{display:inline-flex;align-items:center;font:500 12px/1 var(--mono);letter-spacing:.04em;padding:6px 10px;border-radius:999px;background:var(--papel2);border:1px solid var(--linha);color:var(--tinta)}
.chip-ag{background:#E3F4EF;border-color:#B7DED3;color:#11493F}
.chip-espera{background:#FBE6DB;border-color:#EDC0A8;color:#7E2E12}

/* ───────── mockups do sistema ───────── */
.mock{position:relative;margin-top:22px;margin-right:-64px;background:#fff;border:1px solid var(--linha);border-radius:18px;padding:14px 16px 16px;box-shadow:var(--sombra-mock);transform:perspective(1100px) rotateY(-4deg) rotateX(2deg);transform-origin:0 50%}
.mk-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:500 11.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta2);padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--papel2)}
.mk-top span{display:inline-flex;align-items:center;gap:7px}
.bolha{max-width:88%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.45;margin-top:8px}
.bolha.eu,.bolha.cli{margin-left:auto;background:var(--tinta);color:var(--papel);border-bottom-right-radius:5px}
.bolha.cli{background:#E9E2D4;color:var(--tinta)}
.bolha.ob{background:#EAF7F3;color:#10332C;border-bottom-left-radius:5px;border:1px solid #CBEBE2}
.estado{display:flex;align-items:center;gap:9px;margin-top:9px;font-size:12.5px;font-weight:500;color:var(--neural-esc)}
.estado::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:currentColor}
@media (prefers-reduced-motion:no-preference){.estado::before{animation:pisca 1.1s ease-in-out infinite}}
@keyframes pisca{50%{opacity:.25}}

/* sequência dos mockups ao entrar no capítulo */
.js:not(.reduz) .rev{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:calc(var(--i,0) * .38s + .15s)}
.js:not(.reduz) .visto .rev{opacity:1;transform:none}

.mk-log{background:#14121B;border-color:#2A2633;color:#DDF8F1}
.mk-log .mk-top{color:#A8A1B8;border-color:#2A2633}
.log li{font-size:13px;line-height:1.9;color:#CFEDE6}
.log span{color:#7E7893;margin-right:8px}
.log .log-ok{color:var(--neural)}
.mk-voz .onda{display:flex;align-items:center;gap:3px;height:34px;margin:2px 0 6px}
.onda i{flex:1;height:30%;border-radius:3px;background:linear-gradient(180deg,var(--neural),#0B9C86)}
.onda i:nth-child(3n){height:70%}.onda i:nth-child(4n){height:45%}.onda i:nth-child(5n){height:90%}.onda i:nth-child(7n){height:20%}
@media (prefers-reduced-motion:no-preference){.visto .onda i{animation:fala 1.1s ease-in-out infinite alternate}.onda i:nth-child(2n){animation-delay:-.4s}.onda i:nth-child(3n){animation-delay:-.7s}}
@keyframes fala{to{transform:scaleY(.35)}}
.mk-comanda{background:#FFFBF2;border-radius:6px 6px 16px 16px;padding-top:18px;overflow:hidden}
.mk-comanda::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:radial-gradient(circle at 6px -2px,transparent 6px,#FFFBF2 6.5px) 0 0/12px 8px repeat-x;transform:translateY(-100%)}
.cmd-t{font:500 italic 22px var(--display)}
.cmd-l{margin-top:8px;border-top:1px dashed var(--linha2)}
.cmd-l li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--linha2);font-size:15px}
.cmd-l .mono{font-size:12.5px;color:var(--tinta2)}
.cmd-rod{margin-top:10px;font-size:12px;color:var(--tinta2)}
.carimbo{position:absolute;right:14px;top:44px;font:700 12.5px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;border-radius:8px;border:2.5px solid;transform:rotate(-9deg)}
.carimbo-espera{color:var(--terra);border-color:var(--terra);opacity:.9}
.graf{width:100%;height:auto;margin-top:2px}
.graf-grade{stroke:var(--papel2);stroke-width:1}
.graf-area{fill:rgba(19,228,195,.12)}
.graf-linha{fill:none;stroke:var(--neural-esc);stroke-width:2.5;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:0}
.graf-ponto{fill:#fff;stroke:var(--terra);stroke-width:3}
.js:not(.reduz) .mk-graf .graf-linha{stroke-dashoffset:420;transition:stroke-dashoffset 1.6s var(--ease) .2s}
.js:not(.reduz) .visto .mk-graf .graf-linha{stroke-dashoffset:0}
.graf-eixo{display:flex;justify-content:space-between;font-size:11px;color:var(--tinta2);margin-top:2px}
.sq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sq li{border:1px solid var(--linha);border-radius:12px;padding:10px 12px;background:var(--cartao)}
.sq b{display:flex;align-items:center;gap:7px;font:600 14.5px var(--texto)}
.sq b::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--linha2)}
.sq .mono{display:block;font-size:11.5px;color:var(--tinta2);margin-top:3px}
.sq-on b::before{background:var(--neural);box-shadow:0 0 0 3px rgba(19,228,195,.2)}
@media (prefers-reduced-motion:no-preference){.visto .sq-on b::before{animation:pisca 1.3s ease-in-out infinite}}
.sq-novo{border:1.5px dashed var(--terra)!important;background:#FFF6F0!important}
.sq-novo b::before{background:var(--terra)}
.sq-novo .mono{color:#7E2E12}

/* aprovação: segure para autorizar */
.mk-aprova{overflow:hidden}
.fila{margin-top:10px;border-top:1px solid var(--papel2)}
.fila li{padding:9px 0;border-bottom:1px solid var(--papel2);font-size:14.5px;line-height:1.4}
.fila b{display:block;font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--terra)}
.aprova-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:14px}
.segurar{position:relative;overflow:hidden;flex:1 1 220px;min-height:52px;border-radius:14px;background:var(--terra);color:#fff;font:700 15px/1 var(--texto);letter-spacing:.01em;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:0 12px 24px -12px rgba(180,68,31,.8)}
.segurar-barra{position:absolute;inset:0;background:linear-gradient(90deg,#7E2E12,#5E2210);transform-origin:0 50%;transform:scaleX(0)}
.segurar-txt{position:relative;display:inline-flex;align-items:center;gap:8px;pointer-events:none}
.segurar:hover{background:var(--terra-esc)}
.segurar.feito{background:var(--salvia);box-shadow:none;cursor:default}
.segurar.feito .segurar-barra{display:none}
.segurar.confirmar{outline:3px dashed var(--terra);outline-offset:3px}
.lnk-sem{min-height:44px;padding:0 6px;font-weight:600;font-size:14.5px;color:var(--terra);text-decoration:underline;text-underline-offset:4px}
.lnk-sem:hover{color:var(--terra-esc)}
.dica{margin-top:8px;font-size:13px;line-height:1.45;color:var(--tinta2)}
.carimbo-ok{top:auto;bottom:118px;right:18px;font-size:15px;color:var(--salvia);border-color:var(--salvia);background:rgba(255,255,255,.85);opacity:0;transform:rotate(-10deg) scale(1.35);transition:opacity .25s,transform .45s cubic-bezier(.2,1.5,.4,1);pointer-events:none}
.aprovado .carimbo-ok{opacity:1;transform:rotate(-10deg) scale(1)}
.aprovado #semSegurar,.aprovado .dica{display:none}
.aprova-ok{margin-top:12px;font-size:14.5px;font-weight:600;color:var(--salvia);min-height:1px}
.refazer{margin-top:2px}

.mk-mem{background:#FFFDF6}
.mem li{padding:9px 0;border-bottom:1px dashed var(--linha2);font:400 italic 17px/1.35 var(--display)}
.mem .mono{display:block;font:500 10.5px/1.6 var(--mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--salvia)}
.mem li:last-child .mono{color:var(--terra)}
.mem-am{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.06em;color:#11493F;background:#E3F4EF;border:1px solid #B7DED3;border-radius:999px;padding:7px 12px}

.dia-fim{height:24svh}

/* inclinação sutil guiada pela rolagem (CSS puro, onde houver suporte) */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .cap-cartao{animation:cartao linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
    .cap .mock{animation:inclina linear both;animation-timeline:view();animation-range:entry 5% cover 55%}
  }
}
@keyframes cartao{from{opacity:.2;transform:translateY(60px) scale(.97)}to{opacity:1;transform:none}}
@keyframes inclina-m{from{transform:perspective(900px) rotateX(14deg) translateY(36px)}to{transform:perspective(900px) rotateX(2deg)}}
@keyframes inclina{from{transform:perspective(1100px) rotateY(-14deg) rotateX(10deg) translate3d(30px,40px,0)}to{transform:perspective(1100px) rotateY(-4deg) rotateX(2deg)}}

/* ───────── painel do dia (fixo, só durante a narrativa) ───────── */
.painel{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:var(--z-painel);width:min(1000px,calc(100% - 24px));display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:8px 18px 8px 8px;border-radius:22px;color:#F6EFE3;background:rgba(7,10,26,.74);border:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:0 20px 50px -20px rgba(0,0,0,.6);
  transform:translate(-50%,24px);opacity:0;visibility:hidden;transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s linear .45s}
.painel-on .painel{transform:translate(-50%,0);opacity:1;visibility:visible;transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s}
.painel-bts{display:flex;gap:2px}
.pb{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#F6EFE3;transition:background-color .2s}
.pb:hover{background:rgba(255,255,255,.1)}
.pb .ic{width:20px;height:20px}
.pb-tocar{background:var(--terra);color:#fff}
.pb-tocar:hover{background:var(--terra-esc)}
.pb-tocar .ic{fill:currentColor;stroke-width:1.2}
.pb-tocar[aria-pressed="true"] .ic{fill:none;stroke-width:2.6}
.relogio{display:flex;flex-direction:column;line-height:1;min-width:84px}
.relogio span{font:400 30px/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;font-variation-settings:"opsz" 72}
.relogio small{margin-top:5px;font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#BFF6EC}
.trilho{position:relative;height:56px;min-width:0}
.trilho input{position:absolute;left:0;right:0;top:0;width:100%;height:44px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;--p:0%}
.trilho input:focus-visible{outline:2px solid var(--neural);outline-offset:2px;border-radius:10px}
.trilho input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--neural) 0 var(--p),rgba(255,255,255,.2) var(--p) 100%)}
.trilho input::-moz-range-track{height:4px;border-radius:4px;background:rgba(255,255,255,.2)}
.trilho input::-moz-range-progress{height:4px;border-radius:4px;background:var(--neural)}
.trilho input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#FFFDF9;border:4px solid var(--terra);box-shadow:0 0 0 6px rgba(19,228,195,.2),0 4px 10px rgba(0,0,0,.4)}
.trilho input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#FFFDF9;border:4px solid var(--terra);box-shadow:0 0 0 6px rgba(19,228,195,.2)}
.marcas{position:absolute;left:11px;right:11px;top:0;height:44px;pointer-events:none}
.marcas button{position:absolute;top:50%;left:var(--l);width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;pointer-events:auto;display:grid;place-items:center}
.marcas button::before{content:"";width:10px;height:10px;border-radius:50%;background:#F6EFE3;border:2px solid rgba(7,10,26,.9);transition:transform .2s,background-color .2s}
.marcas button:hover::before,.marcas button[aria-current="true"]::before{background:var(--neural);transform:scale(1.3)}
.marcas button::after{content:attr(data-rot);position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 0;font:500 11px/1 var(--mono);letter-spacing:.06em;white-space:nowrap;background:#F6EFE3;color:var(--tinta);padding:6px 8px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .15s}
.marcas button:hover::after,.marcas button:focus-visible::after{opacity:1}
.horas{position:absolute;left:11px;right:11px;bottom:0;height:14px;font-size:10.5px;color:#BDB6CC}
.horas span{position:absolute;translate:-50% 0}
.horas span:nth-child(1){left:.93%}.horas span:nth-child(2){left:34.35%}.horas span:nth-child(3){left:67.78%}.horas span:nth-child(4){left:95.64%}
.painel-selo{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#FFE3D3;border:1px solid rgba(245,154,108,.55);padding:6px 9px;border-radius:999px;white-space:nowrap}

/* ════════════ seções em papel ════════════ */
.sec{position:relative;background:var(--papel);padding:clamp(96px,12vw,168px) 0}
#como{border-radius:36px 36px 0 0;margin-top:-36px;z-index:3}
.sec-exp,#canais,#seguranca,#planos{padding-top:0}
.emb{width:min(1240px,100% - 2 * var(--gut));margin-inline:auto}
.sec-cab{max-width:52rem;margin-bottom:clamp(40px,5vw,64px)}
.sec-cab-c{margin-inline:auto;text-align:center}
.sec-num{display:inline-flex;align-items:center;gap:12px;font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta2)}
.sec-num b{font-weight:500;color:var(--terra)}
.sec-num::after{content:"";width:44px;height:1px;background:var(--linha2)}
.sec-cab-c .sec-num::before{content:"";width:44px;height:1px;background:var(--linha2)}
.sec h2,.final h2{margin-top:16px;font:340 clamp(42px,5.6vw,86px)/.98 var(--display);letter-spacing:-.035em;font-variation-settings:"opsz" 144,"SOFT" 30;text-wrap:balance}
.sec h2 em{font-style:italic;font-weight:320;color:var(--terra);font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}
.sec-lede{margin-top:20px;max-width:38rem;font-size:clamp(17px,1.35vw,20px);color:var(--tinta2)}
.nota-ilus{margin-top:18px;font-size:12.5px;color:var(--tinta2)}

/* revelação suave das seções (JS adiciona .visto) */
.js:not(.reduz) .surge{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js:not(.reduz) .surge.visto{opacity:1;transform:none}

/* 02 · fluxo */
.fluxo{display:grid;grid-template-columns:minmax(0,1fr) 44px auto 56px minmax(0,1.25fr) 56px minmax(0,1fr);align-items:center;padding:clamp(24px,3.4vw,44px);background:var(--cartao);border:1px solid var(--linha);border-radius:30px;box-shadow:0 30px 60px -40px rgba(31,26,23,.35)}
.fx-rot{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta2)}
.fx-q{margin-top:10px;font:400 italic clamp(22px,2vw,28px)/1.2 var(--display);font-variation-settings:"opsz" 72,"SOFT" 100,"WONK" 1}
.fx-ob{display:grid;justify-items:center;text-align:center;padding:18px 18px 16px;border-radius:999px 999px 24px 24px;background:var(--noite);color:#F6EFE3;box-shadow:0 0 0 6px rgba(19,228,195,.08),0 20px 40px -20px rgba(7,11,30,.8)}
.fx-ob img{width:64px;height:auto;filter:drop-shadow(0 0 14px rgba(19,228,195,.5))}
.fx-ob-n{margin-top:6px;font:500 20px/1 var(--display)}
.fx-ob-s{margin-top:6px;font-size:11px;color:#BFF6EC}
.fx-con{align-self:stretch;display:flex;align-items:center}
.fx-con svg{width:100%;height:100%;overflow:visible}
.fx-con-1 svg{height:20px}
.fx-con path{fill:none;stroke:var(--linha2);stroke-width:2;vector-effect:non-scaling-stroke}
.js:not(.reduz) .fx-con path{stroke:var(--neural-esc);stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s var(--ease)}
.js:not(.reduz) .fluxo.go .fx-con path{stroke-dashoffset:0}
.js:not(.reduz) .fluxo.go .fx-con-2 path{transition-delay:.5s}
.js:not(.reduz) .fluxo.go .fx-con-3 path{transition-delay:2.6s}
.fx-eq{display:grid;grid-template-rows:repeat(3,1fr);align-self:stretch}
.fx-eq li{display:grid;align-content:center;gap:0;padding:10px 0}
.fx-eq li>*{padding:0 16px}
.fx-eq b{font:600 16px var(--texto);padding-top:12px;border-top:1px solid var(--linha);border-left:1px solid var(--linha);border-right:1px solid var(--linha);border-radius:14px 14px 0 0;background:var(--papel)}
.fx-eq .estado{margin:0;padding-top:4px!important;padding-bottom:4px!important;border-left:1px solid var(--linha);border-right:1px solid var(--linha);background:var(--papel)}
.fx-r{display:block;font-size:14px;color:var(--tinta2);padding-bottom:12px!important;border-bottom:1px solid var(--linha);border-left:1px solid var(--linha);border-right:1px solid var(--linha);border-radius:0 0 14px 14px;background:var(--papel)}
.js:not(.reduz) .fx-r{color:transparent;transition:color .5s}
.js:not(.reduz) .fluxo.go .fx-r{color:var(--tinta2)}
.js:not(.reduz) .fluxo.go li:nth-child(1) .fx-r{transition-delay:1.4s}
.js:not(.reduz) .fluxo.go li:nth-child(2) .fx-r{transition-delay:1.9s}
.js:not(.reduz) .fluxo.go li:nth-child(3) .fx-r{transition-delay:2.3s}
.fx-resp{padding:20px;border-radius:20px;background:#FBE6DB;border:1px solid #EDC0A8}
.fx-resp .fx-rot{color:#7E2E12}
.fx-a{margin-top:8px;font:500 17px/1.35 var(--texto)}
.fx-acao{margin-top:12px;font-size:14.5px;color:#5A2410;display:grid;gap:8px;justify-items:start}
.js:not(.reduz) .fx-resp{opacity:0;transform:translateX(-10px);transition:opacity .6s var(--ease) 3.2s,transform .6s var(--ease) 3.2s}
.js:not(.reduz) .fluxo.go .fx-resp{opacity:1;transform:none}

/* 03 · folha de ponto */
.ponto{width:100%;border-collapse:collapse;border-top:3px double var(--tinta);border-bottom:3px double var(--tinta)}
.ponto thead th{font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta2);text-align:left;padding:14px 16px 12px 0;border-bottom:1px solid var(--linha2)}
.ponto tbody th{text-align:left;vertical-align:top;padding:18px 16px 18px 0;font:450 22px/1.15 var(--display);font-variation-settings:"opsz" 48;width:20%;white-space:nowrap}
.ponto th small{display:block;margin-top:4px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--salvia)}
.p-novo th small{color:var(--terra)}
.ponto td{padding:18px 16px 18px 0;vertical-align:middle;color:var(--tinta2);font-size:15.5px}
.ponto td:last-child{width:40%;padding-right:0}
.ponto tbody tr{border-bottom:1px solid var(--linha)}
.ponto tbody tr:last-child{border-bottom:0}
.ponto-escala{position:relative;display:block;height:14px}
.ponto-escala span{position:absolute;translate:-50% 0}
.ponto-escala span:nth-child(1){left:0;translate:0}.ponto-escala span:nth-child(2){left:25%}.ponto-escala span:nth-child(3){left:50%}.ponto-escala span:nth-child(4){left:75%}.ponto-escala span:nth-child(5){left:100%;translate:-100% 0}
.trilha{position:relative;display:block;height:26px;background:linear-gradient(90deg,transparent calc(25% - .5px),var(--linha) calc(25% - .5px) calc(25% + .5px),transparent 0,transparent calc(50% - .5px),var(--linha) 0 calc(50% + .5px),transparent 0,transparent calc(75% - .5px),var(--linha) 0 calc(75% + .5px),transparent 0)}
.trilha::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--linha2)}
.trilha i{position:absolute;top:50%;left:calc(var(--h) * 1%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--terra);box-shadow:0 0 0 3px var(--papel)}
.trilha i.t-cont{left:calc(var(--a) * 1%);width:calc((var(--b) - var(--a)) * 1%);height:4px;margin:-2px 0 0;border-radius:4px;background:var(--neural-esc);box-shadow:none}
.trilha i.t-fraco{background:var(--linha2)}
.trilha i.t-novo{background:repeating-linear-gradient(90deg,var(--terra) 0 6px,transparent 6px 10px)}
.p-orq th{color:var(--neural-esc)}

/* 04 · canais */
.canais{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.canal{position:relative;display:flex;flex-direction:column;gap:8px;min-height:320px;padding:24px;border-radius:26px;border:1px solid var(--linha);background:var(--cartao);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.canal::before{content:"";position:absolute;inset:0 0 auto;height:55%;z-index:0;opacity:.9}
.canal>*{position:relative;z-index:1}
.c-manha::before{background:linear-gradient(180deg,#FCE3C7,transparent)}
.c-tarde::before{background:linear-gradient(180deg,#D8EAF7,transparent)}
.c-fim::before{background:linear-gradient(180deg,#F7D6C6,transparent)}
.c-web::before{background:linear-gradient(180deg,#DDEFEA,transparent)}
@media (hover:hover){.canal:hover{transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(31,26,23,.4)}}
.canal-q{font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta2)}
.canal-ic{width:40px;height:40px;margin-top:14px;fill:none;stroke:var(--tinta);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.canal h3{font:400 32px/1.05 var(--display);letter-spacing:-.02em;margin-top:6px}
.canal p{color:var(--tinta2);font-size:15.5px}
.canal .canal-diz{margin-top:auto;padding:11px 14px;border-radius:16px 16px 16px 5px;background:var(--papel);border:1px solid var(--linha);font:400 italic 16px/1.35 var(--display);color:var(--tinta)}
.canais-mem{margin-top:26px;text-align:center;color:var(--tinta2);font-size:17px}
.canais-mem b{color:var(--tinta)}

/* 05 · segurança */
.seg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,96px);align-items:center}
.verbos{display:flex;flex-wrap:wrap;gap:0 .5em;margin-top:28px;font:300 italic clamp(34px,4.4vw,62px)/1.08 var(--display);letter-spacing:-.03em;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;color:var(--tinta)}
.verbos li{display:inline-flex;align-items:baseline}
.verbos li:not(:last-child)::after{content:"";display:inline-block;width:.16em;height:.16em;margin-left:.5em;border-radius:50%;background:var(--terra);transform:translateY(-.2em)}
.principios{margin-top:30px;border-top:1px solid var(--linha2)}
.principios li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--linha2);color:var(--tinta2);font-size:16px}
.principios b{color:var(--tinta)}
.principios .ic{width:26px;height:26px;margin-top:1px;color:var(--terra)}
.mk-registro{margin:0;background:var(--tinta);border-color:#35302B;color:#EDE6DA;padding:18px 20px 20px;transform:perspective(1100px) rotateY(-6deg) rotateX(3deg);box-shadow:0 60px 90px -40px rgba(31,26,23,.6),0 20px 30px -20px rgba(31,26,23,.5)}
.mk-registro .mk-top{color:#B9AFA1;border-color:#35302B}
.reg li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid #332E29;font-size:12.5px;line-height:1.55;color:#CFC6B8}
.reg li:last-child{border-bottom:0}
.reg span{color:var(--neural)}
.reg b{font-weight:500;color:#FBF7F0}
.reg em{color:var(--terra-luz);font-style:normal}

/* 06 · cardápio */
.cardapio{max-width:900px;margin:auto;padding:12px;background:var(--cartao);border-radius:8px;box-shadow:0 2px 0 var(--linha),0 50px 90px -50px rgba(31,26,23,.5),0 20px 40px -30px rgba(31,26,23,.35);transform:rotate(-.5deg);
  background-image:radial-gradient(120% 80% at 0 0,rgba(201,138,27,.06),transparent 60%),radial-gradient(120% 80% at 100% 100%,rgba(180,68,31,.05),transparent 60%)}
.cardapio-in{border:3px double var(--linha2);border-radius:4px;padding:clamp(32px,5vw,60px) clamp(18px,5vw,64px)}
.cd-orn{text-align:center;font:500 12px var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--terra)}
.cd-t{margin-top:10px;text-align:center;font:360 italic clamp(34px,3.6vw,48px)/1 var(--display);font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}
.cd-sub{margin-top:12px;text-align:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta2)}
.cd-lista{margin-top:30px}
.cd-it{display:grid;grid-template-columns:minmax(0,auto) minmax(24px,1fr) auto;column-gap:14px;align-items:baseline;padding:20px 0;border-bottom:1px dashed var(--linha2)}
.cd-it:last-child{border-bottom:0}
.cd-it dt{font:420 clamp(26px,2.6vw,34px)/1.05 var(--display);letter-spacing:-.02em;font-variation-settings:"opsz" 72}
.cd-it dt small{display:block;margin-top:8px;max-width:44ch;font:400 15px/1.5 var(--texto);letter-spacing:0;color:var(--tinta2)}
.cd-it dd{display:contents}
.cd-pts{align-self:baseline;border-bottom:2px dotted var(--linha2);transform:translateY(-7px)}
.cd-p{font:420 clamp(26px,2.6vw,34px)/1 var(--display);letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.cd-p small{font:500 14px var(--texto);letter-spacing:0;color:var(--tinta2)}
.cd-sob{font-size:clamp(20px,2vw,26px);font-style:italic}
.cd-pro{position:relative;margin:0 -18px;padding:22px 18px;background:#F8EFE2;border-radius:14px;border-bottom-color:transparent}
.cd-selo{display:inline-block;vertical-align:.35em;margin-left:8px;font:700 11px/1 var(--texto);letter-spacing:.12em;text-transform:uppercase;background:var(--terra);color:#fff;padding:6px 10px;border-radius:999px}
.cd-nota{margin-top:26px;text-align:center;color:var(--tinta2);font-size:15px}
.cd-cta{display:flex;justify-content:center;margin-top:22px}

/* ════════════ final (noite) ════════════ */
.final{position:relative;overflow:hidden;margin-top:-36px;border-radius:36px 36px 0 0;z-index:3;padding:clamp(110px,14vw,190px) 0 clamp(100px,12vw,160px);text-align:center;color:#F6EFE3;
  background:radial-gradient(70% 50% at 50% 100%,rgba(90,70,160,.45),transparent 70%),linear-gradient(180deg,#04060F 0%,#0A0F2A 55%,#1A1D48 100%)}
.final-estrelas{position:absolute;inset:0;opacity:.8;background-image:
  radial-gradient(1.5px 1.5px at 8% 18%,#fff,transparent),radial-gradient(1px 1px at 22% 8%,#fff,transparent),radial-gradient(1.5px 1.5px at 37% 30%,#fff,transparent),radial-gradient(1px 1px at 55% 12%,#fff,transparent),radial-gradient(1.5px 1.5px at 71% 26%,#fff,transparent),radial-gradient(1px 1px at 86% 10%,#fff,transparent),radial-gradient(1px 1px at 93% 38%,#fff,transparent),radial-gradient(1px 1px at 14% 46%,#fff,transparent),radial-gradient(1.5px 1.5px at 64% 50%,#fff,transparent),radial-gradient(1px 1px at 44% 62%,#fff,transparent)}
.final-in{position:relative}
.final-marca{position:relative;width:150px;margin:0 auto 26px}
.final-marca img{position:relative;width:150px;height:auto}
.final-halo{position:absolute;inset:-60%;border-radius:50%;background:radial-gradient(closest-side,rgba(19,228,195,.35),transparent 70%)}
@media (prefers-reduced-motion:no-preference){.final-halo{animation:respira 4s ease-in-out infinite}}
@keyframes respira{50%{opacity:.55;transform:scale(.9)}}
.final .sobre{justify-content:center}
.final h2{color:#FBF7F0;max-width:14ch;margin-inline:auto;font-size:clamp(46px,7.4vw,112px)}
.final h2 em{font-style:italic;font-weight:300;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;background:linear-gradient(100deg,#FFE3C2,#F7A77A 50%,#F07F55);-webkit-background-clip:text;background-clip:text;color:transparent}
.final-lede{max-width:36rem;margin:22px auto 0;font-size:clamp(17px,1.4vw,20px);color:#D9D3E6}
.final-cta{justify-content:center}

.rodape{background:#04060F;color:#C9C3D8;padding:48px 0 calc(40px + env(safe-area-inset-bottom));font-size:14.5px}
.rodape-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px 32px;align-items:center}
.rodape img{height:46px;width:auto}
.rodape-lk{display:flex;gap:4px 18px;flex-wrap:wrap}
.rodape-lk a{display:inline-flex;align-items:center;min-height:44px;color:#F6EFE3;font-weight:600;text-underline-offset:4px}
.rodape-c{grid-column:1/-1;font-size:12px;color:#A9A2B9;border-top:1px solid #1C2036;padding-top:18px}

/* ════════════ responsivo ════════════ */
@media (max-width:1200px) and (min-width:901px){
  .cerebro-caixa{height:50svh;top:16svh}
  .cap-cartao{width:min(460px,40vw)}
  .cap .mock{margin-right:-24px}
}
@media (max-width:1100px){
  .topo-nav{display:none}
  .fluxo{grid-template-columns:minmax(0,1fr) 36px auto 44px minmax(0,1.3fr);row-gap:20px}
  .fx-con-3{display:none}
  .fx-resp{grid-column:1/-1}
  .canais{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  /* palco: cérebro em cima, capítulos passam por baixo */
  .cerebro-caixa{right:auto;left:50%;translate:-50% 0;top:max(92px,12svh);height:34svh}
  .fachada{height:16svh}
  .hero{align-items:flex-end;padding:48svh var(--gut) calc(16svh + 28px)}
  .hero-in{max-width:40rem}
  .rolar{bottom:28px}
  .cap{align-items:flex-end;padding:52svh 16px 120px}
  .cap-cartao{width:100%;max-width:560px;margin-inline:auto;padding:24px 20px 24px}
  .mock{margin-right:0;transform:perspective(900px) rotateX(2deg)}
  .cap .mock{animation-name:inclina-m}
  .ag{font-size:11px;padding:7px 9px}
  .painel{grid-template-columns:auto minmax(0,1fr);padding:8px 12px 6px 8px;border-radius:20px}
  .painel-selo{display:none}
  .trilho{grid-column:1/-1;height:52px}
  .relogio{flex-direction:row;align-items:baseline;gap:10px;justify-self:end}
  .relogio span{font-size:26px}
  .seg{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .fluxo{grid-template-columns:minmax(0,1fr);row-gap:0}
  .fx-con{display:none}
  .fx,.fx-eq{position:relative}
  .fx-ob{justify-self:center;margin:24px 0}
  .fx-perg{text-align:center}
  .fx-eq{margin-bottom:24px;gap:10px;grid-template-rows:none}
  .fx-eq li{padding:0}
  .fx-ob::before,.fx-eq::before,.fx-resp::before{content:"";position:absolute;left:50%;top:-24px;height:24px;border-left:2px dotted var(--linha2)}
  .ponto thead{display:none}
  .ponto,.ponto tbody,.ponto tr,.ponto th,.ponto td{display:block;width:auto!important}
  .ponto tbody tr{padding:16px 0}
  .ponto tbody th,.ponto td{padding:0;white-space:normal}
  .ponto td{margin-top:6px}
  .ponto td:last-child{margin-top:12px}
  .canais{grid-template-columns:minmax(0,1fr)}
  .canal{min-height:0}
  .cd-it{display:block;position:relative}
  .cd-it dt{padding-right:0}
  .cd-p{position:absolute;right:0;top:22px}
  .cd-pro .cd-p{right:10px}
  .cd-pts{display:none}
  .cd-pro{margin:0 -10px;padding:20px 10px}
  .rodape-in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .so-largo{display:none}
  .topo{top:8px;left:8px;right:8px}
  .topo-in{height:56px;padding:0 6px 0 12px;gap:8px}
  .marca img{height:32px}
  .lnk-entrar{padding:0 10px}
  .hero-t{font-size:clamp(48px,14.5vw,72px)}
  .hero-cta .bt{width:100%}
  .cap-hora{font-size:64px}
  .mock{padding:12px 13px 14px}
  .sq{grid-template-columns:minmax(0,1fr)}
  .carimbo{top:40px;right:10px}
  .ag{font-size:10px;padding:6px 8px;letter-spacing:.04em}
  .ag::before{display:none}
  .cardapio{transform:none;padding:8px}
}
@media (max-width:380px){
  .lnk-entrar{padding:0 8px;font-size:14px}
  .bt-p{padding:0 14px}
}

/* ════════════ movimento reduzido ════════════ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}
  .mock,.mk-registro,.cardapio{transform:none!important}
  .bt{will-change:auto}
}