/* Skill Buddies · Playground · temporada de Halloween (clima C "Abóbora acesa")
   Tokens herdados do DESIGN DNA (03-marca/ID-VISUAL-Halloween-Playground-V1.html).
   Troca de temporada (01/11): só as variáveis de --casca-* e a camada de morcegos. */


:root{
  --casca-1:#FF9128;            /* casca da abóbora perto da vela: domina a página da criança */
  --casca-2:#EA7612;            /* a mesma casca longe da chama */
  --noite:#140D36;              /* veludo: tarja, rodapé, conquista e área do adulto */
  --noite-2:#22195C;
  --noite-3:#2E2378;            /* morro roxo e morcegos */
  --lua:#FFF3D6;                /* papel de lanterna aceso: base clara dos Buddies */
  --lua-borda:#F3D9A2;
  --quadro:rgba(255,243,214,.94); /* quadro branco quase sólido: casa do texto pequeno */
  --lanterna:#FF8A1F;           /* acento: destaque no título e CTA da noite */
  --lanterna-fundo:#B9530C;
  --tinta:#2A1205;              /* casca queimada: texto sobre claro (16:1) */
  --tinta-2:#4A1F06;
  --milo:#02ACED; --milo-royal:#202AB3; --milo-sombra:#121A7A; /* CTA principal: azul do Milo */
  --nami:#FABD05; --nami-fundo:#B8860B;
  --claro:#F2EEFF; --claro-2:#C9C2EC;  /* texto sobre a noite, nunca branco puro */
  --sombra-rgb:9,5,34;          /* sombra violeta, nunca preta */
  --excon:Excon,"Trebuchet MS","Arial Rounded MT Bold",sans-serif;
  --texto:"Nunito Sans","Segoe UI",Tahoma,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);  /* um easing só, o do DNA */
  --ease-lp:cubic-bezier(.16,1,.3,1);  /* botões e idioma: curva copiada da lp-launch (pedido do designer da marca) */
  --dur-micro:180ms; --dur-reveal:620ms;
  --r-a:22px;                   /* contêineres */
  --r-b:16px;                   /* controles */
  --toque:56px;                 /* alvo de toque infantil */
  --tarja:68px;
  --morcegos:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='260'><defs><g id='b'><path d='M24 20C18 10 8 8 2 14c4 2 6 6 5 10 4-2 7 0 8 4 3-3 6-3 9-1zM40 20c6-10 16-12 22-6-4 2-6 6-5 10-4-2-7 0-8 4-3-3-6-3-9-1zM25 15l1-8 4 6zM39 15l-1-8-4 6z' fill='%232E2378'/><ellipse cx='32' cy='21' rx='9' ry='9' fill='%232E2378'/><circle cx='28.6' cy='19' r='1.9' fill='%23FFF3D6'/><circle cx='35.4' cy='19' r='1.9' fill='%23FFF3D6'/><path d='M28.6 24q3.4 3.4 6.8 0' stroke='%23FFF3D6' stroke-width='1.6' fill='none' stroke-linecap='round'/></g></defs><use href='%23b' transform='translate(30 40) rotate(-8 32 20)'/><use href='%23b' transform='translate(196 112) scale(.7)'/><use href='%23b' transform='translate(92 188) scale(.85) rotate(10 32 20)'/></svg>");
  --estrelas:radial-gradient(1.6px 1.6px at 24px 30px,#FFF3D6 60%,transparent 62%),radial-gradient(1.2px 1.2px at 120px 64px,#F2EEFF 60%,transparent 62%),radial-gradient(2px 2px at 160px 150px,#FFE7A8 60%,transparent 62%),radial-gradient(1.1px 1.1px at 70px 180px,#C9C2EC 60%,transparent 62%);
  --grao:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
#portas{scroll-margin-top:var(--topo-h,72px)}
body{margin:0;font-family:var(--texto);font-weight:700;font-size:17px;line-height:1.5;color:var(--tinta);background:var(--casca-2);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100svh}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{margin:0;text-wrap:balance;font-family:var(--excon);font-weight:900;line-height:1.05}
p{margin:0;text-wrap:pretty}
a{color:inherit}
button{font:inherit;color:inherit}
::selection{background:var(--nami);color:var(--tinta)}
:focus-visible{outline:4px solid var(--milo);outline-offset:3px;border-radius:8px}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:min(1180px,100% - 2rem);margin-inline:auto}

/* ---------- título com contorno (gesto da marca) ---------- */
.doce{position:relative;display:inline-block;color:#FFFFFF;z-index:0;letter-spacing:-.01em;line-height:1.04}
.doce::before{content:attr(data-t);position:absolute;inset:0 0 auto 0;z-index:-1;color:var(--milo-royal);
  -webkit-text-stroke:.17em var(--milo-royal);paint-order:stroke}
.doce .hl{color:var(--nami)}
.doce--nami::before{color:var(--nami-fundo);-webkit-text-stroke-color:#7A4E00}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:var(--toque);padding:.7rem 1.6rem;border:0;border-radius:var(--r-b);
  font-family:var(--excon);font-weight:900;font-size:1.3rem;letter-spacing:.01em;text-decoration:none;cursor:pointer;
  background:var(--milo-royal);color:var(--claro);--degrau:var(--milo-sombra);
  box-shadow:0 5px 0 var(--degrau);
  transition:transform .16s var(--ease-lp),box-shadow .16s var(--ease-lp),filter .2s}
.btn:active{box-shadow:0 1px 0 var(--degrau);transition-duration:60ms;transform:translateY(4px)}
.btn[disabled]{filter:saturate(.4);opacity:.7;cursor:not-allowed}
.btn--lanterna{background:var(--lanterna);color:var(--tinta);--degrau:var(--lanterna-fundo);box-shadow:0 5px 0 var(--degrau)}
.btn--ciano{background:var(--milo);color:#05203A;--degrau:#0B6E9C;box-shadow:0 5px 0 var(--degrau)}
.btn--claro{background:var(--lua);color:var(--tinta);--degrau:var(--lua-borda);box-shadow:0 5px 0 var(--degrau)}
.btn--claro:active{box-shadow:0 1px 0 var(--degrau)}
.btn svg{width:1.2em;height:1.2em;flex:none}
@media (hover:hover){
  .btn:hover{box-shadow:0 7px 0 var(--degrau);filter:brightness(1.04);transform:translateY(-2px)}
  .btn:active{box-shadow:0 1px 0 var(--degrau);transform:translateY(4px)}
}
@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover,.btn:active{transform:none}}

/* ---------- tarja ---------- */
.tarja{position:sticky;top:0;z-index:40;background:var(--noite);color:var(--claro);padding-top:env(safe-area-inset-top);
  box-shadow:0 8px 24px rgba(var(--sombra-rgb),.28)}
.tarja .wrap{display:flex;align-items:center;gap:.6rem;min-height:var(--tarja)}
.tarja__logo{display:flex;align-items:center;background:var(--lua);border-radius:12px;padding:.35rem .55rem;margin-right:auto;min-height:44px}
.tarja__logo img{width:96px;height:auto}
.tarja__adulto{white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem;min-height:var(--toque);padding:0 .5rem;font-size:.95rem;font-weight:800;text-decoration:none;color:var(--claro);border-radius:12px;transition:background-color var(--dur-micro) var(--ease)}
.tarja__adulto svg{width:20px;height:20px;flex:none}
.tarja__voltar{display:inline-flex;align-items:center;gap:.35rem;min-height:var(--toque);padding:0 .6rem 0 .3rem;font-weight:800;text-decoration:none;color:var(--claro);border-radius:12px;margin-right:.2rem;transition:background-color var(--dur-micro) var(--ease)}
.tarja__voltar svg{width:26px;height:26px}
@media (hover:hover){.tarja__adulto:hover,.tarja__voltar:hover{background:rgba(242,238,255,.1)}}
.lingua{background:#e9edf2;border-radius:999px;padding:3px;display:inline-flex}
.lingua button{position:relative;letter-spacing:.06em;color:#424958;transition:color .2s var(--ease-lp),background-color .2s var(--ease-lp);border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 10px 6px 8px;font-family:var(--excon);font-size:11.5px;font-weight:700;line-height:16px;text-decoration:none;display:inline-flex;background:transparent;cursor:pointer}
.lingua button::after{content:"";position:absolute;inset:-8px 0}  /* alvo de toque de 44px sem mudar o desenho */
@media (hover:hover){.lingua button[aria-pressed="false"]:hover{color:#0f172a;background:#ffffff8c}}
.lingua svg{border-radius:3px;flex:none;width:20px;height:14px}
.lingua [aria-pressed="true"]{color:#0f172a;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.18)}
@media not all and (min-width:40rem){.lingua__sigla{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}

/* ---------- céu de abóbora (página da criança) ---------- */
.casca{position:relative;isolation:isolate;overflow:hidden;
  background:var(--casca-1)}
.casca::before{content:"";position:absolute;inset:-40px 0 0;z-index:-1;pointer-events:none;opacity:.5;background-image:var(--morcegos);background-size:300px 260px;animation:voo 40s linear infinite}
.casca::after,.veludo::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:var(--grao)}
@keyframes voo{to{background-position:300px -260px}}

/* ---------- noite de veludo ---------- */
.veludo{position:relative;isolation:isolate;color:var(--claro);
  background:var(--noite)}
.veludo::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.85;background-image:var(--estrelas);background-size:190px 210px}

/* placa de texto sobre o laranja: superfície, não botão */
.placa{background:var(--quadro);color:var(--tinta);border-radius:14px;padding:.55rem .95rem;width:fit-content;box-shadow:0 10px 30px rgba(122,46,0,.16);font-weight:800}

/* ---------- HOME · hero ---------- */
.hero{min-height:calc(min(100svh,900px) - var(--tarja));display:flex;flex-direction:column;justify-content:flex-start;padding:12px 0 76px}
.quadro{position:relative;z-index:2;width:min(100% - 24px,560px);margin-inline:auto;background:var(--quadro);border-radius:var(--r-a);
  box-shadow:0 18px 44px rgba(122,46,0,.18),0 2px 0 rgba(255,255,255,.6) inset;padding:16px 18px 18px;text-align:center}
.quadro__marca{width:150px;margin:0 auto}
.quadro__arte{position:relative;margin:2px auto 12px;width:min(100%,262px)} /* 22/10: maior no celular, 12px de respiro até o selo */
.quadro__selo{display:flex;align-items:center;gap:8px;width:fit-content;margin:0 auto 6px;padding:5px 14px 5px 7px;border-radius:12px;background:var(--lanterna);color:var(--tinta);font-family:var(--excon);font-weight:900;font-size:1.02rem;line-height:1.1;box-shadow:0 6px 14px rgba(122,46,0,.18)} /* selo de temporada: tinta sobre lanterna 7,7:1 */
.quadro__selo img{width:30px;height:auto;flex:none}
.quadro__arte img{width:100%;height:auto;filter:drop-shadow(0 14px 14px rgba(122,46,0,.22))}
.quadro h1{font-size:clamp(1.9rem,8.4vw,2.45rem);margin-top:4px}
.quadro__sub{margin:12px auto 0;font-size:1.06rem;font-weight:800;line-height:1.38;max-width:30ch;color:var(--tinta)}
.quadro .btn{width:100%;max-width:420px;margin-top:16px;font-size:1.45rem;min-height:62px}
.quadro__adulto{margin:14px auto 0;font-size:1rem;font-weight:700;color:var(--tinta-2);max-width:32ch;line-height:1.35}
.morro{position:absolute;left:0;right:0;bottom:-1px;z-index:1;width:100%;height:110px;color:var(--noite-3);pointer-events:none}
.hero__ab{position:absolute;z-index:3;bottom:14px;width:64px;height:auto;filter:drop-shadow(0 8px 8px rgba(var(--sombra-rgb),.35))}
.hero__ab--1{left:10px}
.hero__ab--2{right:12px;width:46px;bottom:22px}
.morcego{position:absolute;z-index:1;width:64px;height:auto;pointer-events:none;will-change:transform}
.morcego img{width:100%;height:auto;animation:paira 6s var(--ease) infinite alternate}
.morcego--1{top:6%;left:-12px}
.morcego--2{top:40%;right:-10px;width:52px}
.morcego--2 img{animation-duration:7.5s;animation-delay:-2s}
.morcego--3{display:none}
@keyframes paira{from{transform:translateY(-8px) rotate(-6deg)}to{transform:translateY(10px) rotate(5deg)}}

@media (min-width:700px){
  .quadro{width:min(100% - 64px,680px);padding:24px 36px 26px}
  .quadro__arte{width:260px}
  .quadro h1{font-size:3rem}
  .morcego{width:96px}.morcego--3{display:block;top:68%;left:5%;width:70px}
  .hero__ab{width:96px}.hero__ab--2{width:70px}
  .morro{height:150px}
}
@media (min-width:1024px){
  .hero{justify-content:center;padding:28px 0 96px}
  .quadro{width:min(100% - 200px,1240px);display:grid;grid-template-columns:minmax(0,600px) 1fr;grid-template-rows:auto auto auto auto auto auto 1fr;column-gap:40px;text-align:left;padding:36px 0 40px 56px;overflow:visible}
  .quadro>*{grid-column:1}
  .quadro__marca{margin:0;width:190px}
  .quadro h1{font-size:clamp(3rem,4.3vw,4.1rem);margin-top:12px}
  .quadro__sub{margin-left:0;font-size:1.3rem;max-width:34ch}
  .quadro .btn{width:auto;min-width:300px;margin-top:26px}
  .quadro__adulto{margin-left:0;font-size:1.1rem;max-width:46ch}
  .quadro__arte{grid-column:2;grid-row:1 / -1;width:auto;align-self:center;margin:0 44px 0 0} /* 22/10: Milo e Nami dentro do quadro */
  .quadro__arte img{width:100%;max-width:470px;margin-left:auto}
  .quadro__selo{margin:22px 0 0;font-size:1.15rem}
  .quadro__selo img{width:32px}
  .morcego--1{top:9%;left:3%}.morcego--2{top:20%;right:2%}
}

/* ---------- HOME · portas ---------- */
.portas{position:relative;background:var(--noite-3);color:var(--claro);padding:12px 0 64px;isolation:isolate}
.portas::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;background-image:var(--estrelas);background-size:190px 210px}
.portas__grade{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;align-items:end}
.porta{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-height:200px;padding:20px 10px 16px;
  text-decoration:none;text-align:center;border-radius:999px 999px var(--r-a) var(--r-a);
  box-shadow:0 10px 0 rgba(var(--sombra-rgb),.35),0 20px 34px rgba(var(--sombra-rgb),.35),inset 0 -10px 0 rgba(0,0,0,.08);
  transition:transform var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease)}
.porta::after{content:"";position:absolute;inset:10px 10px auto;height:62%;border-radius:999px 999px 40px 40px;background:radial-gradient(60% 60% at 50% 55%,rgba(255,236,190,.55),transparent 70%);opacity:.7;z-index:0;transition:opacity var(--dur-micro) var(--ease),transform var(--dur-micro) var(--ease)}
.porta img{position:relative;z-index:1;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(var(--sombra-rgb),.35));transition:transform 320ms var(--ease)}
.porta__nome{position:relative;z-index:1;font-family:var(--excon);font-weight:900;font-size:1.32rem;line-height:1.05;text-wrap:balance}
.porta__selo{position:absolute;z-index:2;top:46%;right:22%;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--lua);color:var(--milo-royal);box-shadow:0 4px 0 var(--lua-borda)}
.porta__selo svg{width:20px;height:20px}
.porta--jogos{background:#BFAEF8;color:var(--milo-sombra)}
.porta--episodios{background:#0B6FB0;color:#FFFFFF}
.porta--colorir{background:#FFEFD2;color:var(--milo-royal)}
.porta--conheca{grid-column:1 / -1;flex-direction:row;justify-content:space-between;min-height:150px;padding:12px 22px 12px 14px;border-radius:120px 120px var(--r-a) var(--r-a);background:#F7892D;color:var(--tinta)}
.porta--conheca img{width:54%;height:auto;max-width:250px;margin-top:-18px;object-fit:contain}
.porta--conheca .porta__nome{font-size:1.4rem;text-align:left;max-width:9ch;color:var(--milo-sombra)}
.porta:active{transform:translateY(6px)}
@media (hover:hover){
  .porta:hover{transform:translateY(-4px)}
  .porta:hover img{transform:translateY(-8px) rotate(-4deg) scale(1.05)}
  .porta:hover::after{opacity:1;transform:scale(1.08)}
}
@media (min-width:700px){
  .portas__grade{grid-template-columns:repeat(3,1fr);gap:22px}
  .porta{min-height:260px}
  .porta img{width:150px;height:150px}
  .porta__nome{font-size:1.6rem}
  .porta--conheca{min-height:190px;padding:14px 40px}
  .porta--conheca img{max-width:340px}
  .porta--conheca .porta__nome{font-size:2rem;max-width:12ch}
}
@media (min-width:1024px){
  .portas__grade{grid-template-columns:1fr 1fr 1fr 1.5fr;align-items:end}
  .porta--conheca{grid-column:auto;flex-direction:column;min-height:330px;border-radius:999px 999px var(--r-a) var(--r-a);padding:20px}
  .porta--conheca img{width:100%;margin-top:0}
  .porta--conheca .porta__nome{text-align:center;max-width:none}
  .porta--jogos{min-height:300px}
}

/* ---------- HOME · faixa "um Buddy como você" ---------- */
.eco{position:relative;isolation:isolate;background:var(--lua);padding:64px 0 56px;overflow:hidden}
.eco::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.05;mix-blend-mode:multiply;background-image:var(--grao)}
.eco__grade{display:grid;gap:20px;align-items:center}
.eco__arte{display:flex;justify-content:center;align-items:flex-end;gap:0}
.eco__arte img{width:48%;max-width:300px;height:auto}
.eco__arte img:last-child{margin-left:-10%;transform:translateY(8px)}
.eco h2{font-size:clamp(2rem,8vw,3.6rem);text-align:center}
.eco .btn{margin:22px auto 0;display:flex;width:fit-content}
@media (min-width:1024px){
  .eco{padding:90px 0 40px}
  .eco h2{font-size:4.2rem}
  .eco__arte{order:2;margin-top:10px}
  .eco__arte img{max-width:340px}
  .eco__grade>div:not(.eco__arte){text-align:center}
}

/* ---------- rodapé ---------- */
.rodape{position:relative;padding:30px 0 calc(20px + env(safe-area-inset-bottom));font-size:.92rem;text-align:center;background:var(--noite);color:#FFFFFF}
.rodape__pilha{display:flex;flex-direction:column;align-items:center}
.rodape__logo{width:170px;height:auto}
.rodape__slogan{margin-top:12px;font-family:var(--excon);font-weight:900;font-size:clamp(.9rem,3.9vw,1.15rem);line-height:1.2;color:#FFFFFF;white-space:nowrap}
.rodape__siga{margin-top:18px;font-weight:800;font-size:.95rem;color:var(--claro-2)}
.redes{display:flex;justify-content:center;gap:10px;list-style:none;margin:8px 0 0;padding:0}
.redes a{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r-b);background:rgba(255,255,255,.08);color:#FFFFFF;transition:transform var(--dur-micro) var(--ease),background-color var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease)}
.redes svg{width:22px;height:22px}
@media (hover:hover){.redes a:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}}
.rodape__links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 4px;list-style:none;margin:14px 0 0;padding:0}
.rodape__links li+li::before{content:"·";color:var(--claro-2);margin-right:4px}
.rodape__links a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:#FFFFFF;font-weight:700;text-decoration:none;transition:color var(--dur-micro) var(--ease)}
@media (hover:hover){.rodape__links a:hover{color:var(--nami);text-decoration:underline;text-underline-offset:4px}}
.rodape__copy{color:var(--claro-2);font-weight:600;font-size:.82rem;margin-top:2px}

/* ---------- cabeçalho de página interna ---------- */
.cabeca{padding:28px 0 18px;text-align:center}
.cabeca h1{font-size:clamp(2.6rem,11vw,4.6rem)}

/* ---------- JOGOS ---------- */
.jogos{padding:6px 0 90px}
.jogos__grade{display:grid;gap:22px;max-width:1080px;margin-inline:auto}
.jogo{position:relative;display:grid;grid-template-columns:44% 1fr;align-items:center;gap:6px;min-height:170px;padding:12px 16px 12px 6px;border-radius:var(--r-a);text-decoration:none;color:var(--tinta);
  background:var(--quadro);box-shadow:0 16px 36px rgba(122,46,0,.2);border:0;font:inherit;text-align:left;cursor:pointer;width:100%;
  transition:transform var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease)}
.jogo__arte{position:relative;height:150px}
.jogo__arte img{position:absolute;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(122,46,0,.25))}
.jogo__arte .enfeite{rotate:var(--r,0deg);filter:drop-shadow(0 4px 4px rgba(122,46,0,.22))}
.jogo__nome{font-family:var(--excon);font-weight:900;font-size:1.32rem;line-height:1.08;color:var(--milo-royal)}
.jogo__linha{margin-top:6px;font-size:1rem;font-weight:800;line-height:1.35}
.jogo__acao{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;width:var(--toque);height:var(--toque);border-radius:50%;background:var(--milo-royal);color:var(--claro);box-shadow:0 5px 0 var(--milo-sombra)}
.jogo__acao svg{width:26px;height:26px;margin-left:3px}
.jogo--livre{grid-template-columns:48% 1fr;min-height:230px;transform:rotate(-1.2deg);background:var(--lua)}
.jogo--livre .jogo__arte{height:220px}
.jogo--livre .jogo__nome{font-size:1.7rem}
.jogo--trancado{color:var(--claro);background:var(--noite-2);box-shadow:0 16px 36px rgba(var(--sombra-rgb),.35)}
.jogo--trancado .jogo__nome{color:var(--lua)}
.jogo--trancado .jogo__arte img{filter:drop-shadow(0 10px 10px rgba(0,0,0,.35)) saturate(.85)}
.cadeado{display:inline-flex;align-items:center;gap:.55rem;margin-top:12px;min-height:var(--toque);padding:.35rem 1rem .35rem .4rem;border-radius:var(--r-b);background:var(--lua);color:var(--tinta);font-weight:800;font-size:.98rem;line-height:1.2;box-shadow:0 5px 0 var(--lua-borda)}
.cadeado svg{width:40px;height:40px;flex:none;padding:8px;border-radius:12px;background:var(--nami);color:var(--tinta)}
.jogo:active{transform:translateY(4px)}
@media (hover:hover){
  .jogo:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(122,46,0,.26)}
  .jogo--livre:hover{transform:rotate(0deg) translateY(-4px)}
  .jogo:hover .jogo__arte img{transform:translateY(-6px)}
  .jogo__arte img{transition:transform 320ms var(--ease)}
}
.jogos.livre .jogo--trancado .cadeado{display:none}
@media (min-width:820px){
  .jogos__grade{grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:26px}
  .jogo--livre{grid-row:1 / span 2;grid-template-columns:1fr;grid-template-rows:auto auto;padding:20px 26px 30px;text-align:center;justify-items:center}
  .jogo--livre .jogo__arte{height:300px;width:100%}
  .jogo--livre .jogo__nome{font-size:2.2rem}
}

/* ---------- celebração (conquista na noite de veludo) ---------- */
.festa{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;overflow:hidden}
.festa__fundo{position:absolute;inset:0;background:radial-gradient(70% 50% at 50% 40%,rgba(255,200,110,.3),transparent 70%),rgba(12,8,40,.88)}
.festa__palco{position:relative;text-align:center;color:var(--claro);max-width:520px}
.festa__duo{display:flex;justify-content:center;align-items:flex-end;margin-bottom:10px}
.festa__duo img{width:46%;max-width:220px;animation:pulo 900ms var(--ease) both}
.festa__duo img:last-child{animation-delay:120ms}
@keyframes pulo{0%{opacity:0;transform:translateY(40px) scale(.8)}60%{opacity:1;transform:translateY(-12px) scale(1.04)}100%{transform:none}}
.festa__msg{font-size:1.2rem;font-weight:800;line-height:1.4;margin:0 auto 18px;max-width:34ch}
.confete{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.confete i{position:absolute;top:-24px;width:10px;height:16px;border-radius:3px;opacity:0;animation:cai var(--d,2.6s) var(--ease) var(--a,0s) forwards}
.confete i.est{width:18px;height:18px;border-radius:0;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
@keyframes cai{0%{opacity:1;transform:translate3d(0,0,0) rotate(0)}100%{opacity:.9;transform:translate3d(var(--x,0),110vh,0) rotate(var(--r,540deg))}}

/* ---------- porta do adulto (diálogo) ---------- */
.portao{width:min(100% - 20px,520px);max-height:calc(100svh - 20px);border:0;padding:0;border-radius:var(--r-a);color:var(--claro);overflow:auto;
  background:var(--noite);
  box-shadow:0 30px 80px rgba(var(--sombra-rgb),.6)}
.portao::backdrop{background:rgba(12,8,40,.78);backdrop-filter:blur(6px)}
.portao[open]{animation:sobe 420ms var(--ease)}
@keyframes sobe{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.portao__corpo{position:relative;padding:64px 22px 26px}
.portao__fechar{position:absolute;top:10px;right:10px;width:var(--toque);height:var(--toque);border:0;border-radius:var(--r-b);background:rgba(242,238,255,.1);color:var(--claro);cursor:pointer;display:grid;place-items:center;transition:background-color var(--dur-micro) var(--ease)}
.portao__fechar svg{width:24px;height:24px}
@media (hover:hover){.portao__fechar:hover{background:rgba(242,238,255,.2)}}
.portao h2{font-size:clamp(1.7rem,6.4vw,2.2rem);color:var(--lua);padding-right:56px}
.portao p{margin-top:10px;color:var(--claro);font-weight:700}
.segure{display:grid;place-items:center;margin:26px auto 6px;position:relative;width:180px;height:180px}
.segure svg.anel{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.segure .trilho{fill:none;stroke:rgba(242,238,255,.14);stroke-width:10}
.segure .progresso{fill:none;stroke:var(--nami);stroke-width:10;stroke-linecap:round;stroke-dasharray:502.65;stroke-dashoffset:502.65}
.segure button{position:relative;width:136px;height:136px;border-radius:50%;border:0;cursor:pointer;font-family:var(--excon);font-weight:900;font-size:1.5rem;
  background:var(--lanterna);color:var(--tinta);box-shadow:0 8px 0 var(--lanterna-fundo),0 18px 30px rgba(var(--sombra-rgb),.5);
  touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease)}
.segure button.pressionado{transform:translateY(6px) scale(.97);box-shadow:0 2px 0 var(--lanterna-fundo),0 8px 16px rgba(var(--sombra-rgb),.5)}
.form{display:grid;gap:14px;margin-top:18px}
.campo{display:grid;gap:6px}
.campo>span,.form legend{font-size:.95rem;font-weight:800;color:var(--claro)}
.campo input{min-height:var(--toque);padding:.7rem 1rem;border-radius:var(--r-b);border:2px solid rgba(242,238,255,.25);background:var(--lua);color:var(--tinta);font:inherit;font-weight:700;font-size:1.05rem;transition:border-color var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease)}
.campo input:focus-visible{outline:none;border-color:var(--milo);box-shadow:0 0 0 4px rgba(2,172,237,.35)}
.form fieldset{border:0;margin:0;padding:0;display:grid;gap:6px}
.opcoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opcoes label{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--toque);border-radius:var(--r-b);background:rgba(242,238,255,.08);box-shadow:inset 0 0 0 2px rgba(242,238,255,.2);cursor:pointer;font-weight:800;transition:background-color var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease)}
.opcoes input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.opcoes label:has(input:checked){background:var(--lua);color:var(--tinta);box-shadow:inset 0 0 0 2px var(--lua)}
.opcoes label:has(input:focus-visible){outline:4px solid var(--milo);outline-offset:2px}
.caixa{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;font-size:.97rem;font-weight:700;line-height:1.4;cursor:pointer;min-height:44px;padding:4px 0}
.caixa input{appearance:none;-webkit-appearance:none;width:32px;height:32px;margin:0;border-radius:10px;background:rgba(242,238,255,.08);box-shadow:inset 0 0 0 2px rgba(242,238,255,.45);cursor:pointer;display:grid;place-items:center;transition:background-color var(--dur-micro) var(--ease)}
.caixa input:checked{background:var(--nami);box-shadow:inset 0 0 0 2px var(--nami)}
.caixa input:checked::after{content:"";width:9px;height:16px;border:solid var(--tinta);border-width:0 4px 4px 0;transform:translateY(-2px) rotate(45deg)}
.form__aceite{font-size:.92rem;font-weight:600;color:var(--claro-2)}
.form__aceite a{color:var(--claro);text-underline-offset:3px}
.form .btn{width:100%;margin-top:4px}
.form__erro{color:#FFD2A8;font-weight:800;font-size:.95rem;min-height:1.2em}
.ok{text-align:center;padding-top:6px}
.ok__duo{display:flex;justify-content:center;align-items:flex-end;margin:4px auto 6px}
.ok__duo img{width:44%;max-width:170px;animation:pulo 900ms var(--ease) both}
.ok__duo img:last-child{animation-delay:120ms}
.ok p{font-size:1.12rem;font-weight:800;line-height:1.45}
.ok__acoes{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:18px}
.ok__duo .confete{z-index:1}

/* ---------- EPISÓDIOS ---------- */
.ep-destaque{padding:8px 0 40px}
.poster{position:relative;display:block;width:min(100%,340px);aspect-ratio:2/3;margin:0 auto;border-radius:var(--r-a);overflow:hidden;isolation:isolate;
  background:var(--noite-2);color:var(--claro);
  box-shadow:0 26px 60px rgba(var(--sombra-rgb),.5),0 6px 0 rgba(var(--sombra-rgb),.35)}
.poster__lua{position:absolute;top:7%;left:50%;width:58%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 36% 30%,#FFFCF0 0 34%,var(--lua) 62%,var(--lua-borda));box-shadow:0 0 50px 14px rgba(255,214,140,.32)}
.poster__arte{position:absolute;left:0;right:0;bottom:24%;display:flex;justify-content:center;align-items:flex-end}
.poster__arte img{width:52%;height:auto;filter:drop-shadow(0 14px 16px rgba(9,5,34,.5))}
.poster__arte img+img{margin-left:-12%}
.poster__rodape{position:absolute;inset:auto 0 0;padding:18px 16px 18px;background:linear-gradient(0deg,rgba(20,13,54,.95) 40%,transparent);text-align:center}
.selo{display:inline-block;padding:.3rem .7rem;border-radius:10px;background:var(--lanterna);color:var(--tinta);font-weight:900;font-size:.85rem;letter-spacing:.02em}
.poster__titulo{display:block;margin-top:8px;font-family:var(--excon);font-weight:900;font-size:1.6rem;line-height:1.05;color:var(--lua)}
.ep-destaque .btn{display:flex;width:min(100%,340px);margin:22px auto 0}
.fileira{padding:30px 0 70px}
.fileira h2{font-size:clamp(1.6rem,6vw,2.3rem);color:var(--lua);margin-bottom:16px}
.fileira__trilho{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 1rem 18px;margin:0 -1rem;scrollbar-width:none}
.fileira__trilho::-webkit-scrollbar{display:none}
.capa{flex:0 0 42%;max-width:200px;scroll-snap-align:start;border:0;padding:0;background:none;cursor:pointer;text-align:left;color:var(--claro);transition:transform var(--dur-micro) var(--ease)}
.capa .poster{width:100%;box-shadow:0 14px 30px rgba(var(--sombra-rgb),.5)}
.capa .poster__titulo{font-size:1.1rem}
.capa__num{position:absolute;left:8px;top:2px;font-family:var(--excon);font-weight:900;font-size:4.2rem;line-height:1;color:#FFFFFF;-webkit-text-stroke:3px var(--milo-royal);paint-order:stroke;z-index:2}
@media (hover:hover){.capa:hover{transform:translateY(-6px)}}
@media (min-width:820px){
  .ep-destaque .wrap{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center}
  .ep-destaque .poster{width:100%;max-width:400px}
  .capa{flex-basis:23%}
}
.player{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;border:0;padding:0;background:rgba(12,8,40,.94);color:var(--claro)}
.player[open]{display:grid;place-items:center}
.player__palco{position:relative;height:min(100svh - 140px,80vh);aspect-ratio:9/16;max-width:calc(100vw - 24px);border-radius:var(--r-a);overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.player__palco iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player__palco .poster{width:100%;height:100%;border-radius:0;box-shadow:none}
.player__barra{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px;padding-bottom:env(safe-area-inset-bottom)}
.player__barra .btn{font-size:1.05rem}

/* ---------- COLORIR ---------- */
.livro{padding:12px 0 56px}
.livro__grade{display:grid;gap:26px;align-items:center}
.livro__capa{position:relative;width:min(78%,330px);aspect-ratio:3/4;margin:10px auto 0;transform:rotate(-3deg);border-radius:6px var(--r-a) var(--r-a) 6px;background:var(--lua);color:var(--tinta);
  box-shadow:-10px 0 0 -2px #E9D8B0 inset,0 24px 50px rgba(122,46,0,.35),0 4px 0 rgba(122,46,0,.2);padding:18px 18px 0 30px;display:flex;flex-direction:column;overflow:hidden}
.livro__capa::before{content:"";position:absolute;left:12px;top:0;bottom:0;width:3px;background:repeating-linear-gradient(180deg,rgba(42,18,5,.25) 0 6px,transparent 6px 12px)}
.livro__capa b{font-family:var(--excon);font-weight:900;font-size:1.45rem;line-height:1.05;color:var(--milo-royal)}
.livro__capa img{margin-top:auto;width:100%;height:auto;filter:grayscale(1) contrast(1.6) brightness(1.15)}
.livro__capa .ico{position:absolute;width:62px;right:-8px;top:38%;transform:rotate(14deg)}
.livro__mock{display:block;width:min(70%,300px);height:auto;margin:6px auto 0;transform:rotate(-1.5deg);filter:drop-shadow(0 4px 5px rgba(42,18,5,.22)) drop-shadow(0 22px 26px rgba(122,46,0,.26))}
.livro__texto{display:grid;gap:12px;justify-items:center;text-align:center}
.livro__texto h2{font-size:clamp(1.9rem,7.4vw,3rem)}
.livro__texto .placa{font-size:1.08rem;max-width:40ch}
.livro__texto .btn{margin-top:8px}
@media (min-width:820px){
  .livro__grade{grid-template-columns:5fr 7fr;gap:56px}
  .livro__texto{justify-items:start;text-align:left}
  .livro__mock{width:100%;max-width:360px}
}
.soltos{padding:46px 0 80px}
.soltos__grade{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin-inline:auto}
.solto{display:grid;gap:10px;justify-items:center;text-align:center}
.solto__folha{position:relative;width:100%;aspect-ratio:3/4;background:#FFFDF6;border-radius:10px;box-shadow:0 14px 30px rgba(var(--sombra-rgb),.35);display:grid;place-items:center;padding:14px;overflow:hidden}
.solto:nth-child(1) .solto__folha{transform:rotate(-1.5deg)}
.solto:nth-child(2) .solto__folha{transform:rotate(1.5deg)}
.solto__folha img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.9) brightness(1.25)}
.solto__nome{font-family:var(--excon);font-weight:900;font-size:1.2rem;color:var(--lua)}
.solto .btn{font-size:1.05rem;min-width:140px}

/* ---------- PERSONAGENS ---------- */
.ficha{position:relative;isolation:isolate;overflow:hidden;padding:36px 0 56px}
.ficha--milo{--disco:#DDF4FF;--anel:#7FD6FF;--cor:var(--milo);background:#0A68A8;color:var(--claro)}
.ficha--nami{--disco:#FFF8DC;--anel:var(--nami);--cor:var(--nami);background:#FBE2A5;color:var(--tinta)}
.ficha__grade{display:grid;gap:22px;align-items:center}
.ficha__palco{display:grid;justify-items:center;gap:14px}
.palco{position:relative;display:grid;place-items:center;width:min(100%,400px);aspect-ratio:1;border:0;padding:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%}
.palco__disco{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle at 38% 30%,#FFFFFF 0 22%,var(--disco) 64%);box-shadow:0 0 0 10px var(--anel),0 0 0 22px rgba(255,255,255,.14),0 26px 50px rgba(var(--sombra-rgb),.35)}
.palco img{position:absolute;left:50%;bottom:6%;width:74%;height:auto;max-height:86%;object-fit:contain;translate:-50% 0;transform-origin:50% 90%;filter:drop-shadow(0 18px 18px rgba(var(--sombra-rgb),.3));transition:opacity 260ms var(--ease),transform 420ms var(--ease)}
.palco__com{opacity:0;transform:scale(.7)}
.vestido .palco__sem{opacity:0;transform:scale(.7)}
.vestido .palco__com{opacity:1;transform:none}
.ficha--milo .palco img{width:66%;max-height:none;bottom:6%;translate:-45.9% 0}
.ficha--milo .palco__com{width:81%;bottom:5.7%;translate:-46.9% 0}
.ficha--nami .palco img{width:100%;max-height:none;bottom:4%;translate:-52.5% 0}
.ficha--nami .palco__com{width:120%;bottom:7.4%}
@media (hover:hover){.palco:hover .palco__disco{box-shadow:0 0 0 10px var(--anel),0 0 0 22px rgba(255,255,255,.22),0 0 40px 10px rgba(255,243,214,.35),0 26px 50px rgba(var(--sombra-rgb),.35)}}
.puf{position:absolute;left:50%;top:50%;width:0;height:0;z-index:3;pointer-events:none}
.puf i{position:absolute;left:-12px;top:-12px;width:24px;height:24px;opacity:0}
.puf i.est{background:var(--nami);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.puf i.fumo{width:46px;height:46px;left:-23px;top:-23px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(242,238,255,.6) 55%,transparent 72%)}
.pufando .puf i{animation:puf 640ms var(--ease) var(--a,0ms) both}
@keyframes puf{0%{opacity:1;transform:translate(0,0) scale(.3)}70%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1.1) rotate(160deg)}}
.btn--vestir{font-size:1.15rem;background:var(--lua);color:var(--tinta);--degrau:var(--lua-borda);box-shadow:0 5px 0 var(--degrau)}
.ficha--nami .btn--vestir{background:var(--milo-royal);color:var(--claro);--degrau:var(--milo-sombra);box-shadow:0 5px 0 var(--degrau)}
.vestir__off,.vestido .vestir__on{display:none}
.vestido .vestir__off{display:inline}
.ficha__fantasia{min-height:1.5em;font-family:var(--excon);font-weight:900;font-size:1.25rem;line-height:1.2;text-align:center;visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity 300ms var(--ease),transform 300ms var(--ease)}
.vestido .ficha__fantasia{visibility:visible;opacity:1;transform:none}
.ficha--milo .ficha__fantasia{color:var(--lua)}
.ficha--nami .ficha__fantasia{color:var(--milo-royal)}
.ficha__nome{font-size:clamp(4rem,22vw,8rem);line-height:.9}
.ficha__frase{font-family:var(--excon);font-weight:900;font-size:clamp(1.4rem,5.4vw,2rem);line-height:1.15;margin-top:12px;max-width:22ch}
.ficha--milo .ficha__frase{color:#BDEBFF}
.ficha--nami .ficha__frase{color:var(--milo-royal)}
.ficha__quem{margin-top:12px;font-size:1.1rem;max-width:44ch}
.ficha__lista{display:grid;gap:0;margin:22px 0 0;max-width:52ch}
.ficha__item{padding:14px 0;border-top:2px solid rgba(242,238,255,.28)}
.ficha--nami .ficha__item{border-top-color:rgba(42,18,5,.18)}
.ficha__item dt{font-family:var(--excon);font-weight:900;font-size:1.15rem;line-height:1.1;margin-bottom:4px}
.ficha__item dd{margin:0}
.ficha--milo .ficha__item dt{color:var(--lua)}
.ficha--nami .ficha__item dt{color:var(--milo-royal)}
.ficha__gesto{display:flex;gap:12px;align-items:center}
.ficha__gesto img{width:60px;height:60px;object-fit:contain;flex:none}
.ficha__fecho{padding:56px 0 64px;text-align:center}
.ficha__fecho h2{font-size:clamp(2rem,8vw,3.6rem)}
.ficha__fecho .btn{margin-top:22px}
@media (min-width:820px){
  .ficha{padding:70px 0 80px}
  .ficha__grade{grid-template-columns:5fr 6fr;gap:48px}
  .ficha--nami .ficha__palco{order:2}
  .palco{width:min(100%,440px)}
}
@media (prefers-reduced-motion:reduce){.puf{display:none}}

/* ---------- ADULTOS ---------- */
.adulto-abre{padding:46px 0 40px}
.adulto-abre__grade{display:grid;gap:22px;align-items:center}
.adulto-abre h1{font-size:clamp(2.2rem,8.6vw,4rem)}
.adulto-abre h1 .hl{color:var(--lanterna)}
.adulto-abre p{margin-top:14px;font-size:1.08rem;font-weight:600;line-height:1.6;color:var(--claro);max-width:60ch}
.adulto-abre__arte img{width:min(80%,360px);margin-inline:auto}
@media (min-width:820px){.adulto-abre__grade{grid-template-columns:7fr 5fr;gap:40px}}
.abas{display:flex;gap:6px;padding:5px;border-radius:calc(var(--r-b) + 5px);background:rgba(242,238,255,.08);width:fit-content;margin:6px 0 22px}
.abas button{min-height:var(--toque);padding:0 1.3rem;border:0;border-radius:var(--r-b);background:transparent;color:var(--claro);font-weight:800;font-size:1.05rem;cursor:pointer;transition:background-color var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease)}
.abas button[aria-selected="true"]{background:var(--lua);color:var(--tinta)}
@media (hover:hover){.abas button:not([aria-selected="true"]):hover{background:rgba(242,238,255,.14)}}
.junto{padding:20px 0 60px}
.junto h2{font-size:clamp(1.8rem,6.6vw,2.8rem);color:var(--lua);margin-bottom:6px}
.junto__lista{display:grid;gap:0;counter-reset:j}
.junto__item{display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:start;padding:20px 0;border-top:2px solid rgba(250,189,5,.28)}
.junto__item img{width:76px;height:76px;object-fit:contain}
.junto__item h3{font-size:1.3rem;color:var(--nami);margin-bottom:6px}
.junto__item p{font-weight:600;line-height:1.6;max-width:62ch}
.pros{display:grid;gap:18px;align-items:center;padding:10px 0 30px}
.pros p{font-size:1.15rem;font-weight:600;line-height:1.65;max-width:56ch}
.pros img{width:180px;margin-inline:auto}
@media (min-width:820px){.junto__lista{grid-template-columns:1fr 1fr 1fr;gap:28px}.junto__item{grid-template-columns:1fr}.pros{grid-template-columns:7fr 5fr}}
.carta{background:var(--lua);color:var(--tinta);padding:60px 0;position:relative;isolation:isolate;overflow:hidden}
.carta__grade{display:grid;gap:30px}
.carta h2{font-size:clamp(1.8rem,6.6vw,2.6rem);color:var(--milo-royal);margin-bottom:10px}
.carta p{font-size:1.08rem;font-weight:600;line-height:1.65;max-width:58ch}
.carta__marca{position:absolute;right:-60px;bottom:-40px;width:260px;opacity:.9;transform:rotate(-8deg);z-index:-1}
@media (min-width:820px){.carta__grade{grid-template-columns:1fr 1fr;gap:56px}}
.espera{padding:64px 0 80px;position:relative}
.espera__grade{display:grid;gap:26px;align-items:start}
.espera h2{font-size:clamp(2rem,7.6vw,3.2rem);color:var(--lua)}
.espera__texto p{margin-top:12px;font-weight:600;line-height:1.6;max-width:52ch}
.espera__idade{display:inline-block;margin-top:14px;padding:.35rem .8rem;border-radius:10px;background:var(--nami);color:var(--tinta);font-weight:900}
.espera__caixa{position:relative;display:grid;place-items:center;margin-top:16px}
.espera__caixa img{width:min(70%,300px)}
.espera .form{background:rgba(242,238,255,.06);border-radius:var(--r-a);padding:20px;box-shadow:inset 0 0 0 1.5px rgba(242,238,255,.14)}
@media (min-width:820px){.espera__grade{grid-template-columns:5fr 7fr;gap:48px}}

/* ---------- HALLOWEEN (anúncio para pais) ---------- */
.hw{padding:20px 0 70px}
.hw__grade{display:grid;gap:20px;align-items:center}
.hw__copia{background:var(--quadro);border-radius:var(--r-a);padding:22px 20px;box-shadow:0 18px 44px rgba(122,46,0,.18)}
.hw__copia h1{font-size:clamp(1.9rem,7.6vw,3.4rem)}
.hw__copia>p{margin-top:12px;font-size:1.08rem;font-weight:800;line-height:1.45}
.hw__itens{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.hw__itens li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;font-weight:800}
.hw__itens img{width:40px;height:40px;object-fit:contain}
.hw__copia .btn{margin-top:20px;width:100%}
.hw__arte{position:relative;min-height:300px}
.hw__arte .livro__mock{margin:0 auto;width:min(66%,290px)}
.hw__arte .nami{position:absolute;right:-6%;bottom:-8%;width:52%;max-width:300px;filter:drop-shadow(0 18px 20px rgba(122,46,0,.35))}
@media (min-width:1024px){
  .hw{padding:40px 0 90px}
  .hw__grade{grid-template-columns:6fr 6fr;gap:56px}
  .hw__copia{padding:36px 40px}
  .hw__copia .btn{width:auto}
  .hw__arte .livro__mock{width:88%;max-width:450px}
}
.hw-jogos{padding:50px 0 70px}
.hw-jogos__grade{display:grid;gap:22px;align-items:center}
.hw-jogos h2{font-size:clamp(1.8rem,6.6vw,2.8rem);color:var(--lua)}
.hw-jogos__arte{display:flex;justify-content:center;gap:4%}
.hw-jogos__arte img{width:30%;max-width:160px}
@media (min-width:820px){.hw-jogos__grade{grid-template-columns:7fr 5fr}}
.cookies{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:70;max-width:560px;margin-inline:auto;background:var(--lua);color:var(--tinta);border-radius:var(--r-a);padding:16px 18px;box-shadow:0 20px 50px rgba(var(--sombra-rgb),.45);display:grid;gap:12px}
.cookies p{font-weight:700;font-size:.98rem;line-height:1.45}
.cookies__acoes{display:flex;gap:10px;flex-wrap:wrap}
.cookies .btn{font-size:1rem;min-height:48px;padding:.5rem 1.1rem}

/* ---------- legal ---------- */
.legal{padding:50px 0 80px;min-height:60svh}
.legal h1{font-size:clamp(2.2rem,9vw,3.6rem)}
.legal p{margin-top:16px;font-size:1.1rem;max-width:56ch}

/* ---------- entrada e reveal ---------- */

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .entra,.js .rv{opacity:1!important;transform:none!important}
  .confete{display:none}
}

@media print{
  body{background:#fff}
  body.imprimindo>*:not(.impressao){display:none!important}
  .impressao{display:block!important;position:static}
  .impressao img{width:100%;max-height:96vh;object-fit:contain;filter:grayscale(1) contrast(1.9) brightness(1.25)}
}
.impressao{display:none}

/* ---------- peças complementares ---------- */
.palco-lua{position:relative;isolation:isolate;display:grid;place-items:center}
.palco-lua::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(88%,460px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;
  background:radial-gradient(circle at 36% 30%,#FFFCF0 0 34%,var(--lua) 62%,var(--lua-borda));box-shadow:0 0 0 10px rgba(255,239,200,.06),0 0 50px 14px rgba(255,214,140,.32),0 0 150px 50px rgba(255,180,90,.14)}
.palco-lua--eco{width:48%;max-width:300px;margin-left:-6%}
.palco-lua--eco img{width:100%;max-width:none!important;margin:0!important;transform:none!important}
.palco-lua--eco::before{width:96%}
.ok__duo{position:relative;isolation:isolate}
.ok__duo::before{content:"";position:absolute;z-index:-1;left:50%;bottom:4%;width:62%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 36% 30%,#FFFCF0 0 34%,var(--lua) 62%,var(--lua-borda));box-shadow:0 0 50px 14px rgba(255,214,140,.3)}
.porta--jogos{grid-column:1 / -1;flex-direction:row;justify-content:center;gap:14px;min-height:150px;border-radius:120px 120px var(--r-a) var(--r-a);padding:16px 22px}
.porta--jogos img{width:120px;height:120px}
.porta--jogos .porta__nome{font-size:1.9rem}
@media (min-width:700px){
  .porta--jogos{grid-column:auto;flex-direction:column;justify-content:flex-end;border-radius:999px 999px var(--r-a) var(--r-a)}
  .porta--jogos img{width:150px;height:150px}
  .porta--jogos .porta__nome{font-size:1.6rem}
}
.cabeca--duo{padding-bottom:0}
.cabeca--duo .wrap{display:grid;justify-items:center;gap:6px}
.cabeca--duo{overflow:visible}
.cabeca__duo{display:flex;align-items:flex-end;justify-content:center;width:min(100%,540px);margin-bottom:14px;position:relative;z-index:2;filter:drop-shadow(0 18px 18px rgba(var(--sombra-rgb),.3))}
.cabeca__duo img{display:block;height:auto;min-width:0}
.cabeca__duo img{width:100%}
.morro--pe{position:relative;display:block;height:90px;margin-top:-40px;bottom:auto;color:var(--noite)} /* mesma cor do rodapé: a onda vira o começo dele */
.jogos{position:relative;z-index:2}
.jogo__texto{display:flex;flex-direction:column;align-items:flex-start}
.jogo--livre .jogo__texto{align-items:inherit}
.jogo--trancado .jogo__acao{display:none}
.jogo--trancado .jogo__linha{color:var(--claro)}
.sb-liberado .jogo--trancado .jogo__acao{display:inline-flex}
.sb-liberado .cadeado{display:none}
@media (min-width:820px){.jogo--livre .jogo__texto{align-items:center}}
.ep-destaque__texto{display:grid;justify-items:center;gap:10px;margin-top:22px;text-align:center}
/* destaque v2 (23/10): a capa já traz o título, então o texto grande é o gancho; o nome desce para uma linha pequena */
.ep-destaque{scroll-margin-top:76px}
.ep-topo .cabeca{padding:16px 0 8px}
#poster-destaque{width:clamp(150px,calc((100svh - 520px) * .5625),230px);box-shadow:0 18px 36px rgba(var(--sombra-rgb),.38)}
.ep-destaque .ep-destaque__texto{margin-top:14px;gap:8px}
.ep-destaque__gancho{font-size:clamp(1.9rem,8vw,4.2rem);max-width:16ch}
.ep-destaque__placa{width:min(100%,46ch);padding:12px 16px 11px;border-radius:var(--r-a);background:var(--lua);color:var(--tinta);box-shadow:0 10px 30px rgba(122,46,0,.16)}
.ep-destaque__sinopse{margin:0;font-weight:700;font-size:1rem;line-height:1.42}
.ep-destaque__nome{margin:8px 0 0;padding-top:7px;border-top:1px solid rgba(42,18,5,.16);font-weight:800;font-size:.84rem;line-height:1.3;letter-spacing:.01em;color:#6B3410}
.ep-destaque__texto .btn{margin-top:4px;min-width:240px}
.ep-destaque__texto>*,#poster-destaque img{transition:opacity var(--dur-micro) var(--ease),transform var(--dur-micro) var(--ease)}
.ep-destaque.troca .ep-destaque__texto>*,.ep-destaque.troca #poster-destaque img{opacity:0;transform:translateY(8px)}
.capa[aria-pressed="true"] .poster{outline:4px solid var(--lua);outline-offset:3px}
.capa[aria-pressed="true"] .capa__titulo{color:var(--lua)}
.capa:focus-visible{outline:none}
.capa:focus-visible .poster{outline:4px solid var(--milo);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.ep-destaque__texto>*,#poster-destaque img{transition:none}.ep-destaque.troca .ep-destaque__texto>*,.ep-destaque.troca #poster-destaque img{opacity:1;transform:none}}
@media (min-width:820px){
  .ep-topo .cabeca{padding:24px 0 14px}
  #poster-destaque{width:min(100%,calc((100svh - 300px) * .5625),400px);justify-self:end}
  .ep-destaque .ep-destaque__texto{gap:14px}
  .ep-destaque__sinopse{font-size:1.12rem}
  .ep-destaque__nome{font-size:.9rem}
  .ep-destaque .ep-destaque__texto .btn{margin:6px 0 0}
}
.ep-destaque .poster{cursor:pointer;border:0;padding:0}
.selo--noite{background:var(--noite);color:var(--lua)}
@media (min-width:820px){.ep-destaque__texto{justify-items:start;text-align:left;margin-top:0}}
.ep-topo{padding-bottom:20px}
.palco-lua--hw{position:absolute;right:-4%;bottom:-10%;width:56%;max-width:320px}
.palco-lua--hw::before{width:92%}
.hw__arte .nami{position:static;width:100%}
.hw__arte{padding:10px 0 40px}
.js.trancado main,.js.trancado .rodape{visibility:hidden}
@media (max-width:399px){.tarja__adulto{font-size:.86rem;padding:0 .3rem}.tarja__logo img{width:84px}.tarja .wrap{gap:.35rem}}
main{overflow-x:clip}
@media (max-width:479px){.tarja__voltar{min-width:var(--toque);justify-content:center;padding:0;margin-right:0}.tarja__voltar span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.tarja__logo{flex:none}
.tarja__logo img{min-width:84px}
#poster-destaque .poster__rodape{display:none}
.adulto-abre__arte,.espera__caixa{padding:46px 0 30px}
.carta__marca{opacity:.22;width:200px}
@media (min-width:820px){.carta__marca{opacity:.9;width:260px}}
body{background:var(--noite)}
@media (max-width:479px){.tarja__voltar ~ .tarja__adulto{min-width:var(--toque);justify-content:center}.tarja__voltar ~ .tarja__adulto span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tarja__adulto svg{width:24px;height:24px}}

/* halo de lanterna atrás de Milo e Nami no quadro da home (lua removida a pedido do João, 22/10) */
.quadro__arte{isolation:isolate}
.quadro__arte::before{content:"";position:absolute;z-index:-2;left:50%;top:54%;width:min(150%,100vw - 24px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(255,236,190,.55) 0 26%,rgba(255,200,120,.2) 48%,transparent 68%)}
.quadro{overflow:hidden}
.quadro__marca{position:relative;z-index:3}
.quadro__arte .quadro__duo{position:relative}
@media (min-width:1024px){.quadro{overflow:visible}.quadro__arte::before{width:100%}}
/* jogos: confeitos soltos nas laterais do título, nunca sobre texto ou card */
.cabeca--confeitos{position:relative}
.confeito{position:absolute;height:auto;rotate:var(--r,0deg);opacity:.95;pointer-events:none;filter:drop-shadow(0 6px 6px rgba(122,46,0,.25))}
@media (min-width:820px){.confeito{scale:1.4}}
/* adultos: a lua cabe inteira na própria caixa, sem subir sobre o parágrafo */
.adulto-abre__arte,.espera__caixa{padding:0;width:min(100%,380px);aspect-ratio:1;margin:18px auto 0}
.adulto-abre__arte::before,.espera__caixa::before{width:92%}
.adulto-abre__arte img,.espera__caixa img{width:76%}
@media (max-width:819px){.carta__marca{display:none}}
/* adultos ≥820: a estrela fica no pé da seção, abaixo do texto */
@media (min-width:820px){.carta{padding-bottom:150px}.carta__marca{width:170px;right:-24px;bottom:-34px}}
/* home 700–1023: a porta larga mostra Milo e Nami no tamanho da porta */
@media (min-width:700px) and (max-width:1023px){.porta--conheca img{width:52%;height:auto;max-width:340px;margin-top:-30px}}

/* 22/10 · cabeçalho: logo SBW branca no centro, chave (e voltar) à esquerda, bandeiras à direita */
.tarja .wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem}
.tarja__esq{display:flex;align-items:center;gap:.15rem;justify-self:start;min-width:0}
.tarja .lingua{justify-self:end}
.tarja__logo{background:none;border-radius:0;padding:0;margin:0;min-height:44px;justify-content:center}
.tarja__logo img{width:132px;min-width:0}
@media (max-width:479px){.tarja__adulto{min-width:var(--toque);justify-content:center;padding:0}.tarja__adulto span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tarja__adulto svg{width:24px;height:24px}.tarja__logo img{width:122px}}
@media (min-width:700px){.tarja__logo img{width:184px}}
/* 22/10 · quadro da home: sem logo e sem subtítulo; Milo e Nami maiores; plaquinha roxo-noite */
.quadro__arte{width:min(100%,322px);margin:0 auto 12px}
.quadro__selo{background:#2E2378;color:#fff;box-shadow:0 6px 14px rgba(46,35,120,.24)} /* branco sobre roxo-noite 12,6:1 */
.quadro__adulto{font-size:.94rem}
@media (min-width:700px){.quadro__arte{width:330px}}
@media (min-width:1024px){
  .quadro{text-align:center;grid-template-rows:1fr auto auto auto auto 1fr}
  .quadro__selo{grid-row:2;margin:0 auto}
  .quadro h1{grid-row:3}
  .quadro .btn{grid-row:4;justify-self:center}
  .quadro__adulto{grid-row:5;margin:14px auto 0;font-size:1rem}
  .quadro__arte{grid-row:1 / -1;width:auto}
}
@media (max-width:479px){.tarja__esq{gap:0}.tarja__voltar,.tarja__esq .tarja__adulto{width:46px;min-width:46px;padding:0;margin:0}.tarja__logo img{width:112px}}
/* 22/10 · celular: plaquinha abre o quadro, antes de Milo e Nami (12px de respiro dos dois lados) */
@media (max-width:1023px){.quadro__selo{margin:0 auto 12px}.quadro__arte{margin-top:0}}
/* 22/10 · computador: quadro mais baixo, Milo e Nami menores e subidos, sem sobra embaixo do texto */
@media (min-width:1024px){.quadro{padding-top:28px;padding-bottom:28px}.quadro__arte{align-self:center}.quadro__arte img{max-width:440px}}
/* 22/10 · celular: plaquinha → título → Milo e Nami → botão → linha do adulto, 12px entre os blocos */
@media (max-width:1023px){.quadro__selo{margin:0 auto 12px}.quadro h1{margin:0 0 12px}.quadro__arte{margin:0 auto 12px}.quadro .btn{margin-top:0}.quadro__adulto{margin-top:12px}}
@media (max-width:699px){.quadro__arte{width:min(100%,400px)}} /* personagens na largura toda do quadro: o botão ainda fecha na 1ª dobra em 390x844 */

/* 22/10: desenhos soltos reais (contorno preto, proporção 4:5) e rótulo do adulto visível no celular */
.soltos__tit{font-family:var(--excon);font-weight:900;font-size:clamp(1.5rem,4vw,2.2rem);color:var(--lua);text-align:center;margin:0 0 26px}
.soltos__grade{max-width:980px;gap:22px 16px}
.solto__folha{aspect-ratio:4/5;padding:10px}
.solto__folha img{filter:none}
.solto:nth-child(3) .solto__folha{transform:rotate(-.8deg)}
.solto__nome{margin:0}
@media (max-width:699px){.solto:nth-child(3){grid-column:1/-1;width:calc(50% - 8px);justify-self:center}}
@media (min-width:700px){.soltos__grade{grid-template-columns:repeat(3,1fr);gap:28px}}
.tarja .tarja__adulto .cu{display:none}
@media (max-width:479px){
  .tarja .wrap{grid-template-columns:auto 1fr auto;gap:.35rem}
  .tarja .wrap:has(.tarja__esq:empty){grid-template-columns:1fr auto 1fr}  /* sem botões à esquerda (/halloween): logo no centro da tela */
  .tarja .tarja__logo{justify-self:center}
  .tarja .tarja__logo img{width:96px}
  .tarja .tarja__esq .tarja__adulto,.tarja .tarja__adulto{width:auto;min-width:var(--toque);padding:0 .3rem;gap:.3rem}
  .tarja .tarja__adulto .lg{display:none}
  .tarja .tarja__adulto .cu{display:inline;position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:.875rem;line-height:1;white-space:nowrap}
  .tarja .tarja__adulto svg{width:20px;height:20px}
  .tarja .tarja__voltar{width:40px;min-width:40px}
  .tarja .lingua button{width:auto}
}

/* /halloween: tarja de aviso + hero do tráfego pago (22/10) */
.aviso-topo{position:sticky;top:0;z-index:41;background:#2E2378;color:#FFFFFF;padding-top:env(safe-area-inset-top);text-align:center;font-weight:800;font-size:.82rem;letter-spacing:.01em;line-height:1.2}
.aviso-topo span{display:flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px}
.aviso-topo__link{display:flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;color:#FFFFFF;text-decoration:none}
@media (hover:hover){.aviso-topo__link:hover{text-decoration:underline;text-underline-offset:3px}}
.aviso-topo__link:focus-visible{outline:2px solid #FFD84D;outline-offset:-3px}
.aviso-topo + .tarja{top:calc(32px + env(safe-area-inset-top));padding-top:0}
.hw{padding:12px 0 60px}
.hw__grade{gap:14px}
.hw__arte{order:-1;min-height:0;padding:0;display:flex;justify-content:center}
.hw__arte .livro__mock{width:auto;height:min(38svh,300px);max-width:none;transform:rotate(-1.5deg);filter:drop-shadow(0 16px 22px rgba(122,46,0,.32))}
.hw__copia{padding:18px 18px 20px}
.hw__copia h1{display:block;font-size:clamp(1.45rem,6.3vw,3.4rem)}
.hw__copia>p{margin-top:10px;font-size:1rem;line-height:1.4}
.hw__copia .btn{margin-top:16px}
.hw__itens{margin-top:22px}
@media (min-width:820px){
  .hw{padding:36px 0 90px}
  .hw__grade{grid-template-columns:7fr 5fr;gap:48px}
  .hw__arte{order:0}
  .hw__arte .livro__mock{height:auto;width:100%;max-width:470px}
  .hw__copia{padding:36px 40px}
  .hw__copia>p{font-size:1.12rem}
}
@media (max-width:819px){
  .cookies{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));padding:10px 12px;gap:8px;border-radius:16px}
  .cookies p{font-size:.82rem;line-height:1.35}
  .cookies .btn{min-height:44px;font-size:.92rem;padding:.35rem .9rem;flex:1}
}
.poster--capa{aspect-ratio:9/16;background:var(--noite)}
.poster--capa img{display:block;width:100%;height:100%;object-fit:cover}
.capa .capa__num{left:8px;top:8px;font-size:1.05rem;min-width:1.9em;padding:.28em .45em;border-radius:999px;text-align:center;background:rgba(20,13,54,.78);-webkit-text-stroke:0;color:var(--lua)}
.capa__titulo{display:block;margin-top:10px;font-weight:800;font-size:.95rem;line-height:1.25;color:var(--claro)}
.player__aviso{margin:10px 0 0;padding:6px 14px;border-radius:999px;background:rgba(242,238,255,.12);font-weight:700;font-size:.92rem;color:var(--claro);text-align:center}
.player[open]{align-content:center}
.player:has(.player__aviso:not([hidden])) .player__palco{height:min(100svh - 190px,76vh)}

/* ---------- ÁREA DO ADULTO v2 (23/10) · noite de veludo, mobile first ----------
   Cada dobra com fundo e esqueleto próprios: veludo → lua → roxo → noite → tapete → lua → noite → lanterna → roxo → veludo.
   Texto pequeno sempre sobre fundo liso ou placa; estrelas só onde não há texto corrido. */
.ad h2.doce{font-size:clamp(2rem,7.6vw,3.3rem)}
.ad h3{font-family:var(--excon)}
.ad-lua,.ad-roxo,.ad-noite,.ad-tapete,.ad-lanterna{position:relative;isolation:isolate}
.ad-lua::after,.ad-roxo::after,.ad-noite::after,.ad-tapete::after,.ad-lanterna::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:var(--grao)}
.ad-lua{background:var(--lua);color:var(--tinta)}
.ad-roxo{background:var(--noite-3);color:var(--claro)}
.ad-noite{background:#1C1449;color:var(--claro)}
.ad-tapete{background:var(--noite-2);color:var(--claro)}
.ad-lanterna{background:var(--lanterna);color:var(--tinta);overflow:hidden}
.ad-centro{text-align:center}
#lista{scroll-margin-top:calc(var(--tarja) + 40px)}

/* 1 · abertura: split com a caixa acesa pela lua, cortada pela borda no desktop */
.ad-abre{padding:14px 0 52px;overflow:hidden}
.ad-abre.veludo::before{-webkit-mask-image:radial-gradient(70% 45% at 75% 42%,#000,transparent 72%);mask-image:radial-gradient(70% 45% at 75% 42%,#000,transparent 72%)}
.ad-abre__grade{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "a" "s" "c";gap:12px}
.ad-abre h1{grid-area:t;font-size:clamp(1.85rem,8.4vw,4.1rem)}
.ad-abre__arte{grid-area:a;position:relative;isolation:isolate;display:grid;place-items:center;padding:8px 0}
.ad-abre__arte::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;height:104%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;
  background:radial-gradient(circle at 36% 30%,#FFFCF0 0 34%,var(--lua) 62%,var(--lua-borda));box-shadow:0 0 0 10px rgba(255,239,200,.06),0 0 50px 14px rgba(255,214,140,.3),0 0 150px 50px rgba(255,180,90,.12)}
.ad-abre__arte img{width:min(80%,330px);height:auto;filter:drop-shadow(0 18px 18px rgba(var(--sombra-rgb),.5))}
.ad-abre__sub{grid-area:s;font-size:1.04rem;font-weight:600;line-height:1.55;color:var(--claro);max-width:50ch}
.ad-abre__acao{grid-area:c;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:6px}
.ad-abre__acao .btn{flex:1 1 240px;max-width:340px}
.ad-idade{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.95rem;color:var(--claro-2)}
.ad-idade svg{width:20px;height:20px;color:var(--nami);flex:none}
@media (min-width:820px){
  .ad-abre{padding:56px 0 88px}
  .ad-abre__grade{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"t a" "s a" "c a";column-gap:40px;row-gap:18px;align-content:center;min-height:min(640px,calc(100svh - var(--tarja) - 140px))}
  .ad-abre h1{align-self:end}
  .ad-abre__arte{height:auto;min-height:420px;align-self:stretch}
  .ad-abre__arte::before{height:min(100%,470px);left:44%}
  .ad-abre__arte img{height:auto;width:142%;max-width:none;translate:18% 0}
  .ad-abre__sub{font-size:1.15rem}
}

/* 2 · a caixa: foto sangrando a borda esquerda, selo de idade colado */
.ad-caixa{padding:56px 0 76px;overflow:hidden}
.ad-caixa__grade{display:grid;gap:44px;align-items:center}
.ad-caixa__foto{position:relative;margin:0 -1rem}
.ad-caixa__foto img{width:100%;aspect-ratio:1100/920;object-fit:cover;mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
.ad-caixa__foto figcaption{padding:0 1rem;font-size:.8rem;font-weight:700;color:var(--tinta-2)}
.ad-selo{position:absolute;right:12px;bottom:-30px;display:grid;place-items:center;width:128px;aspect-ratio:1;padding:16px;border-radius:50%;text-align:center;
  background:var(--nami);color:var(--tinta);font-family:var(--excon);font-weight:900;font-size:.92rem;line-height:1.08;rotate:-10deg;
  box-shadow:0 0 0 5px var(--lua),0 14px 26px rgba(var(--sombra-rgb),.28)}
.ad-caixa__sub{margin-top:14px;font-size:1.08rem;font-weight:600;line-height:1.6;color:var(--tinta-2);max-width:46ch}
.ad-itens{list-style:none;margin:22px 0 28px;padding:0}
.ad-itens li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start;padding:13px 0;border-top:1.5px solid rgba(42,18,5,.14);font-weight:700;line-height:1.45}
.ad-itens li:last-child{border-bottom:1.5px solid rgba(42,18,5,.14)}
.ad-itens svg{width:30px;height:30px;color:var(--milo-royal)}
@media (min-width:820px){
  .ad-caixa{padding:100px 0 110px}
  .ad-caixa__grade{grid-template-columns:7fr 5fr;gap:56px}
  .ad-caixa__foto{margin:0;margin-left:calc((min(1180px,100vw - 2rem) - 100vw) / 2)}
  .ad-caixa__foto img{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent),linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
  .ad-caixa__foto figcaption{padding-left:calc((100vw - min(1180px,100vw - 2rem)) / 2)}
  .ad-selo{right:6%;bottom:-24px;width:150px;font-size:1.02rem}
}

/* 3 · como funciona: números gigantes com o contorno doce e a trilha que se desenha */
.ad-passos{padding:72px 0 84px}
.ad-trilha{position:relative;display:grid;gap:30px;list-style:none;margin:44px 0 0;padding:0}
.ad-trilha::before{content:"";position:absolute;left:39px;top:70px;bottom:60px;border-left:3px dashed rgba(250,189,5,.6);transform:scaleY(0);transform-origin:top;transition:transform 1400ms var(--ease) 300ms}
.ad-trilha.in::before{transform:none}
.ad-passo{position:relative;display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:start}
.ad-passo__n{font-size:5.4rem;line-height:.9;justify-self:center}
.ad-passo h3{font-size:1.3rem;line-height:1.15;color:var(--nami);margin:8px 0 6px}
.ad-passo p{font-weight:600;line-height:1.6;color:var(--claro)}
.ad-passos__fecho{margin:46px auto 0;max-width:620px;text-align:center;font-size:1.06rem;line-height:1.55;padding:1rem 1.4rem;border-radius:var(--r-a)}
@media (min-width:820px){
  .ad-passos{padding:104px 0 112px}
  .ad-trilha{grid-template-columns:repeat(3,1fr);gap:44px;margin-top:64px}
  .ad-trilha::before{left:17%;right:17%;top:64px;bottom:auto;border-left:0;border-top:3px dashed rgba(250,189,5,.6);transform:scaleX(0);transform-origin:left}
  .ad-passo{grid-template-columns:1fr;justify-items:center;text-align:center;gap:6px}
  .ad-passo__n{font-size:8.5rem}
  .ad-passo p{max-width:30ch}
}

/* 4 · do site para a mesa: o celular com o jogo, a carta da maçã saindo para a mesa (invade a dobra seguinte) */
.ad-ponte{padding:72px 0 0}
.ad-ponte__grade{display:grid;gap:36px;align-items:center}
.ad-ponte__texto p{margin-top:16px;font-size:1.08rem;font-weight:600;line-height:1.62;max-width:48ch}
.ad-cena{position:relative;width:100%;max-width:420px;height:440px;margin:0 auto -90px;z-index:3}
.ad-cel{position:absolute;left:2%;top:0;width:50%;padding:7px;border-radius:30px;background:#0C0824;rotate:-5deg;
  box-shadow:inset 0 0 0 2px rgba(242,238,255,.16),0 4px 0 rgba(var(--sombra-rgb),.6),0 28px 50px rgba(var(--sombra-rgb),.55)}
.ad-cel img{width:100%;border-radius:23px}
.ad-carta{position:absolute;width:64%;border-radius:12px;box-shadow:0 2px 4px rgba(var(--sombra-rgb),.35),0 24px 40px rgba(var(--sombra-rgb),.45)}
.ad-carta--verso{right:0;top:30%;rotate:8deg}
.ad-carta--frente{right:10%;top:58%;rotate:-4deg}
.ad-seta{position:absolute;left:44%;top:6%;width:30%;color:var(--nami);overflow:visible}
.ad-seta path{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:160;stroke-dashoffset:160;transition:stroke-dashoffset 1100ms var(--ease) 500ms}
.ad-cena.in .ad-seta path,.ad-cena:not(.rv) .ad-seta path{stroke-dashoffset:0}
@media (min-width:820px){
  .ad-ponte{padding-top:110px}
  .ad-ponte__grade{grid-template-columns:5fr 7fr;gap:56px}
  .ad-ponte__texto{align-self:start;padding-top:40px}
  .ad-cena{max-width:580px;height:600px;margin-bottom:-150px}
}

/* 5 e 6 · Pais / Profissionais */
.ad-junto{padding:140px 0 84px}
.ad-junto .abas{margin:0 0 30px}
.ad-painel:focus-visible{outline-offset:8px}
.ad-familia{display:grid;gap:26px;align-items:center}
.ad-familia__texto{margin-top:18px;font-size:1.2rem;font-weight:600;line-height:1.62;max-width:52ch}
.ad-familia__fecho{margin-top:22px;padding-top:20px;border-top:2px solid rgba(250,189,5,.3);font-family:var(--excon);font-weight:900;font-size:1.35rem;line-height:1.25;color:var(--nami);max-width:34ch}
.ad-familia__duo{width:min(86%,420px);margin-inline:auto;filter:drop-shadow(0 20px 20px rgba(var(--sombra-rgb),.5))}
.ad-pros{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:0 36px}
.ad-pros li{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;padding:14px 0;border-top:1.5px solid rgba(242,238,255,.14);font-weight:700;line-height:1.5}
.ad-pros svg{width:22px;height:22px;margin-top:2px;color:var(--nami)}
.ad-pros__fecho{margin-top:24px;font-size:1.12rem;font-weight:700;line-height:1.55;max-width:56ch}
.ad-pros__contato{margin-top:12px;font-weight:600;color:var(--claro-2);overflow-wrap:anywhere}
.ad-pros__contato a{color:var(--nami);font-weight:800;text-underline-offset:3px}
@media (min-width:820px){
  .ad-junto{padding:200px 0 110px}
  .ad-familia{grid-template-columns:7fr 5fr;gap:56px}
  .ad-pros{grid-template-columns:1fr 1fr}
}

/* 7 · blog: post em destaque grande + três dicas curtas */
.ad-blog{padding:72px 0 84px}
.ad-blog__cab p{margin-top:12px;font-weight:600;line-height:1.55;color:var(--tinta-2);max-width:50ch}
.ad-post{display:grid;margin-top:32px;border-radius:var(--r-a);overflow:hidden;text-decoration:none;color:var(--claro);
  background:var(--noite-2);
  box-shadow:0 3px 0 rgba(var(--sombra-rgb),.25),0 30px 60px rgba(var(--sombra-rgb),.32);transition:transform var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease)}
.ad-post__capa{display:block;overflow:hidden;aspect-ratio:16/11}
.ad-post__capa img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:scale 600ms var(--ease)}
.ad-post__corpo{display:grid;justify-items:start;gap:12px;padding:22px 20px 26px}
.ad-post__titulo{font-family:var(--excon);font-weight:900;font-size:clamp(1.6rem,6.4vw,2.6rem);line-height:1.05;color:var(--lua)}
.ad-post__intro{font-weight:600;line-height:1.6;color:var(--claro);max-width:50ch}
.ad-post__ler{margin-top:6px}
.ad-post:focus-visible{outline-offset:6px}
@media (hover:hover){
  .ad-post:hover{transform:translateY(-4px);box-shadow:0 3px 0 rgba(var(--sombra-rgb),.25),0 40px 70px rgba(var(--sombra-rgb),.4)}
  .ad-post:hover .ad-post__capa img{scale:1.04}
  .ad-post:hover .ad-post__ler svg{translate:4px 0}
}
.ad-post__ler svg{transition:translate var(--dur-micro) var(--ease)}
.ad-dicas{display:grid;gap:16px;margin-top:22px}
.ad-dica{display:grid;align-content:start;grid-template-columns:56px 1fr;gap:4px 16px;padding:20px;border-radius:var(--r-a);background:rgba(255,252,240,.75);box-shadow:inset 0 0 0 1.5px rgba(42,18,5,.1)}
.ad-dica img{grid-row:span 2;width:56px;height:56px;object-fit:contain}
.ad-dica h3{font-size:1.2rem;line-height:1.15;color:var(--milo-royal)}
.ad-dica h3 a{text-decoration:none}
@media (hover:hover){.ad-dica h3 a:hover{text-decoration:underline;text-underline-offset:3px}}
.ad-dica p{font-weight:600;line-height:1.55;font-size:.98rem}
@media (min-width:820px){
  .ad-blog{padding:104px 0 112px}
  .ad-blog__cab{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:end}
  .ad-blog__cab p{margin:0 0 6px}
  .ad-post{grid-template-columns:5fr 7fr;margin-top:44px}
  .ad-post__capa{aspect-ratio:auto;min-height:420px}
  .ad-post__corpo{align-content:center;padding:44px 48px}
  .ad-dicas{grid-template-columns:repeat(3,1fr);gap:22px}
  .ad-dica{grid-template-columns:1fr}
  .ad-dica img{grid-row:auto;width:64px;height:64px;margin-bottom:8px}
}

/* 8 · quem criou: foto da Angela como objeto girado sobre a noite */
.ad-quem{padding:76px 0 88px;overflow:hidden}
.ad-quem__grade{display:grid;gap:40px;align-items:center}
.ad-quem__foto{position:relative;width:min(86%,400px);margin-inline:auto}
.ad-quem__foto::before{content:"";position:absolute;inset:-9% -16% auto;aspect-ratio:1;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(255,214,140,.32),transparent 65%)}
.ad-quem__foto img{width:100%;border-radius:var(--r-a);rotate:-2.5deg;box-shadow:0 0 0 8px var(--lua),0 4px 0 8px var(--lua-borda),0 34px 60px rgba(var(--sombra-rgb),.6)}
.ad-quem__texto p{margin-top:18px;font-size:1.12rem;font-weight:600;line-height:1.66;max-width:54ch}
@media (min-width:820px){
  .ad-quem{padding:110px 0}
  .ad-quem__grade{grid-template-columns:5fr 7fr;gap:72px}
}

/* 9 · o que prometemos: faixa de lanterna de ponta a ponta */
.ad-promessa{padding:56px 0}
.ad-promessa__grade{display:grid;gap:18px}
.ad-promessa p{font-size:1.06rem;font-weight:700;line-height:1.62;max-width:64ch}
.ad-promessa__marca{position:absolute;right:-50px;bottom:-60px;width:220px;opacity:.2;rotate:-10deg;z-index:-1;pointer-events:none}
@media (min-width:820px){
  .ad-promessa{padding:80px 0}
  .ad-promessa__grade{grid-template-columns:4fr 8fr;gap:56px;align-items:center}
  .ad-promessa__marca{width:300px;right:2%;bottom:-90px}
}

/* 10 · perguntas: acordeão nativo em placas de lua, Nami de lupa ao lado */
.ad-faq{padding:76px 0 88px}
.ad-faq__grade{display:grid;gap:26px}
.ad-faq__lado{display:grid;grid-template-columns:1fr 110px;align-items:end;gap:12px}
.ad-faq__lado img{width:110px;filter:drop-shadow(0 14px 14px rgba(var(--sombra-rgb),.5))}
.ad-pergunta{background:var(--lua);color:var(--tinta);border-radius:var(--r-b);margin-bottom:12px;box-shadow:0 2px 0 var(--lua-borda),0 14px 28px rgba(var(--sombra-rgb),.32)}
.ad-pergunta summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--toque);padding:16px 18px;cursor:pointer;
  font-family:var(--excon);font-weight:900;font-size:1.14rem;line-height:1.2;color:var(--milo-royal);border-radius:var(--r-b)}
.ad-pergunta summary::-webkit-details-marker{display:none}
.ad-pergunta summary::after{content:"";flex:none;width:12px;height:12px;margin:-6px 4px 0 0;border-right:3.5px solid currentColor;border-bottom:3.5px solid currentColor;rotate:45deg;transition:rotate var(--dur-micro) var(--ease),margin var(--dur-micro) var(--ease)}
.ad-pergunta[open] summary::after{rotate:225deg;margin-top:6px}
.ad-pergunta p{padding:0 18px 18px;font-weight:600;line-height:1.62}
@media (hover:hover){.ad-pergunta summary:hover{color:#121A7A}}
@media (min-width:820px){
  .ad-faq{padding:110px 0}
  .ad-faq__grade{grid-template-columns:4fr 8fr;gap:56px;align-items:start}
  .ad-faq__lado{position:sticky;top:calc(var(--tarja) + 60px);grid-template-columns:1fr}
  .ad-faq__lado img{width:min(100%,260px);margin-top:24px}
}

/* 11 · lista de espera: eco da abertura (a caixa na lua) + formulário em placa */
.ad-lista{padding:76px 0 96px;overflow:hidden}
.ad-lista.veludo::before{-webkit-mask-image:linear-gradient(180deg,#000,transparent 40%);mask-image:linear-gradient(180deg,#000,transparent 40%)}
.ad-lista__grade{display:grid;gap:30px;align-items:start}
.ad-lista__texto p{margin-top:14px;font-size:1.1rem;font-weight:600;line-height:1.6;max-width:46ch}
.ad-luacaixa{position:relative;isolation:isolate;display:grid;place-items:center;margin-top:24px;padding:24px 0}
.ad-luacaixa::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(74%,320px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;
  background:radial-gradient(circle at 36% 30%,#FFFCF0 0 34%,var(--lua) 62%,var(--lua-borda));box-shadow:0 0 50px 14px rgba(255,214,140,.28)}
.ad-luacaixa img{width:min(100%,440px);filter:drop-shadow(0 18px 18px rgba(var(--sombra-rgb),.5))}
.ad-lista__form{position:relative;background:rgba(20,13,54,.78);border-radius:var(--r-a);padding:22px 20px;box-shadow:inset 0 0 0 1.5px rgba(242,238,255,.16),0 30px 60px rgba(var(--sombra-rgb),.45)}
.ad-lista__form .form{margin-top:0}
@media (min-width:820px){
  .ad-lista{padding:110px 0 120px}
  .ad-lista__grade{grid-template-columns:5fr 7fr;gap:56px}
  .ad-lista__form{padding:32px}
}

/* prévia: aviso por cima do formulário, 3 s, nada enviado */
.form{position:relative}
.previa-aviso{position:absolute;inset:-6px;z-index:5;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center;padding:20px;border-radius:var(--r-a);background:rgba(20,13,54,.95);color:var(--claro)}
.previa-aviso strong{font-family:var(--excon);font-weight:900;font-size:1.7rem;color:var(--lua)}
.previa-aviso b{font-family:var(--excon);font-size:4rem;line-height:1;color:var(--nami)}

/* ---------- POST DO BLOG ---------- */
.post-abre{padding:20px 0 0;overflow:visible}
.post-abre__grade{display:grid;gap:26px}
.post-volta{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:800;color:var(--claro-2);text-decoration:none}
.post-volta svg{width:20px;height:20px}
@media (hover:hover){.post-volta:hover{color:var(--lua)}}
.post-abre h1{margin-top:8px;font-size:clamp(2rem,8vw,3.8rem)}
.post-abre__intro{margin-top:18px;font-size:1.14rem;font-weight:600;line-height:1.62;max-width:50ch}
.post-capa{position:relative;z-index:2;margin:0 auto -70px;width:min(72%,320px)}
.post-capa img{width:100%;border-radius:10px;rotate:3deg;box-shadow:0 2px 4px rgba(var(--sombra-rgb),.4),0 30px 50px rgba(var(--sombra-rgb),.55)}
.post-corpo{padding:110px 0 70px}
.post-lista{list-style:none;padding:0;max-width:760px}
@media (min-width:820px){.post-lista{margin-left:max(1rem,(100% - 1180px) / 2)}}
.post-item{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:30px 0;border-top:1.5px solid rgba(42,18,5,.14)}
.post-item:first-child{border-top:0;padding-top:0}
.post-item__n{font-size:4rem;line-height:.9;justify-self:center}
.post-item h2{font-size:1.45rem;line-height:1.15;color:var(--milo-royal)}
.post-item p{margin-top:10px;font-size:1.07rem;font-weight:600;line-height:1.66}
.post-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;font-weight:900;color:var(--milo-royal);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.post-link svg{width:20px;height:20px;transition:translate var(--dur-micro) var(--ease)}
@media (hover:hover){.post-link:hover svg{translate:4px 0}.post-link:hover{color:#121A7A}}
.post-caixa{padding:76px 0 96px;overflow:hidden}
.post-caixa.veludo::before{-webkit-mask-image:linear-gradient(90deg,#000 20%,transparent 50%);mask-image:linear-gradient(90deg,#000 20%,transparent 50%)}
.post-caixa__grade{display:grid;gap:20px;align-items:center}
.post-caixa__grade .ad-luacaixa{margin-top:0}
.post-caixa__texto p{margin-top:14px;font-size:1.08rem;font-weight:600;line-height:1.62;max-width:52ch}
.post-caixa__texto .post-caixa__cta{font-family:var(--excon);font-weight:900;font-size:1.25rem;line-height:1.25;color:var(--nami)}
.post-caixa__texto .btn{margin-top:20px}
@media (min-width:820px){
  .post-abre{padding-top:40px}
  .post-abre__grade{grid-template-columns:7fr 5fr;gap:56px;align-items:center}
  .post-capa{width:min(100%,360px);margin-bottom:-140px}
  .post-corpo{padding:96px 0 96px}
  .post-item{grid-template-columns:110px 1fr;gap:24px;padding:38px 0}
  .post-item__n{font-size:6rem}
  .post-item h2{font-size:1.8rem}
  .post-caixa__grade{grid-template-columns:5fr 7fr;gap:56px}
}
@media (min-width:820px) and (max-width:1023px){.post-lista{padding-right:0}}
@media (prefers-reduced-motion:reduce){.ad-trilha::before{transform:none;transition:none}.ad-seta path{stroke-dashoffset:0;transition:none}}

/* dobras que invadem a seguinte pintam por cima dela */
.ad-ponte,.post-abre{z-index:2}

/* fundo de base por dobra (o gradiente fica por cima) e H2 de largura cheia nas dobras editoriais */
.ad-abre,.ad-lista{background-color:var(--noite)}
.ad-lua{background-color:var(--lua)}
.ad-roxo{background-color:var(--noite-3)}
.ad-noite{background-color:#1B1348}
.ad-tapete{background-color:var(--noite-2)}
.ad-lanterna{background-color:var(--lanterna)}
.ad-cab-larga{margin-bottom:24px}
.ad-cab-larga .doce{max-width:22ch}
.ad-faq__lado{grid-template-columns:110px 1fr}
.ad-lista__texto p{margin-top:0}
@media (min-width:820px){
  .ad-cab-larga{margin-bottom:40px}
  .ad-cab-larga .doce{max-width:none}
  .ad-ponte__texto{padding-top:0}
  .ad-blog__cab{grid-template-columns:1fr;gap:14px;align-items:start}
  .ad-quem__grade{grid-template-columns:4fr 8fr}
  .ad-faq__lado img{margin-top:0}
  .ad-faq__lado{grid-template-columns:1fr}
}
.ad-caixa__sub,.ad-quem__texto p{margin-top:0}
@media (min-width:820px){.ad-caixa__texto .ad-caixa__sub{font-size:1.15rem}.ad-quem__texto p{font-size:1.2rem}}

/* ---------- ÁREA DOS ADULTOS v3 (23/10) · entrada + /caixa + /profissionais + /blog ----------
   Mesmo sistema da v2 (noite de veludo, lua, lanterna). Novo: as cartas de habilidade distribuídas como
   uma mão de cartas na laranja, a foto das mãos sangrando a borda, e o tom sóbrio da página do profissional
   (H2 sem o contorno doce, fios finos, termo técnico em rótulo discreto). */
html.trancado main,html.trancado .rodape{visibility:hidden}

/* A · entrada: três portas grandes, a caixa domina */
.en-abre{padding:22px 0 44px;min-height:calc(100svh - var(--tarja) - 34px)}
.en-cab{text-align:center;max-width:860px;margin:0 auto 22px}
.en-cab h1{font-size:clamp(2.3rem,10vw,4.6rem)}
.en-cab p{margin-top:14px;font-size:1.1rem;font-weight:600;line-height:1.55;color:var(--claro)}
.en-portas{display:grid;gap:12px}
.en-porta{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) 26px;align-items:center;gap:14px;padding:10px 14px 10px 10px;border-radius:var(--r-a);text-decoration:none;
  background:var(--lua);color:var(--tinta);box-shadow:0 3px 0 var(--lua-borda),0 18px 36px rgba(var(--sombra-rgb),.4);
  transition:transform var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease)}
.en-porta__arte{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--noite-2)}
.en-porta__arte img{width:100%;height:100%;object-fit:cover;transition:scale 600ms var(--ease)}
.en-porta--caixa .en-porta__arte{background:radial-gradient(circle at 40% 35%,#FFFCF0 0 30%,var(--lua) 60%,var(--lua-borda))}
.en-porta--caixa .en-porta__arte img{object-fit:contain;width:92%;height:auto;filter:drop-shadow(0 8px 8px rgba(var(--sombra-rgb),.35))}
.en-porta__corpo{display:grid;gap:4px}
.en-porta__t{font-family:var(--excon);font-weight:900;font-size:1.3rem;line-height:1.1;color:var(--milo-royal)}
.en-porta__x{font-size:.95rem;font-weight:600;line-height:1.4;color:var(--tinta-2)}
.en-porta__ir svg{width:24px;height:24px;color:var(--milo-royal);transition:translate var(--dur-micro) var(--ease)}
.en-porta--pro{background:var(--noite-3);color:var(--claro);box-shadow:inset 0 0 0 1.5px rgba(242,238,255,.16),0 18px 36px rgba(var(--sombra-rgb),.45)}
.en-porta--pro .en-porta__t{color:var(--lua)}
.en-porta--pro .en-porta__x{color:var(--claro-2)}
.en-porta--pro .en-porta__ir svg{color:var(--nami)}
.en-porta--blog{background:var(--lanterna);box-shadow:0 3px 0 var(--lanterna-fundo),0 18px 36px rgba(var(--sombra-rgb),.45)}
.en-porta--blog .en-porta__t{color:var(--tinta)}
.en-porta--blog .en-porta__x{color:var(--tinta)}
.en-porta--blog .en-porta__ir svg{color:var(--tinta)}
.en-porta:focus-visible{outline-offset:5px}
@media (hover:hover){
  .en-porta:hover{transform:translateY(-4px)}
  .en-porta:hover .en-porta__arte img{scale:1.05}
  .en-porta:hover .en-porta__ir svg{translate:4px 0}
}
@media (min-width:820px){
  .en-abre{padding:40px 0 64px}
  .en-cab{margin-bottom:34px}
  .en-portas{grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:20px}
  .en-porta--caixa{grid-row:span 2;grid-template-columns:1fr 30px;grid-template-rows:1fr auto;padding:18px 26px 26px 18px;rotate:-1deg}
  .en-porta--caixa .en-porta__arte{grid-column:1 / -1;aspect-ratio:auto;min-height:250px;border-radius:16px}
  .en-porta--caixa .en-porta__arte img{width:min(78%,420px)}
  .en-porta--caixa .en-porta__t{font-size:2.3rem}
  .en-porta--caixa .en-porta__x{font-size:1.1rem;max-width:40ch}
  .en-porta{grid-template-columns:42% minmax(0,1fr) 26px;gap:20px;padding:14px 22px 14px 14px}
  .en-porta__arte{aspect-ratio:4/3}
  .en-porta__t{font-size:1.6rem}
  .en-porta__x{font-size:1rem}
}

/* B2 · cartas de habilidade: uma mão de cartas jogada na laranja */
.cx-cartas{padding:60px 0 72px;overflow:hidden}
.cx-cartas__sub{max-width:52ch;margin:16px auto 0;font-size:1.08rem;font-weight:700;line-height:1.55;color:var(--tinta)}
.cx-baralho{list-style:none;margin:30px 0 0;padding:18px max(1rem,(100% - 1180px) / 2) 30px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.cx-baralho::-webkit-scrollbar{display:none}
.cx-carta{position:relative;flex:0 0 228px;scroll-snap-align:center;padding:11px 11px 18px;border-radius:18px;background:#FFFDF7;rotate:var(--r);
  box-shadow:0 0 0 1.5px rgba(42,18,5,.08),0 3px 0 rgba(122,46,0,.28),0 18px 34px rgba(122,46,0,.3);
  transition:opacity var(--dur-reveal) var(--ease),transform var(--dur-reveal) var(--ease),translate var(--dur-micro) var(--ease),rotate var(--dur-micro) var(--ease);transition-delay:calc(var(--i) * 90ms),calc(var(--i) * 90ms),0ms,0ms}
.cx-carta__arte{display:grid;place-items:center;aspect-ratio:3/2;border-radius:12px;padding:4px;background:#E3F5FD;overflow:hidden}
.cx-carta--nami .cx-carta__arte{background:#FFF1C2}
.cx-carta--lanterna .cx-carta__arte{background:#FFE6CC}
.cx-carta__arte img{display:block;width:100%;height:100%;object-fit:contain}
.cx-carta h3{margin:14px 4px 6px;font-size:1.2rem;line-height:1.12;color:var(--milo-royal)}
.cx-carta p{padding:0 4px;font-size:.98rem;font-weight:600;line-height:1.45;color:var(--tinta-2)}
.js .cx-baralho.rv .cx-carta{opacity:0;transform:translateY(44px) rotate(calc(var(--r) * -3))}
.js .cx-baralho.rv.in .cx-carta{opacity:1;transform:none}
@media (hover:hover){.cx-carta:hover{translate:0 -8px;rotate:0deg}}
@media (min-width:1024px){
  .cx-baralho{flex-wrap:wrap;justify-content:center;overflow:visible;gap:28px 22px;padding:20px 0 0;width:min(1180px,100% - 2rem);margin-inline:auto}
  .cx-carta{flex-basis:252px}
  .cx-carta:nth-child(even){margin-top:18px}
}
@media (min-width:820px){.cx-cartas{padding:100px 0 110px}}

/* B3 · como funciona: a foto das mãos sangra a borda esquerda, a trilha desce ao lado */
.cx-como,.pf-usos{padding:64px 0 80px;overflow:hidden}
.cx-como__grade{display:grid;gap:34px;width:min(1180px,100% - 2rem);margin-inline:auto;align-items:center}
.cx-como__foto{margin:0 -1rem}
.cx-como__foto img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:40% 60%}
.cx-como .ad-trilha{grid-template-columns:1fr;gap:26px;margin:0}
.cx-como .ad-trilha::before{left:39px;right:auto;top:70px;bottom:60px;border-top:0;border-left:3px dashed rgba(250,189,5,.6);transform:scaleY(0);transform-origin:top}
.cx-como .ad-trilha.in::before{transform:none}
.cx-como .ad-passo{grid-template-columns:80px 1fr;justify-items:start;text-align:left;gap:16px}
.cx-como .ad-passo__n{font-size:5.4rem;justify-self:center}
.cx-como .ad-passo p{max-width:40ch}
@media (min-width:820px){
  .cx-como,.pf-usos{padding:100px 0 110px}
  .cx-como__grade{grid-template-columns:7fr 5fr;gap:56px}
  .cx-como__foto{margin:0;margin-left:calc((min(1180px,100vw - 2rem) - 100vw) / 2)}
  .cx-como__foto img{border-radius:0 var(--r-a) var(--r-a) 0;box-shadow:0 4px 0 rgba(var(--sombra-rgb),.35),0 34px 60px rgba(var(--sombra-rgb),.45)}
  .cx-como .ad-passo__n{font-size:6.6rem}
  .cx-como .ad-passo{grid-template-columns:96px 1fr}
  .cx-como .ad-trilha::before{left:47px}
}
.cx-nota{margin:-8px 0 24px;font-weight:800;color:var(--milo-royal)}
.cx-pro-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:20px;font-weight:900;color:var(--nami);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.cx-pro-link svg{width:20px;height:20px;flex:none;transition:translate var(--dur-micro) var(--ease)}
@media (hover:hover){.cx-pro-link:hover svg{translate:4px 0}.cx-pro-link:hover{color:var(--lua)}}
.cx-quem{padding-top:150px}
@media (min-width:820px){.cx-quem{padding-top:210px}}

/* C · profissionais: mesma identidade, registro sóbrio */
.pf-h2{font-family:var(--excon);font-weight:900;font-size:clamp(1.9rem,6.6vw,3.1rem);line-height:1.06;letter-spacing:-.01em}
.pf-h2::after{content:"";display:block;width:56px;height:5px;margin-top:14px;border-radius:3px;background:var(--lanterna)}
.ad-lua .pf-h2{color:var(--milo-royal)}
.ad-noite .pf-h2,.ad-roxo .pf-h2,.ad-tapete .pf-h2{color:var(--lua)}
.pf-abre .ad-abre__arte::before{display:none}
.pf-abre .ad-abre__arte img{width:min(80%,320px);border-radius:var(--r-a);rotate:-2deg;filter:none;
  box-shadow:0 0 0 6px var(--lua),0 4px 0 6px var(--lua-borda),0 30px 60px rgba(var(--sombra-rgb),.6)}
.pf-abre .ad-abre__sub{font-size:.98rem;line-height:1.5}
@media (min-width:820px){
  .pf-abre .ad-abre__arte img{width:108%;max-width:none;translate:8% 0}
  .pf-abre .ad-abre__sub{font-size:1.08rem}
}
.pf-org,.pf-hab-sec{padding:64px 0 80px;overflow:hidden}
.pf-hab__grade{display:grid;gap:36px}
.pf-habs{margin:0;display:grid}
.pf-hab{padding:16px 0;border-top:1.5px solid rgba(242,238,255,.14)}
.pf-hab dt{font-weight:900;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:var(--nami)}
.pf-hab dd{margin:5px 0 0;font-size:1.1rem;font-weight:600;line-height:1.5;color:var(--claro)}
.pf-hab__nami{width:min(56%,240px);margin:0 auto;filter:drop-shadow(0 18px 18px rgba(var(--sombra-rgb),.5))}
.pf-ciclo{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:26px}
.pf-ciclo::before{content:"";position:absolute;left:27px;top:40px;bottom:40px;border-left:3px dashed rgba(32,42,179,.35);transform:scaleY(0);transform-origin:top;transition:transform 1400ms var(--ease) 300ms}
.pf-ciclo.in::before,.pf-ciclo:not(.rv)::before{transform:none}
.pf-uso{position:relative;display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start}
.pf-uso__ico{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--milo-royal);color:var(--lua);box-shadow:0 0 0 6px var(--lua)}
.pf-uso__ico svg{width:26px;height:26px}
.pf-uso h3{font-size:1.3rem;line-height:1.15;color:var(--milo-royal);margin-top:4px}
.pf-uso p{margin-top:6px;font-size:1.04rem;font-weight:600;line-height:1.55;color:var(--tinta-2);max-width:44ch}
.pf-usos .cx-como__foto img{object-position:55% 50%}
.pf-por{margin-top:18px;padding-top:16px;border-top:2px solid rgba(250,189,5,.3);font-weight:800;color:var(--nami)}
.pf-base .ad-quem__texto p:first-child{margin-top:0}
@media (min-width:820px){
  .pf-org,.pf-hab-sec{padding:100px 0 110px}
  .pf-hab__grade{grid-template-columns:8fr 4fr;gap:48px;align-items:end}
  .pf-habs{grid-template-columns:1fr 1fr;column-gap:40px}
  .pf-hab__nami{width:100%;max-width:280px}
}
@media (prefers-reduced-motion:reduce){
  .js .cx-baralho .cx-carta{opacity:1!important;transform:none!important}
  .cx-como .ad-trilha::before,.pf-ciclo::before{transform:none!important}
}

/* /blog: o post em destaque invade a dobra das ideias curtas */
.bl-abre{padding:24px 0 0;z-index:2}
.bl-destaque{position:relative;z-index:2;margin-bottom:-80px}
.bl-destaque .ad-post__capa{aspect-ratio:4/3}
.bl-destaque .ad-post__capa img{object-position:50% 55%}
.bl-curtos{padding-top:130px}
@media (min-width:820px){
  .bl-abre{padding-top:40px}
  .bl-destaque{margin-top:36px;margin-bottom:-120px;grid-template-columns:7fr 5fr}
  .bl-destaque .ad-post__capa{aspect-ratio:auto;min-height:440px}
  .bl-curtos{padding-top:190px}
}
.post-capa--foto{width:100%;max-width:520px}
.post-capa--foto img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-a);rotate:2deg}
@media (min-width:820px){.post-capa--foto{width:100%;margin-bottom:-120px}}
/* B2: Milo e Nami batendo as mãos sobem na borda da abertura (invasão) */
.cx-cartas{overflow:visible;z-index:2}
.cx-cartas__duo{width:170px;margin:-118px auto 10px;filter:drop-shadow(0 14px 14px rgba(122,46,0,.35))}
@media (min-width:820px){.cx-cartas__duo{width:230px;margin-top:-170px}}
/* /profissionais: o botão longo cabe numa linha */
.pf-abre .ad-abre__acao .btn{flex:0 1 auto;max-width:none;font-size:1.15rem}
@media (min-width:820px){.pf-abre .ad-abre__acao .btn{white-space:nowrap}}
/* /blog: sem colapso de margem, o card do post atravessa para a dobra de baixo */
.bl-abre{display:flow-root}

/* 23/10 · leque de cartas reais na B2 da /caixa e foto de sessão na abertura de /profissionais */
.cx-leque{margin:1.1rem auto 0;display:grid;justify-items:center;gap:.6rem}
.cx-leque__mao{--w:min(30vw,124px);position:relative;width:min(86vw,340px);height:calc(var(--w) * .65 + 30px)}
.cx-leque__mao img{position:absolute;left:50%;bottom:4px;width:var(--w);height:auto;border-radius:9px;background:#FFF;translate:calc(-50% + var(--x) * var(--w) * .62) 0;rotate:var(--g);transform-origin:50% 100%;
  box-shadow:0 1px 0 rgba(var(--sombra-rgb),.25),0 10px 20px rgba(var(--sombra-rgb),.32);transition:rotate 420ms var(--ease),translate 420ms var(--ease)}
.cx-leque figcaption{font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.86}
@media (hover:hover){.cx-leque:hover .cx-leque__mao img{rotate:calc(var(--g) * 1.45)}}
@media (min-width:820px){.cx-leque__mao{--w:150px;width:420px}}
@media (prefers-reduced-motion:reduce){.cx-leque__mao img{transition:none}}
.pf-abre .pf-foto{margin:0;display:grid;justify-items:center;gap:.7rem}
.pf-abre .ad-abre__arte .pf-foto img{width:min(86%,340px);rotate:-1.5deg;aspect-ratio:auto;object-fit:cover}
.pf-foto figcaption{font-size:.7rem;opacity:.68;letter-spacing:.02em}
@media (min-width:820px){.pf-abre .ad-abre__arte .pf-foto img{width:100%;translate:0 0}}
@media (min-width:820px){.ad-promessa__grade h2{white-space:nowrap}}

/* 23/10 · B4: o leque das quatro categorias mora no item das 186 cartas, embaixo do texto */
.ad-itens .cx-leque{grid-column:2;justify-items:start;margin:.7rem 0 .2rem;gap:.35rem}
.ad-itens .cx-leque__mao{--w:min(25vw,100px);width:calc(var(--w) * 2.9);max-width:100%;height:calc(var(--w) * .65 + 26px)}
.ad-itens .cx-leque figcaption{font-size:.72rem;color:var(--tinta-2);opacity:1}
@media (min-width:820px){.ad-itens .cx-leque__mao{--w:112px}}

/* 23/10 · formulário do adulto: telefone com código do país e "Eu sou" em select nativo */
.campo>label{font-size:.95rem;font-weight:800;color:var(--claro)}
.campo__tel{display:grid;grid-template-columns:minmax(0,7.6rem) minmax(0,1fr);gap:8px}
.campo select{min-height:var(--toque);width:100%;padding:.7rem 2.4rem .7rem 1rem;border-radius:var(--r-b);border:2px solid rgba(242,238,255,.25);color:var(--tinta);font:inherit;font-weight:700;font-size:1.05rem;
  appearance:none;-webkit-appearance:none;text-overflow:ellipsis;
  background:var(--lua) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23202AB3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .8rem center/18px;
  transition:border-color var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease)}
.campo__tel select{padding-right:2rem;background-position:right .55rem center}
.campo select:focus-visible{outline:none;border-color:var(--milo);box-shadow:0 0 0 4px rgba(2,172,237,.35)}
.form__sms{font-size:.9rem;font-weight:600;margin-top:-4px;text-wrap:pretty}
.form__sms[hidden]{display:none}

/* 23/10 · revisão de UX de /caixa e /profissionais */
/* título doce: o contorno de .17em grudava as palavras */
.doce{word-spacing:.15em}
/* rodapé: sem "·" começando linha no celular; o espaço separa os itens */
.rodape__links{gap:0 14px}
.rodape__links li+li::before{content:none}
/* Voltar com rótulo explícito ("Para adultos"), visível também no celular, toque de 44px */
.tarja .tarja__voltar.tarja__voltar--rotulo{width:auto;min-width:44px;min-height:44px;padding:0 .55rem 0 .15rem;margin-right:0;white-space:nowrap}
.tarja__voltar--rotulo span{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important}
@media (max-width:479px){.tarja__voltar--rotulo{font-size:.9rem}.tarja__voltar--rotulo svg{width:20px;height:20px}}
/* barra fixa do celular com o CTA da lista: entra quando o CTA da abertura sai, some quando a #lista entra */
.ad-barra{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 1rem calc(10px + env(safe-area-inset-bottom));
  background:rgba(20,13,54,.95);box-shadow:0 -1px 0 rgba(242,238,255,.14),0 -14px 30px rgba(var(--sombra-rgb),.4);
  transform:translateY(110%);opacity:0;transition:transform 320ms var(--ease),opacity 320ms var(--ease)}
.ad-barra .btn{width:100%;min-height:52px;font-size:1.15rem;padding:.55rem 1rem}
.ad-barra--on{transform:none;opacity:1}
@media (min-width:769px){.ad-barra{display:none}}
@media (prefers-reduced-motion:reduce){.ad-barra{transition:none}}
/* carrossel das 7 habilidades: posição da carta no celular */
.cx-pontos{display:flex;justify-content:center;gap:8px;margin-top:4px}
.cx-pontos i{width:9px;height:9px;border-radius:50%;background:rgba(42,18,5,.28);transition:background-color var(--dur-micro) var(--ease),transform var(--dur-micro) var(--ease)}
.cx-pontos i.on{background:var(--milo-royal);transform:scale(1.35)}
@media (min-width:1024px){.cx-pontos{display:none}}
/* B5 na 2ª posição: a cena não invade a dobra das cartas (os dois Buddies da B2 sobem nela) */
.ad-ponte--contida{padding-bottom:110px}
.ad-ponte--contida .ad-cena{margin-bottom:0}
@media (min-width:820px){.ad-ponte--contida{padding-bottom:160px}.ad-ponte--contida .ad-cena{margin-bottom:0}}
/* o celular da B5 leva ao jogo */
a.ad-cel{display:block;transition:translate var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease)}
a.ad-cel:focus-visible{outline-offset:6px;border-radius:30px}
@media (hover:hover){a.ad-cel:hover{translate:0 -6px;box-shadow:inset 0 0 0 2px rgba(250,189,5,.6),0 4px 0 rgba(var(--sombra-rgb),.6),0 34px 60px rgba(var(--sombra-rgb),.6)}}
/* lista: a caixa na lua sai no celular (3ª aparição); nota fina e link de profissionais sob o formulário */
@media (max-width:819px){.ad-lista__lua{display:none}}
.ad-lista__nota{margin-top:18px;font-size:.88rem;font-weight:600;line-height:1.55;color:var(--claro-2);max-width:60ch;text-wrap:pretty}
.ad-lista__col .cx-pro-link{margin-top:10px}
/* B4: a faixa do título e a foto no mesmo fundo; topo e base esmaecem também no mask sem prefixo */
.ad-caixa.ad-lua{background:var(--lua)}
.ad-caixa__foto img{-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent)}
@media (min-width:820px){
  .ad-caixa__foto img{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,#000 80%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent);mask-composite:intersect}
}
/* órfãs */
.cx-cartas__sub,.ad-itens span,.ad-caixa__sub,.ad-lista__texto p,.ad-ponte__texto p{text-wrap:balance}
/* botão da abertura numa linha no computador (PT "Entrar na lista de espera") */
@media (min-width:820px){.ad-abre__acao .btn,.ad-caixa__texto .btn{flex:0 1 auto;max-width:none;white-space:nowrap}}
/* /profissionais: um só sistema de título (sóbrio) também no H1 e no H2 da lista */
.pf-h1{grid-area:t;font-size:clamp(2rem,7.4vw,3.7rem);line-height:1.04}
.ad-abre .pf-h2,.ad-lista .pf-h2{color:var(--lua)}
.pf-h1{position:relative;margin-bottom:24px}
.pf-h1::after{position:absolute;left:0;bottom:-24px;width:72px;height:6px;margin:0}  /* fio fora do fluxo: a altura do H1 conta só as linhas */
.pf-usos__acao{display:flex;justify-content:center;margin-top:40px}
@media (min-width:820px){.pf-usos__acao{margin-top:56px}}

/* C2 de /profissionais (23/10): o jogo, o método, o registro. Três arranjos diferentes, nada de três cards iguais:
   o tabuleiro solto sobre um disco da lua, o manual aberto numa faixa azul do Milo de ponta a ponta,
   a folha de registro com a carta real da maçã por cima. No computador a imagem alterna de lado. */
.pf-org{padding-bottom:24px}
.pf-org__sub{margin-top:14px;max-width:52ch;font-size:1.06rem;font-weight:600;line-height:1.55;color:var(--tinta-2);text-wrap:pretty}
.pf-parte{padding:28px 0 44px}
.pf-parte__grade{display:grid;gap:26px;align-items:center}
.pf-parte h3{font-family:var(--excon);font-weight:900;font-size:clamp(1.45rem,5.4vw,2.1rem);line-height:1.1;color:var(--milo-royal);text-wrap:balance}
.pf-parte__tema{display:block;margin-bottom:.15em;font-size:.62em;letter-spacing:.01em;color:var(--lanterna-fundo)}
.pf-parte__texto>p{margin-top:12px;font-size:1.06rem;font-weight:600;line-height:1.55;color:var(--tinta-2);max-width:50ch;text-wrap:pretty}
.pf-itens{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px;max-width:54ch}
.pf-itens li{position:relative;padding-left:24px;text-wrap:pretty;font-size:1rem;font-weight:600;line-height:1.5;color:var(--tinta-2)}
.pf-itens li::before{content:"";position:absolute;left:3px;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--lanterna);rotate:45deg}
.pf-itens strong{font-weight:900;color:var(--tinta)}
.pf-arte{position:relative;margin:0}
.pf-arte img{transition:transform 900ms var(--ease) 150ms,opacity 620ms var(--ease) 150ms}
/* o jogo: o recorte sem moldura, sobre um disco de lanterna, com uma carta real escapando por baixo */
.pf-arte--jogo{width:min(100%,460px);margin-inline:auto;isolation:isolate}
.pf-arte--jogo::before{content:"";position:absolute;z-index:-1;left:8%;top:4%;width:84%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#FFE3A3,var(--lua-borda) 70%)}
.pf-arte__tab{position:relative;width:100%;filter:drop-shadow(0 16px 18px rgba(var(--sombra-rgb),.28))}
.pf-arte__carta{position:absolute;right:-2%;bottom:-6%;width:36%;rotate:9deg;border-radius:10px;box-shadow:0 2px 3px rgba(var(--sombra-rgb),.25),0 16px 26px rgba(var(--sombra-rgb),.3)}
/* o método: faixa azul do Milo sangrando a tela, o manual aberto em leque */
.pf-parte--metodo{position:relative;isolation:isolate;margin:28px 0;padding:52px 0 60px;background:var(--milo-royal);color:var(--claro)}
.pf-parte--metodo h3{color:var(--lua)}
.pf-parte--metodo .pf-parte__tema{color:var(--nami)}
.pf-parte--metodo .pf-parte__texto>p,.pf-parte--metodo .pf-itens li{color:var(--claro)}
.pf-parte--metodo .pf-itens strong{color:var(--lua)}
.pf-parte--metodo .pf-itens li::before{background:var(--nami)}
.pf-arte--metodo,.pf-arte--registro{width:min(86%,360px);aspect-ratio:1/1.12;margin-inline:auto}
.pf-folha{position:absolute;width:68%;border-radius:6px;box-shadow:0 2px 3px rgba(var(--sombra-rgb),.3),0 22px 40px rgba(var(--sombra-rgb),.4)}
.pf-arte--metodo .pf-folha--tras{right:0;top:6%;rotate:6deg}
.pf-arte--metodo .pf-folha--frente{left:0;top:2%;rotate:-5deg}
/* o registro: duas folhas e a carta da maçã por cima, como na mesa da sessão */
.pf-arte--registro .pf-folha--tras{left:2%;top:0;rotate:-6deg}
.pf-arte--registro .pf-folha--frente{right:0;top:7%;rotate:3deg}
.pf-arte__maca{position:absolute;left:-4%;bottom:-2%;width:46%;rotate:-10deg;border-radius:10px;box-shadow:0 2px 3px rgba(var(--sombra-rgb),.25),0 16px 26px rgba(var(--sombra-rgb),.32)}
/* entrada: as folhas e as cartas chegam empilhadas e se abrem em leque quando a parte aparece */
.js .pf-arte.rv:not(.in) .pf-folha,.js .pf-arte.rv:not(.in) .pf-arte__carta,.js .pf-arte.rv:not(.in) .pf-arte__maca{transform:rotate(calc(var(--abre,8deg) * -1)) translateY(18px)}
.pf-folha--frente{--abre:-6deg}
@media (min-width:820px){
  .pf-org{padding-bottom:40px}
  .pf-parte{padding:36px 0 64px}
  .pf-parte__grade{grid-template-columns:6fr 5fr;gap:64px}
  .pf-parte--jogo .pf-parte__grade{grid-template-columns:7fr 5fr}
  .pf-parte--metodo{margin:40px 0;padding:80px 0 90px}
  .pf-parte--registro .pf-parte__grade{grid-template-columns:5fr 6fr}
  .pf-arte--jogo{width:110%;max-width:none;margin-left:-10%}
  .pf-arte--metodo,.pf-arte--registro{width:min(100%,420px)}
}
@media (prefers-reduced-motion:reduce){.js .pf-arte .pf-folha,.js .pf-arte .pf-arte__carta,.js .pf-arte .pf-arte__maca{transform:none!important}}


/* B4: foto do kit completo inteira, sem máscara, sem corte e sem multiply (amarelava no fundo creme) */
.ad-caixa__foto{margin:0}
.ad-caixa__foto img{aspect-ratio:1/1;object-fit:contain;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;border-radius:18px;box-shadow:0 2px 4px rgba(var(--sombra-rgb),.18),0 18px 36px rgba(var(--sombra-rgb),.22)}
.ad-caixa__foto figcaption{padding:0}
/* Abertura dos adultos: sem a lua atrás da caixa (pedido de 23/10: sobrava como sombra) */
.ad-abre__arte::before{display:none}

/* ---------- "salvar como app" (js/instalar.js): só área do adulto e confirmação da lista ---------- */
.app-cartao{background:var(--noite);padding:28px 0 8px}
.app-cartao[hidden],.app[hidden]{display:none}
.app{position:relative;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;color:var(--claro);
  padding:16px 56px 16px 16px;border-radius:var(--r-b);background:rgba(242,238,255,.06);box-shadow:inset 0 0 0 1.5px rgba(242,238,255,.14)}
.app__icone{width:48px;height:48px;border-radius:12px;box-shadow:0 4px 12px rgba(var(--sombra-rgb),.4)}
.app__texto{min-width:0}
.app__chamada,.app .app__chamada{margin:0;font-size:1rem;font-weight:800;line-height:1.4;color:var(--lua)}
.app__dica,.app .app__dica{margin:6px 0 0;font-size:.95rem;font-weight:600;line-height:1.55;color:var(--claro-2)}
.app__compartilhar{display:inline-grid;place-items:center;width:28px;height:28px;margin:0 2px;vertical-align:-8px;border-radius:8px;background:var(--lua);color:#0A6CF0}
.app__compartilhar svg{width:18px;height:18px}
.app__botao{margin-top:12px;min-height:48px;padding:.55rem 1.1rem;font-size:1rem;width:100%}
.app__fechar{position:absolute;top:4px;right:4px;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--claro-2);cursor:pointer;display:grid;place-items:center;transition:background-color var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease)}
.app__fechar svg{width:20px;height:20px}
@media (hover:hover){.app__fechar:hover{background:rgba(242,238,255,.12);color:var(--claro)}}
.app--ok{margin-top:22px;text-align:left}
@media (min-width:640px){
  .app--cartao{max-width:560px;margin-inline:auto}
  .app__botao{width:auto}
}
/* Episódios: o nome já está escrito na capa; a linha fica só para leitor de tela (pedido de 23/10) */
.ep-destaque__nome{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Memória da turma (porta.js): cartão no lugar do formulário para quem já deixou nome e e-mail neste aparelho */
.turma{display:grid;gap:12px;text-align:center;outline:0}
.turma__tit{margin:0;font-family:var(--excon);font-weight:900;font-size:1.5rem;line-height:1.2;color:var(--lua)}
.turma__txt{margin:0;font-weight:700;color:var(--claro-2);overflow-wrap:anywhere}
.turma .form{margin-top:4px;text-align:left}
.turma .btn{font-size:1.1rem;text-align:center;overflow-wrap:anywhere}
.turma .ok__acoes{margin-top:6px}
.turma__nao{justify-self:center;min-height:44px;padding:8px 14px;border:0;background:none;color:var(--claro);font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* Episódios: avisa que tem mais episódios embaixo (pedido de 23/10) */
.ep-destaque{padding-bottom:20px}
.ep-mais{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:10px;padding:0 6px;font-weight:900;font-size:1rem;color:#FFFFFF;text-decoration:none;text-shadow:0 1px 2px rgba(var(--sombra-rgb),.45)}
.ep-mais svg{animation:ep-mais 1.6s cubic-bezier(.22,.61,.36,1) infinite}
.ep-mais:focus-visible{outline:3px solid #FFFFFF;outline-offset:2px;border-radius:8px}
@media (hover:hover){.ep-mais:hover{text-decoration:underline;text-underline-offset:4px}}
@keyframes ep-mais{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){.ep-mais svg{animation:none}}
.fileira{scroll-margin-top:84px}
@media (min-width:820px){#poster-destaque{width:min(100%,calc((100svh - 470px) * .5625),360px)}.ep-topo .cabeca{padding:14px 0 8px}}

/* 23/10 · notas do designer da marca (lp-launch como referência) */
/* /personagens: o contorno do nome encostava na frase de baixo */
.ficha__nome{margin-bottom:.14em}
.ficha__frase{margin-top:18px}
@media (min-width:820px){.ficha__frase{margin-top:24px}}
/* /personagens: caixa da one-page entre a última seção e o rodapé, sobre a onda */
.ficha--nami{padding-bottom:0}
/* fecho: amarelo da Nami em cima, onda da lp-launch, azul-noite embaixo; a caixa fica no meio da curva.
   Onda = 19.088vw de altura (1645x314); o fundo da curva fica a 61,1% dela = 11.669vw do topo do SVG. */
.ficha__fecho{--folga:max(32px,calc(11.7vw - 96px));position:relative;isolation:isolate;padding:var(--folga) 0;text-align:center;background:#FBE2A5}
.fecho__onda{position:absolute;z-index:-1;left:0;top:calc(50% - 11.669vw);width:100%;height:19.088vw;overflow:visible;color:var(--noite);pointer-events:none}
.ficha__fecho::after{content:"";position:absolute;z-index:-2;left:0;right:0;bottom:0;top:calc(50% + 7.419vw - 1px);background:var(--noite)}
.fecho-caixa{position:relative;width:min(560px,100%);margin:0 auto;padding:28px 20px 30px;text-align:center;
  background:#FFFFFF;border:3px solid var(--noite);border-radius:22px;box-shadow:0 6px 0 var(--noite)}
@media (min-width:768px){.fecho-caixa{padding:36px 28px 38px}}
.ficha__fecho .fecho-caixa__titulo{font-size:clamp(1.9rem,7vw,2.8rem);line-height:1.04;letter-spacing:-.01em;color:var(--milo-royal)}
.ficha__fecho .fecho-caixa .btn{margin-top:22px}

/* ==========================================================================
   /halloween V2 (23/10) · LP de captura do adulto, mobile first
   Dobras: casca (hero) → veludo (pacote) → lanterna (a noite) → lua (o adulto) → roxo (quem fez) → casca (depois) → veludo (FAQ).
   Clima "Abóbora acesa" chapado; título branco com contorno azul (.doce), CTA azul do Milo com o degrau da lp-launch.
   ========================================================================== */
.lp h2.doce{font-size:clamp(1.75rem,7vw,3.1rem);max-width:none}
.lp-adulto h2.doce,.lp-quem h2.doce{display:block;text-wrap:pretty}
@media not all and (min-width:820px){.lp-pacote h2.doce,.lp-noite h2.doce,.lp-adulto h2.doce,.lp-quem h2.doce,.lp-faq h2.doce{display:block;text-align:center;margin-inline:auto}}  /* no celular, só os títulos das dobras centralizados (revisão do dono, 24/10) */
@media (min-width:820px){.lp-quem h2.doce{font-size:clamp(2rem,3.1vw,2.6rem)}}  /* bloco ocupa a coluna inteira (editorial, nunca encaixotado) */
.lp .doce .hl{color:var(--nami)}
.lp-cab{margin-bottom:26px}
.lp-cab__sub{margin-top:14px;font-size:1.06rem;font-weight:700;line-height:1.5;max-width:58ch}
.lp-cta{max-width:100%}

/* hero: split, celular com o site aberto à direita */
.lp-hero{padding:22px 0 48px}
.lp-hero.casca::before{opacity:.35;-webkit-mask-image:linear-gradient(90deg,transparent 0 40%,#000 75%);mask-image:linear-gradient(90deg,transparent 0 40%,#000 75%)}
.lp-hero__grade{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "a" "s" "c";row-gap:16px;text-align:center;justify-items:center}  /* textos centralizados (revisão do dono, 24/10) */
.lp-h1{grid-area:t;display:block;font-size:clamp(1.5rem,6.28vw,3.35rem);line-height:1.08;letter-spacing:-.02em;word-spacing:.12em}  /* PT (74 caracteres) fecha em 3 linhas no 390 */
.lp-sub{grid-area:s;font-size:1rem;font-weight:700;line-height:1.42;color:var(--tinta);max-width:52ch}
.lp-sub strong{font-weight:900;color:var(--milo-sombra)}
.lp-acao{grid-area:c;display:grid;gap:8px;margin-top:8px;width:100%;justify-items:center}
.lp-acao .btn{width:100%}

.lp-arte{grid-area:a;justify-self:stretch;position:relative;margin:4px 6% 6px}  /* respiro em volta da arte (revisão do dono, 24/10) */  /* stretch: com a grade centralizada, o bloco encolhia */
.lp-arte img{position:relative;display:block;width:100%;height:auto}  /* montagem do dono (24/10): jogo, bloco 2 da home, livrinho e folha numa imagem só */
.fone{display:block;aspect-ratio:390/760;padding:3.2%;border-radius:14% / 7%;background:#0B0720;
  box-shadow:inset 0 0 0 1.5px rgba(242,238,255,.22),0 3px 4px rgba(42,18,5,.3),0 24px 38px rgba(122,46,0,.34)}
.fone::before{content:"";position:absolute;z-index:2;left:50%;top:2.6%;width:30%;height:2.4%;border-radius:999px;background:#0B0720;translate:-50% 0}
.fone img{width:100%;height:100%;object-fit:cover;object-position:50% 0;border-radius:11% / 5.6%}

@media (min-width:820px){
  .lp-hero{padding:40px 0 70px}
  .lp-hero__grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"t a" "s a" "c a";column-gap:72px;row-gap:24px;align-content:center;
    min-height:min(620px,calc(100svh - var(--tarja) - 32px - 110px))}
  .lp-hero__grade{text-align:left;justify-items:start}  /* no computador, o texto da hero volta para a esquerda (revisão do dono, 24/10) */
  .lp-acao{justify-items:start}
  .lp-h1{font-size:clamp(2.4rem,3.6vw,3.15rem);letter-spacing:-.01em;word-spacing:.15em}
  .lp-sub{font-size:1.14rem}
  .lp-acao .btn{width:auto}
  .lp-arte{margin:0 4%;align-self:center}
}
@media not all and (min-width:820px){.lp-hero.casca::before{display:none}}

/* 2 · o pacote como vitrine (revisão do dono, 24/10): 6 cartões com a imagem real de cada item e uma frase que vende a ideia */
.lp-pacote{padding:56px 0 64px;overflow:hidden}
.lp-pacote .lp-cab__sub{color:var(--tinta)}
.lp-vitrine{list-style:none;margin-top:0;margin-bottom:0;padding:0;display:grid;gap:18px}
.lp-vit{background:var(--lua);border-radius:var(--r-a);padding:0 22px 24px;box-shadow:0 14px 30px rgba(122,46,0,.22);overflow:hidden}
.lp-vit h3{margin-top:4px;font-size:1.3rem;color:var(--noite)}
.lp-vit p{margin:8px 0 0;font-weight:600;line-height:1.5;color:var(--tinta)}
.lp-vit__arte{position:relative;height:230px;margin:0 -22px 14px;display:flex;justify-content:center;align-items:flex-end;gap:4%;padding-top:22px}
.lp-vit__arte--1,.lp-vit__arte--5,.lp-vit__arte--6{align-items:flex-start;overflow:hidden}
.lp-vit__arte img{filter:drop-shadow(0 10px 14px rgba(122,46,0,.3))}
.lp-vit .fone--vit{position:relative;height:300px;width:auto;rotate:-4deg}
.lp-vit__arte--5 .fone--vit{rotate:4deg}
.lp-vit__colorir{width:40%;border-radius:4px;align-self:center}
.lp-vit__colorir--1{rotate:-7deg}
.lp-vit__colorir--2{rotate:6deg;margin-top:20px}
.lp-vit__plaq{height:86%;width:auto;align-self:flex-start;transform-origin:50% 4%}
.lp-vit__plaq--1{rotate:-5deg}
.lp-vit__plaq--2{rotate:4deg;margin-top:14px}
/* livrinho que folheia: as folhas viram para a esquerda conforme o cartão sobe na tela */
.lp-folhear{position:relative;height:96%;aspect-ratio:520/736;align-self:center;perspective:1200px}
.lp-folhear img{position:absolute;inset:0;width:100%;height:100%;border-radius:3px 8px 8px 3px;filter:none;box-shadow:0 10px 18px rgba(122,46,0,.28)}
.lp-folhear__folha{transform-origin:0 50%;backface-visibility:hidden;transition:transform 700ms var(--ease),opacity 700ms var(--ease)}
.lp-folhear__folha.virada{transform:rotateY(-160deg);opacity:0}
.lp-pacote__acao,.lp-adulto__acao{margin-top:34px}
@media (min-width:820px){.lp-pacote__acao,.lp-adulto__acao,.lp-faq__acao{display:flex;justify-content:center}}  /* no desktop, botões centralizados fora da hero (revisão do dono, 24/10) */
@media (min-width:640px){.lp-vitrine{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:980px){.lp-vitrine{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
@media (min-width:820px){
  .lp-pacote{padding:104px 0 110px}
  .lp-vit__arte{height:250px}
}
@media (prefers-reduced-motion:reduce){.lp-folhear__folha{transition:none}}

/* 3 · a noite: trilha numerada que se desenha + corredor com portas em arco e plaquinhas balançando */
.lp-noite{padding:56px 0 64px}
.lp-noite .lp-cab__sub{color:var(--tinta)}
.lp-noite__grade{display:grid;gap:34px;align-items:start}
.lp-passos{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:22px}
.lp-passos::before{content:"";position:absolute;left:27px;top:20px;bottom:20px;width:4px;border-radius:4px;background:var(--noite);transform-origin:top;transform:scaleY(0);transition:transform 1400ms var(--ease) 200ms}
.lp-noite.vista .lp-passos::before,.no-io .lp-passos::before{transform:none}
.lp-passo{position:relative;display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start}
.lp-passo__n{font-size:2.6rem;text-align:center;line-height:1}
.lp-passo p{padding-top:6px;font-weight:600;line-height:1.5}
.lp-passo strong{font-weight:900}
.lp-corredor{margin:0;border-radius:var(--r-a);overflow:hidden;box-shadow:0 20px 40px rgba(var(--sombra-rgb),.45)}
.lp-corredor img{display:block;width:100%;height:auto}
.lp-noite__fecho{margin-top:38px;display:grid;gap:16px;max-width:760px}
.lp-noite__fecho p{font-weight:600;line-height:1.55}
.lp-noite__frase{font-family:var(--excon);font-weight:900;font-size:clamp(1.2rem,4.6vw,1.6rem);line-height:1.22;color:var(--noite)}
@media (min-width:820px){
  .lp-noite{padding:104px 0 110px}
  .lp-noite__grade{grid-template-columns:6fr 6fr;gap:56px}
  .lp-corredor{position:sticky;top:130px}
  .lp-noite__fecho{margin-top:54px}
}

/* 4 · o adulto: carta + a página real do livrinho */
.lp-adulto{padding:56px 0 64px;overflow:hidden}
.lp-adulto__grade{display:grid;gap:34px;align-items:center}
.lp-adulto__texto{display:grid;gap:16px}
.lp-adulto__texto>p{font-weight:600;line-height:1.6;color:var(--tinta-2);max-width:60ch}
.lp-adulto .lp-cab__sub{margin-top:0;color:var(--tinta)}
.lp-adulto__aforismo em{display:block;margin-bottom:8px;font-style:normal;font-family:var(--excon);font-weight:900;font-size:clamp(1.3rem,5vw,1.9rem);line-height:1.18;color:var(--milo-royal)}
.lp-pagina{position:relative;margin:0 auto;width:min(84%,400px)}
.lp-pagina>img:first-child{width:100%;border-radius:6px;rotate:2deg;box-shadow:0 2px 3px rgba(42,18,5,.18),0 24px 40px rgba(122,46,0,.22)}
.lp-pagina__nami{position:absolute;right:-8%;bottom:-6%;width:42%;filter:drop-shadow(0 12px 14px rgba(42,18,5,.3))}  /* à direita, com a lupa sobre a página; à esquerda a lupa saía da tela (revisão do dono, 24/10) */
@media (min-width:820px){
  .lp-adulto{padding:104px 0 110px}
  .lp-adulto__grade{grid-template-columns:8fr 4fr;gap:64px}
  .lp-adulto h2.doce{font-size:clamp(2rem,3.4vw,2.9rem)}
  .lp-pagina{width:100%;max-width:440px}
}

/* 5 · quem fez: a Angela numa porta em arco, sangrando a borda esquerda */
.lp-quem{padding:56px 0 64px;overflow:hidden}
.lp-quem__grade{display:grid;gap:30px;align-items:center}
.lp-quem__foto{margin:0;width:min(78%,360px);justify-self:center}
.lp-quem__foto img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;border-radius:999px 999px var(--r-a) var(--r-a) / 50% 50% var(--r-a) var(--r-a);
  box-shadow:0 0 0 8px rgba(250,189,5,.9),0 26px 50px rgba(var(--sombra-rgb),.45)}
.lp-quem__texto{display:grid;gap:16px}
.lp-quem__texto>p{font-weight:600;line-height:1.6;max-width:60ch}
.lp-quem .lp-cab__sub{margin-top:0;color:var(--nami)}
@media (min-width:820px){
  .lp-quem{padding:104px 0 110px}
  .lp-quem__grade{grid-template-columns:4fr 8fr;gap:64px}
  .lp-quem__foto{width:100%;max-width:440px;justify-self:start}
}

/* 6 · depois do Halloween: o pulo do Milo e da Nami atravessando a fronteira da dobra */
.lp-depois{position:relative;padding:150px 0 70px;text-align:center;overflow:visible}
.lp-depois__duo{position:absolute;z-index:3;left:50%;top:-70px;width:210px;translate:-50% 0;filter:drop-shadow(0 18px 18px rgba(122,46,0,.35))}
.lp-depois__miolo{display:grid;justify-items:center;gap:22px}
.lp-depois__placa{display:grid;gap:12px;max-width:640px;padding:22px 20px;border-radius:var(--r-a);background:var(--quadro);box-shadow:0 18px 40px rgba(122,46,0,.18);font-weight:600;line-height:1.55}
.lp-depois__sub{font-weight:900;color:var(--milo-royal)}
@media (min-width:820px){
  .lp-depois{padding:210px 0 110px}
  .lp-depois__duo{top:-110px;width:300px}
  .lp-depois__placa{padding:30px 40px}
}

/* 7 · FAQ: reaproveita a sanfona da área do adulto */
.lp-faq .ad-faq__lado img{width:150px}
.lp-faq__acao{margin-top:30px}
@media (min-width:820px){.lp-faq .ad-faq__lado{display:block;position:sticky;top:140px}.lp-faq .ad-faq__lado img{width:100%;max-width:340px}}

/* modal curto + confirmação em 3 partes */
.campo__erro{margin:-6px 0 0;font-size:.92rem;font-weight:800;color:#FFD84D}
.form--curto .caixa{margin-top:4px}
.form--curto .campo input[aria-invalid="true"]{border-color:#FFD84D}
.lp-ok{display:grid;justify-items:center;gap:12px}
.lp-ok__tit{font-size:clamp(1.6rem,6vw,2.1rem);color:var(--lua);text-wrap:balance}
.lp-ok__tit .hl{color:var(--nami)}
.lp-ok .lp-ok__txt{margin:0;font-size:1rem;line-height:1.5}
.lp-ok__baixar{display:grid;gap:8px;width:100%;margin-top:4px}
.lp-ok__arq{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center;min-height:52px;padding:8px 14px;border-radius:var(--r-b);text-align:left;text-decoration:none;font-weight:800;line-height:1.3;
  background:rgba(242,238,255,.08);box-shadow:inset 0 0 0 1.5px rgba(242,238,255,.24);color:var(--claro);transition:background-color var(--dur-micro) var(--ease)}
.lp-ok__arq svg{width:22px;height:22px;color:var(--nami)}
@media (hover:hover){.lp-ok__arq:hover{background:rgba(242,238,255,.16)}}
.lp-ok__abrir{width:100%;margin-top:6px}
.lp-ok .lp-ok__peq{margin:0;font-size:.88rem;font-weight:700;color:var(--claro-2)}
.lp-ok__turma{width:100%;margin-top:6px;padding-top:16px;border-top:1.5px solid rgba(242,238,255,.16);display:grid;justify-items:center;gap:6px}
.lp-ok__turma h3{font-size:1.1rem;color:var(--lua)}
.lp-ok__turma p{margin:0;font-size:.9rem;font-weight:600;color:var(--claro-2)}
.lp-ok__grupo{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;padding:0 18px;border-radius:var(--r-b);box-shadow:inset 0 0 0 2px rgba(242,238,255,.4);color:var(--claro);font-weight:800;text-decoration:none;transition:background-color var(--dur-micro) var(--ease)}
@media (hover:hover){.lp-ok__grupo:hover{background:rgba(242,238,255,.1)}}

@media (prefers-reduced-motion:reduce){
  .lp-passos::before{transform:none;transition:none}
}

/* ---------- trava da criança (out/2026): nada de formulário; fechado = "chame um adulto" ---------- */
.porta-arte{display:flex;justify-content:center;margin:-30px 0 6px}
.porta-arte img{width:min(62%,240px);filter:drop-shadow(0 12px 16px rgba(0,0,0,.4))}
.portao .porta-texto{font-weight:700;line-height:1.5}
.so-liberado{display:none}
.sb-liberado .so-liberado{display:contents}
.sb-liberado .so-fechado{display:none}
.so-fechado,.so-liberado{line-height:0}
.so-fechado svg,.so-liberado svg{width:1.2em;height:1.2em}
.capa__cadeado{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(20,13,54,.82);color:var(--lua)}
.capa__cadeado svg{width:18px;height:18px}
.sb-liberado .capa__cadeado{display:none}

/* /halloween · rodada 2 (23/10, revisão do dono): hero azul-noite pelo contraste no celular, fundos chapados alternando
   noite → lanterna → roxo → lua → azul do Milo → abóbora → tapete → rodapé noite, onda da lp-launch nas viradas,
   e títulos das dobras sem palavra pintada (só o H1 da hero mantém o amarelo; o texto corrido mantém os destaques). */
.lp-hero{background:var(--noite);color:var(--claro)}
.lp-sub{color:var(--claro)}
.lp-arte{isolation:isolate}
.lp-arte::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:58%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;
  background:radial-gradient(circle at 36% 30%,#FFFCF0 0 34%,var(--lua) 62%,var(--lua-borda));box-shadow:0 0 50px 14px rgba(255,214,140,.25),0 0 140px 40px rgba(255,180,90,.1)}
.lp-hero .fone{box-shadow:inset 0 0 0 1.5px rgba(242,238,255,.25),0 3px 4px rgba(var(--sombra-rgb),.4),0 24px 38px rgba(var(--sombra-rgb),.5)}
.lp-sub strong{color:var(--nami)}
.lp-noite{position:relative}
.lp-noite .lp-cab__sub,.lp-noite__fecho p{color:var(--claro)}
.lp-noite__frase{color:var(--claro)}
.lp-passos::before{background:var(--nami)}
.lp-adulto__aforismo{color:var(--tinta-2)}
.lp-azul{position:relative;isolation:isolate;background:var(--milo-royal);color:var(--claro)}
.lp-quem .lp-cab__sub{color:var(--nami)}
.lp-quem .doce::before{color:var(--milo-sombra);-webkit-text-stroke-color:var(--milo-sombra)}
.lp-faq{position:relative}
.lp-onda{position:absolute;z-index:1;left:0;top:1px;width:100%;height:max(26px,4.6vw);transform:translateY(-100%);pointer-events:none}
.lp-noite .lp-onda{color:var(--noite-3)}
.lp-faq .lp-onda{color:var(--noite-2)}
.lp-depois.casca::before{inset:0}  /* os morcegos não passam para a dobra azul de cima */

/* Pop-up do adulto na home (item 2 do funil, 24/10): sem campo, Milo e Nami em cima, botão para a /halloween */
.popup .portao__corpo{padding:26px 22px 22px;text-align:center}
.popup__duo{display:flex;justify-content:center;align-items:flex-end;gap:2px;margin-bottom:8px}
.popup__duo img{height:104px;width:auto;filter:drop-shadow(0 10px 12px rgba(0,0,0,.35))}
.popup__rotulo{margin:0;font-family:var(--excon);font-weight:900;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--nami)}
.popup h2{padding-right:0;margin-top:6px}
.popup__btn{width:100%;margin-top:20px}
.popup__sair{display:block;width:100%;min-height:var(--toque);margin-top:6px;border:0;background:none;color:var(--claro-2);font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.popup__peq{font-size:.88rem;color:var(--claro-2)!important}
/* ---------- legal: corpo da política (24/10) ---------- */
.legal__corpo{max-width:70ch}
.legal__corpo p{max-width:none;text-wrap:pretty}
.legal__corpo .legal__data{margin-top:10px;font-size:.95rem;opacity:.8}
.legal__corpo h2{margin-top:44px;font-size:clamp(1.35rem,4.5vw,1.7rem);line-height:1.2;text-wrap:balance}
.legal__corpo ul{margin:14px 0 0;padding-left:1.3em;font-size:1.1rem}
.legal__corpo li{margin-top:10px;text-wrap:pretty}
.legal__corpo strong{font-weight:800}