/* Embler — site de apresentação. Tokens (claro/escuro, raridades) entram no
   lugar de TOKENS pelo build.mjs, a partir de src/tokens.mjs (os mesmos do
   App/canvas Aurora). O site segue o tema do sistema, sem botão de troca. */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/plus-jakarta-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/plus-jakarta-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  color-scheme: light;
  --bg: #FBF6F1;
  --surf: #FFFFFF;
  --surf2: #F5EEE6;
  --border: #E8DDD1;
  --line: #EFE7DC;
  --tx: #1C1510;
  --tx2: #5A4B40;
  --tx3: #5E4F44;
  --amber: #8C2207;
  --ember: #EE4E22;
  --corpo: #3B3029;
  --green: #1F7A4D;
  --warn: #B7700F;
  --warn-bg: rgba(183,112,15,0.10);
  --nav-active: rgba(168,44,12,0.10);
  --ember-bg: rgba(238,78,34,0.07);
  --ember-bg2: rgba(238,78,34,0.12);
  --brand-grad: linear-gradient(90deg, #CF4E0E, #B81F62);
  --au-amber: rgba(255,190,120,0.45);
  --au-ember: rgba(250,140,90,0.34);
  --au-mag: rgba(240,120,170,0.32);
  --au-lilas: rgba(190,150,240,0.28);
  --grao-op: 0.06;
  --grao-blend: multiply;
  --vidro-bg: rgba(255,255,255,0.62);
  --vidro-borda: rgba(255,255,255,0.9);
  --vidro-sombra: 0 10px 30px rgba(28,21,16,0.06);
  --topo-bg: rgba(251,246,241,0.7);
  --faixa-bg: radial-gradient(circle at 85% 20%, rgba(196,42,112,0.13) 0%, transparent 50%), linear-gradient(135deg, #FFE9DA, #FBE0EA);
  --faixa-borda: #F0D2C2;
  --aj-brilho: rgba(238,78,34,0.08);
  --loja-borda: #D6C9BC;
  --loja-bg: rgba(255,255,255,0.6);
  --sombra: rgba(28,21,16,0.10);
  --tinta: #2F72B8;
  --tinta-fundo: rgba(47,114,184,0.10);
  --xp: linear-gradient(135deg,#C0441A,#A82C0C);
  --btn-sombra: 0.22;
  --sombra-carta: 0.18;
  --sombra-chip: 0.10;
  --sombra-mock: 0.10;
  --trilha-apagada: rgba(28,21,16,0.28);
  --trilha-x: rgba(28,21,16,0.35);
  --no-halo: rgba(238,78,34,0.14);
  --no-borda: rgba(28,21,16,0.25);
  --pino-sombra: rgba(238,78,34,0.2);
  --cel-bg: #1C1510;
  --cel-borda: #3B3029;
  --falta-borda: #DCD2C6;
  --falta-glow: rgba(238,78,34,0.35);
  --comum-l: #8B7A6B;
  --comum-bg: rgba(122,111,99,0.15);
  --raro-l: #2E5FCC;
  --raro-bg: rgba(62,123,255,0.12);
  --epico-l: #7A2FD6;
  --epico-bg: rgba(147,51,242,0.12);
  --lendario-l: #B7791F;
  --lendario-bg: rgba(245,166,35,0.14);
  --mitico-l: #C8330A;
  --mitico-bg: rgba(242,65,15,0.12);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
  color-scheme: dark;
  --bg: #0B0807;
  --surf: #16100D;
  --surf2: #241C17;
  --border: #2B211A;
  --line: #1F1712;
  --tx: #F7F1EA;
  --tx2: #D2C5B9;
  --tx3: #C4B6A9;
  --amber: #FFC46B;
  --ember: #EE4E22;
  --corpo: #DCD1C6;
  --green: #3EA76D;
  --warn: #F5A623;
  --warn-bg: rgba(245,166,35,0.12);
  --nav-active: rgba(238,78,34,0.14);
  --ember-bg: rgba(238,78,34,0.10);
  --ember-bg2: rgba(238,78,34,0.16);
  --brand-grad: linear-gradient(90deg, #FFC46B, #EE4E22);
  --au-amber: rgba(255,170,80,0.20);
  --au-ember: rgba(238,78,34,0.38);
  --au-mag: rgba(196,42,112,0.40);
  --au-lilas: rgba(122,63,214,0.28);
  --grao-op: 0.09;
  --grao-blend: overlay;
  --vidro-bg: rgba(23,17,13,0.55);
  --vidro-borda: rgba(255,255,255,0.08);
  --vidro-sombra: none;
  --topo-bg: rgba(13,9,6,0.62);
  --faixa-bg: radial-gradient(circle at 85% 20%, rgba(196,42,112,0.27) 0%, transparent 50%), linear-gradient(135deg, #2A140C, #1A0E10);
  --faixa-borda: #3A2218;
  --aj-brilho: rgba(238,78,34,0.13);
  --loja-borda: #4A3D33;
  --loja-bg: rgba(255,255,255,0.02);
  --sombra: rgba(0,0,0,0.45);
  --tinta: #8CC3F2;
  --tinta-fundo: rgba(140,195,242,0.14);
  --xp: linear-gradient(135deg,#FFD98A,#F58038);
  --btn-sombra: 0.3;
  --sombra-carta: 0.45;
  --sombra-chip: 0.40;
  --sombra-mock: 0.40;
  --trilha-apagada: rgba(247,241,234,0.32);
  --trilha-x: rgba(247,241,234,0.45);
  --no-halo: rgba(238,78,34,0.18);
  --no-borda: rgba(247,241,234,0.3);
  --pino-sombra: rgba(238,78,34,0.35);
  --cel-bg: #0B0705;
  --cel-borda: #2B211A;
  --falta-borda: #3A3226;
  --falta-glow: rgba(255,196,107,0.45);
  --comum-l: #B4A395;
  --comum-bg: rgba(122,111,99,0.25);
  --raro-l: #6FA0FF;
  --raro-bg: rgba(62,123,255,0.18);
  --epico-l: #B87DFA;
  --epico-bg: rgba(147,51,242,0.2);
  --lendario-l: #FFC46B;
  --lendario-bg: rgba(245,166,35,0.18);
  --mitico-l: #FF7A52;
  --mitico-bg: rgba(242,65,15,0.18);
  }
}
.tema-escuro {
  color-scheme: dark;
  --bg: #0B0807;
  --surf: #16100D;
  --surf2: #241C17;
  --border: #2B211A;
  --line: #1F1712;
  --tx: #F7F1EA;
  --tx2: #D2C5B9;
  --tx3: #C4B6A9;
  --amber: #FFC46B;
  --ember: #EE4E22;
  --corpo: #DCD1C6;
  --green: #3EA76D;
  --warn: #F5A623;
  --warn-bg: rgba(245,166,35,0.12);
  --nav-active: rgba(238,78,34,0.14);
  --ember-bg: rgba(238,78,34,0.10);
  --ember-bg2: rgba(238,78,34,0.16);
  --brand-grad: linear-gradient(90deg, #FFC46B, #EE4E22);
  --au-amber: rgba(255,170,80,0.20);
  --au-ember: rgba(238,78,34,0.38);
  --au-mag: rgba(196,42,112,0.40);
  --au-lilas: rgba(122,63,214,0.28);
  --grao-op: 0.09;
  --grao-blend: overlay;
  --vidro-bg: rgba(23,17,13,0.55);
  --vidro-borda: rgba(255,255,255,0.08);
  --vidro-sombra: none;
  --topo-bg: rgba(13,9,6,0.62);
  --faixa-bg: radial-gradient(circle at 85% 20%, rgba(196,42,112,0.27) 0%, transparent 50%), linear-gradient(135deg, #2A140C, #1A0E10);
  --faixa-borda: #3A2218;
  --aj-brilho: rgba(238,78,34,0.13);
  --loja-borda: #4A3D33;
  --loja-bg: rgba(255,255,255,0.02);
  --sombra: rgba(0,0,0,0.45);
  --tinta: #8CC3F2;
  --tinta-fundo: rgba(140,195,242,0.14);
  --xp: linear-gradient(135deg,#FFD98A,#F58038);
  --btn-sombra: 0.3;
  --sombra-carta: 0.45;
  --sombra-chip: 0.40;
  --sombra-mock: 0.40;
  --trilha-apagada: rgba(247,241,234,0.32);
  --trilha-x: rgba(247,241,234,0.45);
  --no-halo: rgba(238,78,34,0.18);
  --no-borda: rgba(247,241,234,0.3);
  --pino-sombra: rgba(238,78,34,0.35);
  --cel-bg: #0B0705;
  --cel-borda: #2B211A;
  --falta-borda: #3A3226;
  --falta-glow: rgba(255,196,107,0.45);
  --comum-l: #B4A395;
  --comum-bg: rgba(122,111,99,0.25);
  --raro-l: #6FA0FF;
  --raro-bg: rgba(62,123,255,0.18);
  --epico-l: #B87DFA;
  --epico-bg: rgba(147,51,242,0.2);
  --lendario-l: #FFC46B;
  --lendario-bg: rgba(245,166,35,0.18);
  --mitico-l: #FF7A52;
  --mitico-bg: rgba(242,65,15,0.18);
  background: var(--bg);
  color: var(--tx);
}

:root {
  --grad: linear-gradient(135deg, #EE4E22, #C42A70);
  --gutter: clamp(20px, 5.5vw, 80px);
    --topo-h: 76px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--topo-h) + 24px); }
body {
  margin: 0;
  background: var(--bg);
  color: var(--tx);
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img, svg { display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin: 0; }
button { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--ember); outline-offset: 3px; border-radius: 6px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pular { position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 16px; border-radius: 10px; background: var(--surf); color: var(--tx); font-weight: 700; }
.pular:focus { top: 12px; }


/* ===== visual novo (canvas "Embler Site — novo", 31/10–01/11/2026) ===== */
.pg{--grad:linear-gradient(135deg,#EE4E22,#C42A70);--ember:#EE4E22;position:relative;overflow:hidden;background:var(--bg);color:var(--tx);font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
.pg *,.pg *::before,.pg *::after{box-sizing:border-box}
.pg img,.pg svg{display:block}
:where(.pg) a{color:inherit;text-decoration:none}
:where(.pg) :is(h1,h2,h3,p,figure,ul,ol){margin:0;padding:0}
:where(.pg) :is(ul,ol){list-style:none}
.wrap{width:min(1200px,100% - 2*clamp(20px,5.5vw,80px));margin-inline:auto}
main{position:relative;z-index:1}
.gtext{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.destaque{color:var(--amber)}
.vidro{background:var(--vidro-bg);border:1px solid var(--vidro-borda);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--vidro-sombra)}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--amber);margin-bottom:14px}

/* Aurora viva */
.aurora{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.aurora i{position:absolute;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,var(--c) 0%,transparent 68%)}
.aur-a{animation:aur-a 22s ease-in-out infinite alternate}
.aur-b{animation:aur-b 26s ease-in-out infinite alternate}
.aur-c{animation:aur-c 18s ease-in-out infinite alternate}
@keyframes aur-a{0%{transform:translate(0,0) scale(1)}50%{transform:translate(6%,4%) scale(1.12)}100%{transform:translate(-4%,7%) scale(.95)}}
@keyframes aur-b{0%{transform:translate(0,0) scale(1.05)}50%{transform:translate(-7%,-3%) scale(.92)}100%{transform:translate(5%,-6%) scale(1.1)}}
@keyframes aur-c{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(-5%,5%) rotate(25deg)}}
.grao{position:absolute;inset:0;opacity:.06;background-image:repeating-radial-gradient(circle at 17% 32%,rgba(0,0,0,.5) 0 1px,transparent 1px 3px),repeating-radial-gradient(circle at 73% 61%,rgba(0,0,0,.4) 0 1px,transparent 1px 4px)}

/* topo */
.topo{position:sticky;top:0;z-index:50;height:76px;border-bottom:1px solid var(--line);background:var(--topo-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.topo-in{height:100%;display:flex;align-items:center;gap:24px}
.logo{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}
.logo img{border-radius:10px}
.logo span{font-weight:800;font-size:23px;letter-spacing:-.4px;line-height:1}
.topo-nav{display:flex;align-items:center;gap:32px;margin-left:auto}
.topo-nav a{font-size:15px;font-weight:600}
.topo-nav a:hover{color:var(--amber)}
.topo-nav .sep{width:1px;height:22px;background:var(--border)}

/* botões e selos */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:800;white-space:nowrap;transition:transform .15s,filter .15s}
.btn:hover{transform:translateY(-1px)}
.btn-g{background:var(--grad);color:#FFF6F0;box-shadow:0 10px 26px rgba(238,78,34,.25)}
.btn-o{border:1.5px solid var(--border);background:var(--surf);color:var(--tx)}
.btn-o:hover{border-color:var(--ember)}
.btn-b{background:#FFF6F0;color:#A82C0C;box-shadow:0 12px 30px rgba(60,10,20,.25)}
.btn-md{padding:12px 22px;font-size:15px}
.btn-lg{padding:17px 30px;font-size:17px;border-radius:16px}
.selos{display:flex;gap:12px;flex-wrap:wrap}
.loja{display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 14px;border-radius:14px;border:1.5px dashed var(--loja-borda);background:var(--loja-bg);color:var(--tx3)}
.loja small{display:block;font-size:11px;font-weight:600;color:var(--tx3);line-height:1.2}
.loja b{display:block;font-size:16px;font-weight:800;color:var(--tx2);line-height:1.2}
.cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cta.centro{justify-content:center}

/* carta (raridades) */
.r-comum{--rb:#7A6F63;--g0:#4A3A2E;--g1:#241D16;--rglow:rgba(122,111,99,.4)}
.r-raro{--rb:#3E7BFF;--g0:#2A4A8A;--g1:#16233F;--rglow:rgba(62,123,255,.45)}
.r-epico{--rb:#9333F2;--g0:#5B2A9E;--g1:#2C1550;--rglow:rgba(147,51,242,.45)}
.r-lendario{--rb:#F5A623;--g0:#C98A1E;--g1:#5A3A0C;--rglow:rgba(245,166,35,.5)}
.r-mitico{--rb:#F2410F;--g0:#B83A14;--g1:#4A1406;--rglow:rgba(242,65,15,.5)}
.art{position:relative;flex-shrink:0;overflow:hidden;border:1.5px solid var(--rb);box-shadow:0 16px 36px rgba(0,0,0,var(--sombra-carta))}
.art>i{position:absolute;inset:0;background:linear-gradient(160deg,var(--g0),var(--g1))}
.art>i::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 45%,transparent 60%);background-size:250% 100%;animation:reflexo 5s ease-in-out infinite}
@keyframes reflexo{0%,55%{background-position:120% 0}100%{background-position:-120% 0}}
.art>b{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(45deg);border:1.5px solid rgba(255,246,240,.4);border-radius:4px}
.art-glow{box-shadow:0 0 34px var(--rglow),0 16px 36px rgba(0,0,0,var(--sombra-carta))}
.art-nome{position:absolute;left:10px;right:10px;bottom:10px;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.35);color:#FFF6F0;font-size:12px;font-weight:800;text-align:center}
.pil{display:inline-block;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#FFF6F0;background:linear-gradient(135deg,var(--g0),var(--g1));border:1.5px solid var(--rb);animation:pil-brilho 3s ease-in-out infinite}
@keyframes pil-brilho{0%,60%,100%{box-shadow:0 0 0 transparent}20%{box-shadow:0 0 22px var(--rglow)}}

/* hero */
.hero{padding:72px 0 56px}
.hero-in{display:grid;grid-template-columns:1fr 560px;gap:48px;align-items:center}
.onde{position:relative;height:30px;margin-bottom:18px;font-size:20px;font-weight:800;color:var(--amber)}
.onde span{position:absolute;left:0;top:0;opacity:0;animation:troca 16s infinite both}
@keyframes troca{0%{opacity:0;transform:translateY(12px)}3%,23%{opacity:1;transform:none}26%,100%{opacity:0;transform:translateY(-12px)}}
.hero h1{font-size:72px;line-height:1.03;letter-spacing:-2.4px;font-weight:800}
.hero .sub{margin-top:24px;font-size:21px;line-height:1.5;color:var(--tx2);max-width:500px}
.hero .cta{margin-top:36px}
.hero-arte{position:relative}
.cenas{position:relative;height:560px;border-radius:36px;overflow:hidden;box-shadow:0 40px 80px var(--sombra)}
.cena{position:absolute;inset:0;opacity:0;animation:cena 16s infinite both;overflow:hidden}
@keyframes cena{0%{opacity:0;transform:scale(1.06)}3%{opacity:1}23%{opacity:1;transform:scale(1)}27%,100%{opacity:0;transform:scale(1)}}
.cena-chao{position:absolute;left:0;right:0;bottom:0;width:100%;height:130px}
.feixe{position:absolute;top:-40px;width:120px;height:460px;transform-origin:50% 0;transform:rotate(var(--r));clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);opacity:.8;animation:feixe 4s ease-in-out infinite alternate}
@keyframes feixe{to{transform:rotate(calc(var(--r) * -1))}}
.palco{position:absolute;left:8%;right:8%;bottom:110px;height:18px;border-radius:6px;background:rgba(255,196,107,.45);box-shadow:0 0 40px rgba(255,196,107,.6)}
.refletores{position:absolute;left:6%;right:6%;top:46px;display:flex;justify-content:space-between}
.refletores i{width:14px;height:14px;border-radius:50%;background:#FFF6D8;box-shadow:0 0 22px 8px rgba(255,246,200,.55)}
.arquibancada{position:absolute;left:-10%;right:-10%;top:90px;height:220px;border-radius:50% 50% 0 0/40% 40% 0 0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0 6px,rgba(0,0,0,.18) 6px 14px)}
.campo{position:absolute;left:-20%;right:-20%;bottom:-60px;height:260px;border-radius:50% 50% 0 0/30% 30% 0 0;background:repeating-linear-gradient(90deg,#1B8A55 0 60px,#177A4B 60px 120px)}
.campo i{position:absolute;left:50%;top:50px;width:150px;height:150px;margin-left:-75px;border:3px solid rgba(255,255,255,.55);border-radius:50%}
.bandeirinhas{position:absolute;left:0;top:30px;width:100%;height:90px}
.barracas{position:absolute;left:4%;right:4%;bottom:0;height:200px;display:flex;gap:16px;align-items:flex-end}
.barracas i{flex:1;height:170px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#7A1F2B 0 46px,#FFF3E0 46px 52px,rgba(74,29,16,.75) 52px)}
.barracas i:nth-child(2){height:200px;background:linear-gradient(180deg,#1F4FA8 0 46px,#FFF3E0 46px 52px,rgba(74,29,16,.8) 52px)}
.janela{position:absolute;left:44px;top:44px;width:220px;height:260px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border-radius:14px;background:#2A170D}
.janela i{border-radius:6px;background:linear-gradient(180deg,#FFD49A,#F2A65A)}
.xicara{position:absolute;left:70px;bottom:40px;width:220px}
.vapor{animation:vapor 3s ease-in-out infinite}
@keyframes vapor{0%,100%{opacity:.3;transform:translateY(6px)}50%{opacity:1;transform:translateY(-6px)}}
.carimbo-hero{position:absolute;right:36px;top:36px;width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#FFF6F0;border:3px solid rgba(255,246,240,.85);box-shadow:inset 0 0 0 6px transparent,inset 0 0 0 8px rgba(255,246,240,.5);transform:rotate(-12deg);animation:bate-hero 16s infinite both}
.carimbo-hero span{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;max-width:112px;line-height:1.25}
.carimbo-hero b{font-size:17px;font-weight:800;letter-spacing:.5px;margin:4px 0 2px}
.carimbo-hero small{font-size:11px;font-weight:700;opacity:.85}
@keyframes bate-hero{0%{opacity:0;transform:rotate(-12deg) scale(1.9)}2.5%{opacity:1;transform:rotate(-12deg) scale(.92)}3.5%,22%{opacity:1;transform:rotate(-12deg) scale(1)}25%,100%{opacity:0;transform:rotate(-12deg) scale(1)}}
.carta-hero{position:absolute;right:40px;bottom:40px;transform:rotate(8deg);animation:sobe-carta 16s infinite both}
@keyframes sobe-carta{0%{opacity:0;transform:translateY(60px) rotate(20deg)}3%{opacity:1;transform:translateY(-8px) rotate(6deg)}5%,22%{opacity:1;transform:translateY(0) rotate(8deg)}25%,100%{opacity:0;transform:translateY(0) rotate(8deg)}}
.pontos{display:flex;gap:8px;justify-content:center;margin-top:20px}
.pontos i{width:8px;height:8px;border-radius:99px;background:var(--border);animation:ponto 16s infinite both}
@keyframes ponto{0%{width:8px;background:var(--border)}1%,24%{width:28px;background:var(--ember)}26%,100%{width:8px;background:var(--border)}}

/* promessas */
.promessas{padding:8px 0 40px}
.prom-in{display:grid;grid-template-columns:repeat(3,1fr);border-radius:24px;padding:8px}
.prom{display:flex;align-items:center;gap:16px;padding:22px 26px}
.prom+.prom{border-left:1px solid var(--border)}
.prom-ic{flex-shrink:0;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--grad);color:#FFF6F0}
.prom b{display:block;font-size:17px;font-weight:800}
.prom span{display:block;font-size:14.5px;color:var(--tx2)}

/* seções */
.sec{padding:96px 0}
.sec-txt h2,.sec-titulo h2,.fim h2{font-size:56px;line-height:1.05;letter-spacing:-1.6px;font-weight:800}
.sec-txt>p:not(.eyebrow),.sec-titulo>p:not(.eyebrow){margin-top:22px;font-size:19px;line-height:1.55;color:var(--tx2);max-width:460px}
.sec-titulo{text-align:center;margin-bottom:56px}
.sec-titulo.esq{text-align:left;margin-bottom:0}

/* passaporte */
.passa-in{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:center}
.livro{position:relative;width:820px;height:440px;justify-self:end}
.livro-pag{position:absolute;top:0;width:410px;height:440px;background:var(--papel);background-image:repeating-linear-gradient(0deg,var(--papel-linha) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,var(--papel-linha) 0 1px,transparent 1px 34px);border:1px solid var(--border);box-shadow:0 30px 60px var(--sombra)}
.livro-esq{left:0;border-radius:22px 6px 6px 22px;transform:perspective(1400px) rotateY(4deg);transform-origin:right center}
.livro-dir{left:410px;border-radius:6px 22px 22px 6px;transform:perspective(1400px) rotateY(-4deg);transform-origin:left center}
.livro-dobra{position:absolute;left:390px;top:0;width:40px;height:440px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.10) 48%,rgba(0,0,0,.14) 50%,rgba(0,0,0,.10) 52%,transparent);z-index:2}
.livro-topo{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:space-between;padding:0 30px;font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--tx3);z-index:3}
.carimbo{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--cor);border:3px solid var(--cor);opacity:var(--tinta);transform:rotate(var(--rot));animation:bate 12s infinite both}
.carimbo span{font-size:12px;font-weight:800;letter-spacing:1.2px;line-height:1.2;max-width:84%}
.carimbo b{font-size:19px;font-weight:800;letter-spacing:.6px;margin:5px 0 3px}
.carimbo small{font-size:11px;font-weight:700;letter-spacing:.4px}
.c-redondo{width:150px;height:150px;border-radius:50%;box-shadow:inset 0 0 0 5px var(--papel),inset 0 0 0 7px var(--cor)}
.c-quadrado{width:170px;height:122px;border-radius:12px;border-style:double;border-width:6px}
.c-oval{width:210px;height:124px;border-radius:50%;border-style:dashed}
@keyframes bate{0%{opacity:0;transform:rotate(var(--rot)) scale(1.8)}3%{opacity:var(--tinta);transform:rotate(var(--rot)) scale(.93)}4.5%,90%{opacity:var(--tinta);transform:rotate(var(--rot)) scale(1)}96%,100%{opacity:0;transform:rotate(var(--rot)) scale(1)}}
.carimbo-vazio{position:absolute;z-index:3;width:130px;height:130px;border-radius:50%;border:2.5px dashed var(--falta-borda);display:flex;align-items:center;justify-content:center;animation:espera 2.4s ease-in-out infinite}
.carimbo-vazio span{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--tx3)}
@keyframes espera{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 26px var(--falta-glow)}}

/* passos */
.passos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.passo{border-radius:28px;overflow:hidden}
.passo-ilu{position:relative;height:260px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,var(--au-ember),transparent 70%);border-bottom:1px solid var(--line);overflow:hidden}
.passo-txt{display:flex;gap:16px;padding:26px 28px 30px}
.num{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--grad);color:#FFF6F0;font-weight:800;display:flex;align-items:center;justify-content:center}
.passo h3{font-size:24px;font-weight:800;letter-spacing:-.4px}
.passo p{margin-top:4px;font-size:16px;color:var(--tx2)}
.mapa{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,var(--line) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 28px)}
.rua{position:absolute;height:14px;border-radius:7px;background:var(--surf2);border:1px solid var(--border)}
.r1{left:-10%;right:-10%;top:150px;transform:rotate(-8deg)}
.r2{left:30%;width:14px;height:auto;top:-10%;bottom:-10%;transform:rotate(14deg)}
.r3{left:55%;right:-10%;top:70px;transform:rotate(22deg)}
.pino{position:absolute;left:50%;top:60px;margin-left:-28px;color:var(--ember);filter:drop-shadow(0 8px 10px rgba(238,78,34,.35));animation:pula 1.6s cubic-bezier(.3,0,.4,1) infinite}
.pino svg{fill:var(--surf)}
@keyframes pula{0%,100%{transform:translateY(0)}45%{transform:translateY(-22px)}}
.pino-sombra{position:absolute;left:50%;top:128px;width:44px;height:10px;margin-left:-22px;border-radius:50%;background:rgba(238,78,34,.25);animation:sombra 1.6s cubic-bezier(.3,0,.4,1) infinite}
@keyframes sombra{0%,100%{transform:scale(1)}45%{transform:scale(.6);opacity:.5}}
.cel{position:relative;width:132px;height:216px;border-radius:26px;border:5px solid #3B3029;background:#1C1510;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px var(--sombra)}
.qr{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;width:90px;height:90px;padding:7px;border-radius:10px;background:#FFF6F0}
.qr i{border-radius:1.5px}
.qr i.on{background:#1C1510}
.varre{position:absolute;left:14px;right:14px;top:60px;height:3px;border-radius:2px;background:#EE4E22;box-shadow:0 0 14px 3px rgba(238,78,34,.7);animation:varre 2s ease-in-out infinite alternate}
@keyframes varre{to{transform:translateY(96px)}}
.vira{perspective:900px}
.vira-in{position:relative;width:120px;height:158px;transform-style:preserve-3d;animation:vira 5s ease-in-out infinite}
@keyframes vira{0%,30%{transform:rotateY(180deg)}50%,92%{transform:rotateY(360deg)}100%{transform:rotateY(540deg)}}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.verso{transform:rotateY(180deg)}
.verso-in{width:120px;height:158px;border-radius:13px;background:var(--grad);border:1.5px solid rgba(255,246,240,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 36px var(--sombra)}
.verso-in img{border-radius:10px;opacity:.95}

/* completar */
.completa-in{display:grid;grid-template-columns:auto 1fr;gap:72px;align-items:center}
.album{padding:28px;border-radius:30px}
.album-topo{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}
.album-topo b{font-size:20px;font-weight:800;display:block}
.album-topo span{font-size:14px;color:var(--tx2)}
.album-topo .destaque{font-size:18px}
.prog{height:8px;border-radius:99px;background:var(--surf2);overflow:hidden;margin-bottom:22px}
.prog i{display:block;height:100%;width:91.7%;border-radius:inherit;background:var(--grad)}
.album-grid{display:grid;grid-template-columns:repeat(6,96px);gap:12px}
.album-grid .art{box-shadow:0 8px 18px rgba(0,0,0,var(--sombra-carta))}
.falta{border-radius:11px;border:2px dashed var(--falta-borda);display:flex;align-items:center;justify-content:center;animation:falta 2.2s ease-in-out infinite}
.falta span{font-size:34px;font-weight:800;color:var(--tx3)}
@keyframes falta{0%,100%{box-shadow:0 0 0 0 transparent;transform:scale(1)}50%{box-shadow:0 0 30px var(--falta-glow);transform:scale(1.04)}}
.rar-fila{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}

/* comunidade */
.comu-in{display:grid;grid-template-columns:1fr 600px;gap:64px;align-items:center}
.comu-arte{display:flex;flex-direction:column;gap:16px}
.juntos{display:flex;align-items:center;gap:28px;padding:28px;border-radius:28px}
.juntos-carimbo{position:relative;flex-shrink:0;animation:none;--papel:var(--surf)}
.juntos-txt b{display:block;font-size:22px;font-weight:800;margin-top:14px;letter-spacing:-.3px}
.juntos-txt span{display:block;font-size:15px;color:var(--tx2)}
.avs{display:flex}
.av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#FFF6F0;border:3px solid var(--surf);flex-shrink:0}
.avs .av+.av{margin-left:-12px}
.av-sm{width:36px;height:36px;border-width:0}
.feed{display:flex;flex-direction:column;gap:10px}
.feed li{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;animation:entra 8s infinite both}
.feed p{flex:1;font-size:15px;color:var(--corpo)}
.feed p b{color:var(--tx);font-weight:800}
.feed small{font-size:12.5px;color:var(--tx3);font-weight:600}
@keyframes entra{0%{opacity:0;transform:translateY(14px)}5%,92%{opacity:1;transform:none}100%{opacity:0}}

/* estilos */
.est-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:48px}
.esteira{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.esteira-in{display:flex;gap:24px;width:max-content;animation:esteira 40s linear infinite}
@keyframes esteira{to{transform:translateX(calc(-50% - 12px))}}
.est{width:200px}
.est-art{position:relative;height:264px;border-radius:18px;overflow:hidden;border:1.5px solid var(--border);box-shadow:0 14px 30px var(--sombra)}
.est-art i{position:absolute}
.est figcaption{margin-top:12px;font-size:15px;font-weight:800;text-align:center}
.est-aquarela{background:radial-gradient(circle at 28% 30%,rgba(242,120,150,.75) 0,transparent 42%),radial-gradient(circle at 72% 58%,rgba(110,180,230,.75) 0,transparent 46%),radial-gradient(circle at 38% 82%,rgba(250,200,100,.8) 0,transparent 40%),#FFF8EF}
.est-aquarela i{left:30%;top:36%;width:40%;height:28%;border-radius:50%;background:rgba(120,90,200,.35);filter:blur(6px)}
.est-pixel{background:repeating-conic-gradient(#2A4A8A 0 25%,#3E7BFF 0 50%) 0 0/22px 22px}
.est-pixel i{left:56px;top:88px;width:88px;height:88px;background:conic-gradient(from 90deg,#FFC46B 25%,#F2410F 0 50%,#FFC46B 0 75%,#F2410F 0) 0 0/22px 22px;border:4px solid #1C1510}
.est-anime{background:repeating-conic-gradient(from 0deg at 50% 50%,#1C1510 0 3deg,#FFF6F0 3deg 12deg)}
.est-anime i{left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:radial-gradient(circle,#FFF6F0 55%,transparent 56%)}
.est-retro{background:linear-gradient(180deg,#2B0F3A 0%,#C42A70 50%,#F5A623 51%,#F5A623 58%,#C42A70 59%,#C42A70 64%,#2B0F3A 65%)}
.est-retro i{left:50%;top:70px;width:120px;height:60px;margin-left:-60px;border-radius:120px 120px 0 0;background:repeating-linear-gradient(180deg,#FFC46B 0 8px,transparent 8px 12px)}
.est-neon{background:radial-gradient(circle at 50% 50%,#2C1550,#0D0906 70%)}
.est-neon i{left:50%;top:50%;width:100px;height:100px;margin:-50px 0 0 -50px;border:3px solid #FF4FD8;border-radius:22px;transform:rotate(45deg);box-shadow:0 0 18px #FF4FD8,inset 0 0 18px #FF4FD8}
.est-xilo{background:repeating-linear-gradient(45deg,#1C1510 0 3px,#F3E6D0 3px 9px)}
.est-xilo i{left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#F3E6D0;border:6px solid #1C1510;box-shadow:0 0 0 6px #F3E6D0}
.est-minimal{background:#EFE6DA}
.est-minimal i{left:40px;top:60px;width:120px;height:120px;border-radius:50%;background:#C8562E;box-shadow:30px 70px 0 -30px #1C1510}
.est-sua{background:var(--surf2);border:2px dashed var(--loja-borda);display:flex;align-items:center;justify-content:center;color:var(--tx2)}

/* fim */
.fim{padding-top:40px}
.fim-card{position:relative;overflow:hidden;border-radius:40px;padding:200px 40px 72px;text-align:center;color:#FFF6F0;background:radial-gradient(circle at 80% 10%,rgba(255,196,107,.45),transparent 45%),linear-gradient(135deg,#EE4E22,#C42A70)}
.fim-card h2{color:#FFF6F0}
.fim-card .cta{margin-top:36px}
.fim-card .loja{border-color:rgba(255,246,240,.5);background:rgba(255,255,255,.1)}
.fim-card .loja small,.fim-card .loja b,.fim-card .loja svg{color:#FFF6F0}
.fim-cartas{position:absolute;left:50%;top:40px;width:340px;margin-left:-170px;height:150px}
.fim-cartas .art{position:absolute}
.fc1{left:20px;top:22px;transform:rotate(-14deg)}
.fc2{left:114px;top:0;z-index:2;animation:flutua 4s ease-in-out infinite}
.fc3{left:228px;top:22px;transform:rotate(14deg)}
@keyframes flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* rodapé */
.rodape{position:relative;z-index:1;margin-top:96px;padding:64px 0 40px;border-top:1px solid var(--line)}
.rod-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
.rod-marca p{margin-top:14px;color:var(--tx2);font-size:15px}
.rod-col h2{font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--tx3);margin-bottom:14px}
.rod-col li+li{margin-top:9px}
.rod-col a{font-size:15px;font-weight:600;color:var(--corpo)}
.rod-base{display:flex;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:13.5px;color:var(--tx3)}

/* celular */
@media (max-width:960px){
.topo-nav{display:none}
.topo-in>.btn{margin-left:auto}
.hero{padding-top:40px}
.hero-in,.passa-in,.completa-in,.comu-in{grid-template-columns:1fr;gap:40px}
.hero h1{font-size:min(46px,10.2vw);letter-spacing:-1.4px}
.hero h1 .gtext{white-space:nowrap}
.hero .sub{font-size:18px}
.cenas{height:440px}
.prom-in{grid-template-columns:1fr}
.prom+.prom{border-left:0;border-top:1px solid var(--border)}
.sec{padding:72px 0}
.sec-txt h2,.sec-titulo h2,.fim h2{font-size:38px;letter-spacing:-1px}
.livro{zoom:.42;justify-self:start}
.passos-grid{grid-template-columns:1fr}
.album{zoom:.52}
.est-topo{flex-direction:column;align-items:flex-start}
.rod-grid{grid-template-columns:1fr 1fr}
.juntos{flex-direction:column;align-items:flex-start}
.comu-in>*,.passa-in>*,.completa-in>*{min-width:0}
.rod-base{flex-direction:column;gap:6px}
}

/* v2: fotos */
.cena-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:zoom-foto 16s infinite both;animation-delay:inherit}
@keyframes zoom-foto{0%{transform:scale(1.12)}25%,100%{transform:scale(1)}}
.cena-sombra{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,9,6,.35) 0%,transparent 30%,transparent 55%,rgba(13,9,6,.55) 100%)}
.vj-in{display:grid;grid-template-columns:640px 1fr;gap:72px;align-items:center}
.vj-foto{position:relative;height:440px;border-radius:32px;overflow:hidden;box-shadow:0 40px 80px var(--sombra)}
.vj-foto>img{width:100%;height:100%;object-fit:cover;display:block}
.vj-scan{position:absolute;top:37%;width:58px;height:96px;border-radius:12px;box-shadow:0 0 0 2px rgba(255,246,240,.9),0 0 30px 6px rgba(255,196,107,.7);opacity:0;animation:scan 6s infinite both}
.vj-scan.s1{left:39%}.vj-scan.s2{left:52.5%;animation-delay:.5s}
@keyframes scan{0%,8%{opacity:0;transform:scale(1.3)}14%,30%{opacity:1;transform:scale(1)}40%,100%{opacity:0}}
.ganho{position:absolute;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:16px;opacity:0;animation:ganho 6s infinite both}
.ganho p{font-size:13px;line-height:1.3;color:var(--corpo)}
.ganho b{display:block;font-size:14px;color:var(--tx);font-weight:800}
.ganho em{font-style:normal;font-weight:700;color:var(--tx)}
.ganho .art{flex-shrink:0}
.g1{left:20px;bottom:20px;animation-delay:1.2s}
.g2{right:20px;bottom:20px;animation-delay:1.7s}
@keyframes ganho{0%{opacity:0;transform:translateY(16px) scale(.96)}6%,62%{opacity:1;transform:none}72%,100%{opacity:0;transform:translateY(-6px)}}
.comu-foto{position:relative;height:400px;border-radius:32px;overflow:hidden;box-shadow:0 40px 80px var(--sombra)}
.comu-foto>img{width:100%;height:100%;object-fit:cover;display:block;animation:respira 14s ease-in-out infinite alternate}
@keyframes respira{from{transform:scale(1)}to{transform:scale(1.07)}}
.comu-foto .juntos{position:absolute;left:16px;right:16px;bottom:16px;padding:18px 22px;gap:20px}
.comu-foto .juntos-carimbo{zoom:.72}
@media (max-width:960px){
.vj-in{grid-template-columns:1fr;gap:40px}
.vj-foto{height:300px;order:2}
.comu-foto{height:440px}
.comu-foto .juntos{flex-direction:row;align-items:center}
.vj-in>*{min-width:0}
}

/* logo: leque (protótipo Turno 5) */
@keyframes opoL{0%,8%{transform:rotate(0)}62%,100%{transform:rotate(-38deg)}}
@keyframes opoR{0%,8%{transform:rotate(0)}62%,100%{transform:rotate(38deg)}}
@keyframes opiL{0%,8%{transform:rotate(0)}62%,100%{transform:rotate(-19deg)}}
@keyframes opiR{0%,8%{transform:rotate(0)}62%,100%{transform:rotate(19deg)}}
@keyframes oplift{0%,8%{transform:translateY(0)}62%,100%{transform:translateY(-6px)}}
@keyframes f5oL{0%,6%{transform:rotate(0)}44%,74%{transform:rotate(-38deg)}100%{transform:rotate(0)}}
@keyframes f5oR{0%,6%{transform:rotate(0)}44%,74%{transform:rotate(38deg)}100%{transform:rotate(0)}}
@keyframes f5iL{0%,6%{transform:rotate(0)}44%,74%{transform:rotate(-19deg)}100%{transform:rotate(0)}}
@keyframes f5iR{0%,6%{transform:rotate(0)}44%,74%{transform:rotate(19deg)}100%{transform:rotate(0)}}
@keyframes f5lift{0%,6%{transform:translateY(0)}44%,74%{transform:translateY(-6px)}100%{transform:translateY(0)}}
@keyframes wordIn{0%,50%{opacity:0;transform:translateX(-14px)}100%{opacity:1;transform:none}}
.logo{gap:6px}
.logo span{font-size:26px;letter-spacing:-1px;color:var(--tx)}
.logo-abre span{animation:wordIn 2.5s cubic-bezier(.22,.9,.3,1) both}
.leque{display:block;overflow:visible}
.verso-in .leque{margin-top:6px}
.fim-card{padding-top:210px}
.fim-leque{position:absolute;left:50%;top:34px;margin-left:-75px;filter:drop-shadow(0 18px 30px rgba(20,17,15,.35))}
.comu-foto>img{object-position:50% 20%}.comu-foto .juntos{padding:14px 18px}

/* ===== v3 — hero com personagem (2 cenas de 8 s, loop de 16 s) ===== */
.cenas{height:560px}
.cena{animation:cena2 24s linear 0s infinite both;background:#2A1A12}
@keyframes cena2{0%{opacity:0}1.33%,32%{opacity:1}33.33%,100%{opacity:0}}
.onde2 span{animation:troca2 24s linear 0s infinite both}
@keyframes troca2{0%{opacity:0;transform:translateY(8px)}1.33%,31.33%{opacity:1;transform:none}33.33%,100%{opacity:0;transform:translateY(-8px)}}
.pontos2 i{animation:ponto2 24s linear 0s infinite both}
@keyframes ponto2{0%{width:8px;background:var(--border)}0.67%,32.67%{width:28px;background:var(--ember)}34%,100%{width:8px;background:var(--border)}}

/* café */
.cafe-parede{position:absolute;inset:0;background:linear-gradient(180deg,#F3D3B0 0%,#E8B98E 70%,#C98E62 100%)}
.cafe-parede::after{content:'';position:absolute;left:0;right:0;bottom:0;height:90px;background:repeating-linear-gradient(90deg,#9C6440 0 60px,#8E5838 60px 120px)}
.toldo{position:absolute;left:0;top:0;width:100%;height:70px}
.placa{position:absolute;left:36px;top:92px;padding:10px 20px;border-radius:12px;background:#3A2416;color:#FFE3BF;font-size:22px;font-weight:800;letter-spacing:-.3px;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.vitrine{position:absolute;left:36px;right:250px;top:160px;height:150px;border-radius:14px;border:8px solid #6B3F22;background:linear-gradient(180deg,#FFE1B0,#F5B866);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;opacity:.9}
.vitrine i{border-radius:6px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.55),transparent 60%)}
.qr-placa,.totem{position:absolute;left:300px;top:146px;width:92px;padding:9px;border-radius:12px;background:#FFF8EF;box-shadow:0 12px 26px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;gap:6px;animation:some-qr 24s linear 0s infinite both}
.qr-placa span{font-size:11px;font-weight:800;color:#3A2416;letter-spacing:.3px}
@keyframes some-qr{0%,21%{opacity:1;transform:none}24%,100%{opacity:0;transform:scale(.9)}}
.qr5{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:74px;height:74px}
.qr5 i{border-radius:1.5px}.qr5 i.on{background:#1C1510}
.visor{position:absolute;inset:-10px;border-radius:16px;border:3px solid #FFC46B;box-shadow:0 0 22px 4px rgba(255,196,107,.7);opacity:0;animation:visor 24s linear 0s infinite both}
@keyframes visor{0%,6.67%{opacity:0;transform:scale(1.25)}8.33%,12.67%{opacity:1;transform:scale(1)}14%,100%{opacity:0}}
.feixe-scan{position:absolute;left:251px;top:342px;width:190px;height:40px;transform-origin:0 50%;transform:rotate(-59deg);clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);background:linear-gradient(90deg,rgba(255,196,107,.9),rgba(255,196,107,.15));opacity:0;animation:feixe2 24s linear 0s infinite both}
@keyframes feixe2{0%,10%{opacity:0}11.5%{opacity:.9}14%{opacity:.45}16.5%{opacity:.9}19%,100%{opacity:0}}

/* festival */
.fest-ceu{position:absolute;inset:0;background:linear-gradient(170deg,#1B0A33 0%,#4A1458 50%,#C42A70 100%)}
.fest-luzes i{position:absolute;width:10px;height:10px;border-radius:50%;background:#FFE3A0;box-shadow:0 0 16px 5px rgba(255,214,140,.6);animation:pisca 1.6s ease-in-out infinite alternate}
@keyframes pisca{to{opacity:.35}}
.palco-arco{position:absolute;left:-10%;right:-10%;bottom:70px;height:220px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 100%,rgba(255,196,107,.55),transparent 65%)}
.multidao{position:absolute;left:0;right:0;bottom:0;width:100%;height:130px}
.totem{top:120px}
.totem b{font-size:10.5px;font-weight:800;color:#4A1458;text-align:center;line-height:1.15}

/* personagem */
.pessoa{position:absolute;left:20px;bottom:-10px;width:270px;height:356px;overflow:visible}
.pessoa .corpo{animation:corpo1 24s linear 0s infinite both}
.c2 .pessoa .corpo{animation-name:corpo2}
@keyframes corpo1{0%,37%{transform:translateY(0)}39.5%{transform:translateY(-16px)}42%{transform:translateY(0)}44%{transform:translateY(-8px)}46%,100%{transform:translateY(0)}}
@keyframes corpo2{0%,28%{transform:translateY(0)}30.5%{transform:translateY(-16px)}33%{transform:translateY(0)}35%{transform:translateY(-8px)}37%,100%{transform:translateY(0)}}
.braco{transform-box:view-box;transform-origin:186px 262px;animation:braco 24s cubic-bezier(.3,.7,.3,1) 0s infinite both}
@keyframes braco{0%,4%{transform:rotate(148deg)}9.5%,22%{transform:rotate(0)}27.5%,100%{transform:rotate(148deg)}}
.olhos-f,.boca-f{opacity:0}
.olhos,.boca{animation:normal1 24s linear 0s infinite both}
.olhos-f,.boca-f{animation:feliz1 24s linear 0s infinite both}
.c2 .olhos,.c2 .boca{animation-name:normal2}
.c2 .olhos-f,.c2 .boca-f{animation-name:feliz2}
@keyframes feliz1{0%,37.5%{opacity:0}38%,48%{opacity:1}50%,100%{opacity:0}}
@keyframes normal1{0%,37.5%{opacity:1}38%,48%{opacity:0}50%,100%{opacity:1}}
@keyframes feliz2{0%,28.5%{opacity:0}29%,48%{opacity:1}50%,100%{opacity:0}}
@keyframes normal2{0%,28.5%{opacity:1}29%,48%{opacity:0}50%,100%{opacity:1}}

/* aviso do scan (toast do App) */
.toast-scan{position:absolute;left:50%;top:22px;margin-left:-120px;width:240px;padding:12px 16px;border-radius:16px;text-align:center;animation:toast2 24s linear 0s infinite both}
.toast-scan b{display:block;font-size:15px;font-weight:800;color:var(--tx)}
.toast-scan span{display:block;font-size:12.5px;color:var(--tx2)}
@keyframes toast2{0%,11.33%{opacity:0;transform:translateY(-12px)}12.67%,19.33%{opacity:1;transform:none}21.33%,100%{opacity:0;transform:translateY(-12px)}}

/* booster abrindo → 1 carta */
.revela{position:absolute;left:318px;top:120px;width:176px;height:290px}
.pac-hero{position:absolute;left:13px;top:10px;filter:drop-shadow(0 22px 30px rgba(0,0,0,.45));animation:pac 24s linear 0s infinite both}
@keyframes pac{0%,15%{opacity:0;transform:scale(.6) translateY(30px)}16.67%{opacity:1;transform:scale(1.05)}17.33%{transform:scale(1)}18%{transform:rotate(-4deg)}18.67%{transform:rotate(4deg)}19.33%{transform:rotate(-5deg)}20%{transform:rotate(5deg)}20.67%{transform:rotate(-3deg)}21.33%{transform:rotate(0) scale(1)}22.33%{opacity:1;transform:scale(1.14)}23.33%,100%{opacity:0;transform:scale(1.25)}}
.carta-sai{position:absolute;left:22px;top:50px;animation:carta-sai 24s cubic-bezier(.3,.8,.3,1) 0s infinite both}
@keyframes carta-sai{0%,22.33%{opacity:0;transform:translateY(30px) rotateY(90deg) scale(.85)}23.33%{opacity:1;transform:translateY(0) rotateY(90deg) scale(.95)}25.67%{opacity:1;transform:translateY(-24px) rotateY(0) scale(1.06)}26.67%,32%{opacity:1;transform:translateY(-18px) rotateY(0) scale(1)}33.33%,100%{opacity:0}}
.rotulo-rar{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:800;color:#FFF6F0;background:linear-gradient(135deg,var(--g0),var(--g1));border:1.5px solid var(--rb);box-shadow:0 0 24px var(--rglow);animation:rotulo 24s linear 0s infinite both}
@keyframes rotulo{0%,25.67%{opacity:0;transform:translateX(-50%) scale(.8)}26.67%{opacity:1;transform:translateX(-50%) scale(1.1)}27.33%,32%{opacity:1;transform:translateX(-50%) scale(1)}33.33%,100%{opacity:0}}
.faisca{position:absolute;width:18px;height:18px;fill:#FFD98A;opacity:0;animation:fa1 24s linear 0s infinite both}
.c2 .faisca{animation-name:fa2;fill:#8CC3F2}
.f1{left:300px;top:120px}.f2{left:500px;top:170px;width:13px;height:13px}.f3{left:480px;top:380px;width:15px;height:15px}
.c2 .f1{left:250px;top:100px}.c2 .f2{left:520px;top:140px}.c2 .f3{left:520px;top:350px}
@keyframes fa1{0%,25.33%{opacity:0;transform:scale(.4)}26.67%{opacity:1;transform:scale(1.2)}28.67%{opacity:.4;transform:scale(.8)}30.67%{opacity:1;transform:scale(1.1)}32.67%,100%{opacity:0}}
@keyframes fa2{0%,18.67%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.2)}22.67%{opacity:.4;transform:scale(.8)}25.33%{opacity:1;transform:scale(1.1)}28%{opacity:.5}30.67%{opacity:1}32.67%,100%{opacity:0}}

/* carimbo no passaporte (cena 2) */
.pag-hero{position:absolute;left:258px;top:118px;width:276px;padding:14px 16px 18px;border-radius:16px;background-color:#F4ECDD;background-image:repeating-linear-gradient(0deg,rgba(160,130,90,.10) 0 1px,transparent 1px 28px);box-shadow:0 0 40px 6px rgba(140,195,242,.25),0 24px 48px rgba(0,0,0,.45);animation:pag-hero 24s linear 0s infinite both}
@keyframes pag-hero{0%,14%{opacity:0;transform:translateY(24px) rotate(2deg)}15.67%,32%{opacity:1;transform:rotate(2deg)}33.33%,100%{opacity:0}}
.pag-topo{display:flex;justify-content:space-between;font-family:'Barlow Condensed',sans-serif;font-size:12px;letter-spacing:2px;color:#9A8670}
.bate{display:flex;justify-content:center;margin-top:10px;mix-blend-mode:multiply;animation:bate 24s linear 0s infinite both}
@keyframes bate{0%,16.67%{opacity:0;transform:scale(1.9)}18%{opacity:1;transform:scale(.92)}18.67%,100%{opacity:1;transform:scale(1)}}
.xp-hero,.xp-pag{position:absolute;right:14px;top:-30px;font-size:20px;font-weight:800;background:var(--xp);-webkit-background-clip:text;background-clip:text;color:transparent}
.xp-hero{animation:xp2 24s linear 0s infinite both}
@keyframes xp2{0%,18.67%{opacity:0;transform:translateY(12px)}20%{opacity:1;transform:none}25.33%{opacity:1;transform:translateY(-14px)}28%,100%{opacity:0;transform:translateY(-24px)}}
.chip-booster{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:9px 16px;border-radius:14px;background:linear-gradient(135deg,#EE4E22,#C42A70);color:#FFF6F0;font-size:14px;font-weight:800;box-shadow:0 10px 24px rgba(238,78,34,.4);animation:chipb 24s linear 0s infinite both}
@keyframes chipb{0%,21.33%{opacity:0;transform:translateX(-50%) translateY(10px)}22.67%,32%{opacity:1;transform:translateX(-50%)}33.33%,100%{opacity:0}}

/* ===== jornada ===== */
.jornada-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.jornada .passo-ilu{height:220px}
.jornada .mapa .pino{top:46px}
.jornada .mapa .pino-sombra{top:108px}
.jornada .cel{transform:scale(.86)}
.j-abre{position:relative;width:110px;height:170px}
.pac-j{position:absolute;left:13px;top:12px;filter:drop-shadow(0 14px 20px rgba(0,0,0,.35));animation:pac-j 3.2s ease-in-out infinite}
@keyframes pac-j{0%,30%{transform:none}35%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}45%{transform:rotate(-4deg)}50%{transform:none}}
.j-carta{position:absolute;left:22px;top:30px;animation:j-carta 3.2s ease-in-out infinite}
@keyframes j-carta{0%,52%{opacity:0;transform:translateY(20px)}64%,92%{opacity:1;transform:translateY(-34px) rotate(-6deg)}100%{opacity:0;transform:translateY(-34px)}}
.j-album{display:flex;flex-direction:column;align-items:center;gap:10px}
.j-grid{display:grid;grid-template-columns:repeat(3,44px);gap:8px}
.j-grid .falta span{font-size:20px}
.j-prog{width:160px;height:6px;border-radius:99px;background:var(--surf2);overflow:hidden}
.j-prog i{display:block;height:100%;width:83%;background:var(--grad);border-radius:inherit}
.j-album>span{font-size:13px;font-weight:800;color:var(--tx2)}
.j-craft{display:flex;align-items:flex-end;gap:14px}
.jc1{animation:sobe-ins 3s ease-in-out infinite}
.jc2{animation:sobe-ins 3s ease-in-out .3s infinite}
.jc3{animation:sobe-ins 3s ease-in-out .6s infinite,neon-ouro 2.6s ease-in-out infinite}
/* Insígnia nível 3 (coleção completa): neon dourado pulsando + reflexo que atravessa o escudo */
.neon,.jc3,.brilha{filter:drop-shadow(0 0 4px rgba(255,216,107,.95)) drop-shadow(0 0 14px rgba(255,190,60,.6))}
.neon{animation:neon-ouro 2.6s ease-in-out infinite}
@keyframes neon-ouro{50%{filter:drop-shadow(0 0 6px rgba(255,230,150,1)) drop-shadow(0 0 24px rgba(255,190,60,.85))}}
.ins-reflexo{animation:reflexo-ins 3.2s ease-in-out infinite}
@keyframes reflexo-ins{0%,55%{transform:translateX(0)}100%{transform:translateX(150px)}}
@keyframes sobe-ins{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.j-perfil{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px}
.j-perfil b{display:block;font-size:15px;font-weight:800}
.av-aro{display:inline-flex;padding:3px;border-radius:50%;background:conic-gradient(#FFC46B,#EE4E22,#C42A70,#7A3FD6,#FFC46B);animation:gira 6s linear infinite}
.av-in{width:44px;height:44px;border-radius:50%;background:var(--surf2);border:3px solid var(--surf);display:flex;align-items:center;justify-content:center;color:var(--tx3);animation:gira 6s linear infinite reverse}
.av-aro.grande .av-in{width:72px;height:72px}
@keyframes gira{to{transform:rotate(360deg)}}
.titulo-chip{display:inline-block;margin-top:4px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800;color:#FFF6F0;background:linear-gradient(135deg,#FF9A6B,#C42A70)}

/* ===== falta uma ===== */
.falta-mit{border-color:#F2410F}

/* ===== carimbo e passaporte ===== */
.passa-in{grid-template-columns:1fr 620px;gap:64px}
.passa-arte{position:relative;height:470px}
.pag{position:absolute;width:300px;padding:14px 16px 20px;border-radius:16px;background-color:#F4ECDD;background-image:repeating-linear-gradient(0deg,rgba(160,130,90,.10) 0 1px,transparent 1px 28px);box-shadow:0 24px 48px var(--sombra)}
.pag-a{left:10px;top:10px;transform:rotate(-5deg)}
.pag-b{left:300px;top:60px;transform:rotate(4deg);box-shadow:0 0 40px 6px rgba(47,114,184,.18),0 24px 48px var(--sombra)}
.pag-c{display:flex;justify-content:center;margin-top:12px;mix-blend-mode:multiply}
.bate2{animation:bate2 4s ease-out infinite both}
@keyframes bate2{0%,10%{opacity:0;transform:scale(1.9)}16%{opacity:1;transform:scale(.92)}19%,88%{opacity:1;transform:scale(1)}96%,100%{opacity:0}}
.xp-pag{animation:xpp 4s ease-out infinite both}
@keyframes xpp{0%,18%{opacity:0;transform:translateY(10px)}24%{opacity:1;transform:none}60%{opacity:1;transform:translateY(-14px)}75%,100%{opacity:0}}
.pass-fila{position:absolute;left:40px;right:0;bottom:0;padding:16px 20px;border-radius:22px}
.pass-fila>b{display:block;font-size:14px;font-weight:800;margin-bottom:10px}
.pass-fila>div{display:flex;align-items:center;gap:12px}
.mini{display:flex;padding:6px;border-radius:10px;background:#F4ECDD;mix-blend-mode:normal}
.mini svg{mix-blend-mode:multiply}
.mini.fav{box-shadow:0 0 0 2px #FFC46B,0 0 18px rgba(255,196,107,.5)}

/* ===== perfil ===== */
.perfil-in{display:grid;grid-template-columns:500px 1fr;gap:72px;align-items:center}
.perfil-card{padding:26px;border-radius:30px}
.pc-topo{display:flex;align-items:center;gap:18px}
.pc-topo b{display:block;font-size:22px;font-weight:800}
.pc-topo span{display:block;font-size:14px;color:var(--tx2)}
.pc-topo .titulo-chip{display:inline-block;color:#FFF6F0;font-size:12px}
.pc-sec{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.pc-sec>small{display:block;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--tx3);margin-bottom:12px}
.pc-dest{display:flex;align-items:center;gap:18px}
.pc-dest b{display:block;font-size:18px;font-weight:800}
.pc-dest span{font-size:14px;color:var(--tx2)}
.brilha{animation:sobe-ins 3.4s ease-in-out infinite,neon-ouro 2.6s ease-in-out infinite}
.pc-book{display:flex;gap:14px}
.pc-pass{display:flex;gap:8px}
.pc-pass span{display:flex;padding:5px;border-radius:9px;background:#F4ECDD}
.pc-pass svg{mix-blend-mode:multiply}

/* ===== comunidade ===== */
.comu-in{grid-template-columns:1fr 600px}
.sec-txt>p+p{margin-top:14px !important}
.feed li{gap:14px;padding:14px 16px}
.fd{flex:1;min-width:0}
.fd small{display:block;font-size:12px;color:var(--tx3)}
.fd small b{color:var(--tx2)}
.fd>b{display:block;font-size:15.5px;font-weight:800;color:var(--tx)}
.fd p{font-size:14px;color:var(--tx2)}
.live-ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(238,78,34,.12);color:var(--ember);animation:falta 2s ease-in-out infinite}
.perto{margin-top:16px;padding:12px;border-radius:22px}
.perto>b{display:block;padding:12px 6px 4px;font-size:15px;font-weight:800}
.perto-mapa{position:relative;height:190px;border-radius:14px;overflow:hidden;background-color:var(--surf2);background-image:repeating-linear-gradient(0deg,var(--line) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 28px)}
.perto-mapa .r1{top:110px}.perto-mapa .r3{top:40px}
.ppin{position:absolute;display:flex;flex-direction:column;align-items:center;color:var(--ember);transform:translate(-50%,-100%);animation:pula 2s cubic-bezier(.3,0,.4,1) infinite}
.ppin em{font-style:normal;font-size:11.5px;font-weight:800;color:var(--tx);background:var(--surf);padding:2px 8px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 10px var(--sombra)}
.voce{position:absolute;width:16px;height:16px;margin:-8px;border-radius:50%;background:#2E5FCC;border:3px solid #FFF;box-shadow:0 0 0 8px rgba(46,95,204,.2)}

/* ===== empresas ===== */
.emp{padding-top:24px;padding-bottom:24px}
.emp-card{display:flex;align-items:center;gap:40px;padding:32px 40px;border-radius:30px}
.emp-card h2{font-size:30px;font-weight:800;letter-spacing:-.6px;line-height:1.15}
.emp-card p{margin-top:6px;font-size:17px;color:var(--tx2)}
.emp-card>div:nth-child(2){flex:1}
.emp-cartas{position:relative;width:180px;height:120px;flex-shrink:0}
.emp-cartas .art{position:absolute}
.e1{left:0;top:18px;transform:rotate(-12deg)}.e2{left:48px;top:0;z-index:2;animation:flutua 4s ease-in-out infinite}.e3{left:108px;top:18px;transform:rotate(12deg)}

/* fim */
.fim-card h2{font-size:56px}

@media (max-width:960px){
.cenas{zoom:.62;height:560px}
.jornada-grid{grid-template-columns:1fr}
.passa-in,.perfil-in,.comu-in{grid-template-columns:1fr;gap:40px}
.passa-arte{zoom:.55}
.perfil-card{zoom:.72}
.emp-card{flex-direction:column;align-items:flex-start}
.passa-in>*,.perfil-in>*,.comu-in>*{min-width:0}
.fim-card h2{font-size:38px}
}
.art-ilu{position:absolute;left:12%;top:10%;width:76%;height:66%}

/* ===== v4 ===== */
/* tempo das cenas sem var() (o editor pode descartar animação com var no atalho) */
.c1{opacity:1}
.c2,.c2 *{animation-delay:8s !important}
.onde2 span:nth-child(2),.pontos2 i:nth-child(2){animation-delay:8s}

/* hero com ilustração */
.cena{background:#3A2416}
.cena-ilu{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:zoom-ilu 24s ease-out 0s infinite both}
@keyframes zoom-ilu{0%{transform:scale(1.08)}32%{transform:scale(1)}100%{transform:scale(1)}}
.visor{position:absolute;inset:auto;border-radius:12px}
.toast-scan{left:auto;right:20px;top:20px;margin-left:0;width:230px}
.revela{left:352px;top:150px}
.pag-hero{left:286px;top:170px;width:254px}
.pag-hero .bate svg{width:210px;height:auto}
.c1 .f1{left:350px;top:130px}.c1 .f2{left:528px;top:190px}.c1 .f3{left:508px;top:440px}
.c2 .f1{left:300px;top:140px}.c2 .f2{left:530px;top:150px}.c2 .f3{left:520px;top:440px}

/* logo: leque animado por classe */
.lq{transform-box:view-box;transform-origin:50px 92px}
.lq-parado .oL{transform:rotate(-38deg)}.lq-parado .oR{transform:rotate(38deg)}.lq-parado .iL{transform:rotate(-19deg)}.lq-parado .iR{transform:rotate(19deg)}.lq-parado .lift{transform:translateY(-6px)}
.lq-abre .oL{animation:lqoL 6s cubic-bezier(.32,1.25,.44,1) .22s infinite both}
.lq-abre .oR{animation:lqoR 6s cubic-bezier(.32,1.25,.44,1) .22s infinite both}
.lq-abre .iL{animation:lqiL 6s cubic-bezier(.32,1.25,.44,1) .1s infinite both}
.lq-abre .iR{animation:lqiR 6s cubic-bezier(.32,1.25,.44,1) .1s infinite both}
.lq-abre .lift{animation:lqlift 6s cubic-bezier(.32,1.25,.44,1) 0s infinite both}
@keyframes lqoL{0%,8%{transform:rotate(0)}28%,82%{transform:rotate(-38deg)}98%,100%{transform:rotate(0)}}
@keyframes lqoR{0%,8%{transform:rotate(0)}28%,82%{transform:rotate(38deg)}98%,100%{transform:rotate(0)}}
@keyframes lqiL{0%,8%{transform:rotate(0)}28%,82%{transform:rotate(-19deg)}98%,100%{transform:rotate(0)}}
@keyframes lqiR{0%,8%{transform:rotate(0)}28%,82%{transform:rotate(19deg)}98%,100%{transform:rotate(0)}}
@keyframes lqlift{0%,8%{transform:translateY(0)}28%,82%{transform:translateY(-6px)}98%,100%{transform:translateY(0)}}
.lq-loop .oL{animation:f5oL 3.6s cubic-bezier(.32,1.25,.44,1) .22s infinite both}
.lq-loop .oR{animation:f5oR 3.6s cubic-bezier(.32,1.25,.44,1) .22s infinite both}
.lq-loop .iL{animation:f5iL 3.6s cubic-bezier(.32,1.25,.44,1) .1s infinite both}
.lq-loop .iR{animation:f5iR 3.6s cubic-bezier(.32,1.25,.44,1) .1s infinite both}
.lq-loop .lift{animation:f5lift 3.6s cubic-bezier(.32,1.25,.44,1) 0s infinite both}
.logo span{letter-spacing:-.6px}

/* peso dos títulos */
.hero h1,.sec-txt h2,.sec-titulo h2,.fim h2,.fim-card h2{font-weight:700}
.passo h3,.emp-card h2{font-weight:700}

/* promessas: ícone grande, centralizado */
.prom-in{padding:12px}
.prom{flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:6px;padding:30px 28px}
.prom-ic{width:64px;height:64px;border-radius:20px;margin-bottom:10px;box-shadow:0 10px 24px rgba(238,78,34,.25)}
.prom b{font-size:18px;font-weight:700}
.prom span{font-size:15px;line-height:1.45}

/* fotos de perfil */
.foto-av{border-radius:50%;object-fit:cover}
img.av-in{border:3px solid var(--surf)}
img.av-sm{width:38px;height:38px;flex-shrink:0}
.av-org{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#EE4E22,#C42A70);color:#FFF6F0;font-size:12.5px;font-weight:800}

/* conquistas */
.pc-conq{display:flex;gap:16px}
.conq{display:flex;flex-direction:column;align-items:center;gap:6px;width:86px}
.conq i{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#FFF6EA;border:2px solid rgba(255,246,234,.55);box-shadow:0 6px 16px var(--sombra)}
.conq em{font-style:normal;font-size:12px;font-weight:700;color:var(--tx2);text-align:center;line-height:1.25}

/* fundo: luz com direção + faixas suaves */
:root{--banda:rgba(255,255,255,.5)}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]){--banda:rgba(255,236,220,.025)}}
.tema-escuro{--banda:rgba(255,236,220,.025)}
.jornada,.perfil{background:linear-gradient(180deg,transparent,var(--banda) 14%,var(--banda) 86%,transparent)}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]) .grao{opacity:.035}}
.tema-escuro .grao{opacity:.035}

@media (max-width:960px){
.prom{padding:22px 20px}
}
.prom .prom-ic{display:flex;align-items:center;justify-content:center;color:#FFF6F0;font-size:0}

/* ===== v5: 3ª cena (live) ===== */
.c3,.c3 *{animation-delay:16s !important}
.onde2 span:nth-child(3),.pontos2 i:nth-child(3){animation-delay:16s}
.cena.c3{background:#1B0A33}
.c3 .f1{left:350px;top:130px}.c3 .f2{left:528px;top:190px}.c3 .f3{left:508px;top:440px}

/* ===== v7: fundo em degradê contínuo, cores do leque (âmbar, laranja, magenta, violeta) ===== */
:root{--f-amber:rgba(255,178,84,.62);--f-ember:rgba(255,122,70,.46);--f-mag:rgba(240,84,160,.40);--f-lilas:rgba(152,104,246,.38)}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]){--f-amber:rgba(255,84,64,.30);--f-ember:rgba(242,58,48,.40);--f-mag:rgba(214,36,126,.48);--f-lilas:rgba(122,52,226,.50)}}
.tema-escuro{--f-amber:rgba(255,84,64,.30);--f-ember:rgba(242,58,48,.40);--f-mag:rgba(214,36,126,.48);--f-lilas:rgba(122,52,226,.50)}
.aurora{background:linear-gradient(172deg,#FFF0E0 0%,#FFE7DC 22%,#FDE5F0 44%,#F2E6FC 62%,#FFE8DC 82%,#FFF0E0 100%)}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]) .aurora{background:linear-gradient(172deg,#150A0B 0%,#1B0A15 22%,#190A24 44%,#130A27 62%,#1C0B14 82%,#150907 100%)}}
.tema-escuro .aurora{background:linear-gradient(172deg,#150A0B 0%,#1B0A15 22%,#190A24 44%,#130A27 62%,#1C0B14 82%,#150907 100%)}
/* queda longa em vários passos: a mancha some sem borda e uma cor derrete na outra */
.aurora i{background:radial-gradient(circle closest-side,var(--c) 0%,color-mix(in srgb,var(--c) 82%,transparent) 22%,color-mix(in srgb,var(--c) 52%,transparent) 45%,color-mix(in srgb,var(--c) 22%,transparent) 68%,color-mix(in srgb,var(--c) 6%,transparent) 86%,transparent 100%)}
.jornada,.perfil{background:none}

/* ===== demais páginas ===== */
.topo-nav a.ativo{color:var(--amber)}
.centro-txt{text-align:center;display:flex;flex-direction:column;align-items:center}
.centro-txt .sub{margin-left:auto;margin-right:auto}
.hero h1{font-weight:700}
.sec-titulo{text-align:center;margin-bottom:48px}
.sec-titulo h2{font-size:52px;line-height:1.06;letter-spacing:-1.5px;font-weight:700}

/* Para empresas */
.emp-hero .hero-in{grid-template-columns:1fr 580px}
.emp-hero h1{font-size:64px}
.emp-arte{position:relative;height:540px}
.emp-foto{position:absolute;right:0;top:0;width:500px;height:500px;border-radius:36px;overflow:hidden;box-shadow:0 40px 80px var(--sombra)}
.emp-foto img{width:100%;height:100%;object-fit:cover;animation:respira 14s ease-in-out infinite alternate}
.toast-fixo{position:absolute;right:24px;top:24px;padding:12px 18px;border-radius:16px;text-align:center;animation:flutua 4s ease-in-out infinite}
.toast-fixo b{display:block;font-size:15px;font-weight:800}
.toast-fixo span{font-size:12.5px;color:var(--tx2)}
.pm{position:absolute;left:0;bottom:0;width:300px;padding:18px;border-radius:22px}
.pm-topo{display:flex;align-items:center;gap:12px}
.pm-topo b{display:block;font-size:15px;font-weight:800}
.pm-topo small{font-size:12.5px;color:var(--tx2)}
.pm-nums{display:flex;gap:24px;margin:16px 0 14px}
.pm-nums b{display:block;font-size:24px;font-weight:800;letter-spacing:-.5px}
.pm-nums small{font-size:12.5px;color:var(--tx2)}
.pm-barras{display:flex;align-items:flex-end;gap:8px;height:70px}
.pm-barras i{flex:1;border-radius:6px 6px 2px 2px;background:var(--surf2);transform-origin:bottom;animation:barra 1.2s cubic-bezier(.3,.8,.3,1) both}
.pm-barras i.hoje{background:var(--grad)}
@keyframes barra{from{transform:scaleY(0)}}
.ganhos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gcard{padding:28px;border-radius:24px}
.gcard .prom-ic{display:flex;align-items:center;justify-content:center;color:#FFF6F0;width:56px;height:56px;border-radius:18px;margin-bottom:18px}
.gcard h3{font-size:20px;font-weight:700;letter-spacing:-.3px}
.gcard p{margin-top:6px;font-size:15.5px;color:var(--tx2);line-height:1.5}
.fa-in{display:grid;grid-template-columns:520px 1fr;gap:72px;align-items:center}
.fa-arte{position:relative;height:360px}
.fa-perfil{position:absolute;left:0;top:0;width:420px;padding:24px;border-radius:28px}
.fa-perfil .pc-dest{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.fa-av{border:3px solid var(--surf)}
.fa-feed{position:absolute;right:0;bottom:0;width:360px;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;animation:flutua 4.5s ease-in-out infinite}
.fa-feed b{font-size:15px;font-weight:800}
.fa-feed p{font-size:13.5px;color:var(--tx2)}
.passos-emp{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.passos-emp li{padding:28px;border-radius:24px}
.passos-emp .num{margin-bottom:16px}
.passos-emp h3{font-size:21px;font-weight:700}
.passos-emp p{margin-top:6px;font-size:15.5px;color:var(--tx2)}
.ver-precos{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:40px;font-size:18px;color:var(--tx2)}
.ver-precos b{color:var(--tx)}
.emp-fim{padding:72px 40px}
.fim-sub{margin-top:12px;font-size:17px;opacity:.9}
.ja-parceiro{margin-top:22px;font-size:15px;opacity:.9}
.ja-parceiro a{font-weight:800;text-decoration:underline}

/* Preços */
.pr-hero,.ch-hero{padding-bottom:24px}
.pr-hero h1,.ch-hero h1,.nf h1{font-size:68px;line-height:1.04;letter-spacing:-2px}
.planos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.plano{position:relative;overflow:hidden;padding:34px 30px 30px;border-radius:30px;display:flex;flex-direction:column}
.pl-faixa{position:absolute;left:0;right:0;top:0;height:6px}
.pl-bronze .pl-faixa{background:linear-gradient(90deg,#E3A47A,#9C5B33)}
.pl-prata .pl-faixa{background:linear-gradient(90deg,#E6EAF0,#8E98A8)}
.pl-ouro .pl-faixa{background:linear-gradient(90deg,#FFD98A,#E0891A)}
.pl-ouro{box-shadow:0 0 0 1.5px rgba(245,166,35,.55),0 30px 60px rgba(245,166,35,.16)}
.plano h2{font-size:26px;font-weight:700}
.pl-sub{font-size:15px;color:var(--tx2);margin-top:4px}
.pl-preco{display:flex;align-items:baseline;gap:6px;margin:22px 0 20px}
.pl-preco b{font-size:56px;font-weight:700;letter-spacing:-2px;line-height:1}
.pl-preco small{font-size:16px;color:var(--tx2);font-weight:600}
.pl-itens{display:flex;flex-direction:column;gap:12px;flex:1;margin-bottom:26px;padding-top:20px;border-top:1px solid var(--line)}
.pl-itens li{position:relative;padding-left:28px;font-size:15.5px;color:var(--corpo)}
.pl-itens li::before{content:'';position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--grad);-webkit-mask:radial-gradient(circle,#000 3px,transparent 3.5px);mask:radial-gradient(circle,#000 3px,transparent 3.5px)}
.pl-itens li::after{content:'';position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--ember);opacity:.5}
.pl-itens b{color:var(--tx)}
.plano .btn{justify-content:center}
.extras{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.extra{display:flex;align-items:center;gap:18px;padding:24px 26px;border-radius:24px}
.extra .prom-ic{display:flex;align-items:center;justify-content:center;color:#FFF6F0;width:56px;height:56px;border-radius:18px;flex-shrink:0}
.extra>div{flex:1}
.extra h3{font-size:19px;font-weight:700}
.extra p{font-size:14.5px;color:var(--tx2);margin-top:2px}
.faq{max-width:820px}
.faq h2{font-size:32px;font-weight:700;margin-bottom:18px}

/* sanfona (Preços e Ajuda) */
.aj-q{border-radius:18px;margin-bottom:10px}
.aj-q summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-size:17px;font-weight:700;cursor:pointer;list-style:none}
.aj-q summary::-webkit-details-marker{display:none}
.aj-q summary svg{flex-shrink:0;color:var(--tx3);transition:transform .25s}
.aj-q[open] summary svg{transform:rotate(90deg);color:var(--ember)}
.aj-q>p,.aj-r{padding:0 22px 20px;font-size:15.5px;color:var(--corpo);line-height:1.6}
.aj-r p+p,.aj-r p+ul,.aj-r ul+p{margin-top:10px}

/* Chances */
.busca{display:flex;align-items:center;gap:12px;width:min(560px,100%);margin-top:32px;padding:16px 20px;border-radius:18px;color:var(--tx3);font-size:16px}
.busca span{color:var(--tx);font-weight:700}
.busca .ph{color:var(--tx3);font-weight:500}
.busca small{margin-left:auto;font-size:13px;color:var(--tx3)}
.ch-cartao{max-width:720px;margin:0 auto;padding:28px;border-radius:28px}
.ch-cab{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.ch-cab b{display:block;font-size:18px;font-weight:800}
.ch-cab small{font-size:13.5px;color:var(--tx2)}
.ch-linha{display:grid;grid-template-columns:34px 100px 1fr 54px;align-items:center;gap:16px;padding:10px 0;border-top:1px solid var(--line)}
.ch-nome{font-weight:700}
.ch-barra{height:10px;border-radius:99px;background:var(--surf2);overflow:hidden}
.ch-barra i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--g0),var(--rb));transform-origin:left;animation:enche 1.4s cubic-bezier(.3,.8,.3,1) both}
@keyframes enche{from{transform:scaleX(0)}}
.ch-linha>b{text-align:right;font-size:17px;font-weight:800}
.ch-tit{text-align:center;font-size:32px;font-weight:700;margin:64px 0 24px}
.ch-blocos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

/* Ajuda */
.aj-hero-in{display:grid;grid-template-columns:1fr 440px;gap:48px;align-items:end}
.aj-hero h1{font-size:64px;line-height:1.04;letter-spacing:-2px}
.aj-dest{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:22px}
.aj-dest .prom-ic{display:flex;align-items:center;justify-content:center;color:#FFF6F0;width:52px;height:52px;border-radius:16px;flex-shrink:0}
.aj-dest b{display:block;font-size:17px;font-weight:800}
.aj-dest small{font-size:13.5px;color:var(--tx2)}
.aj-dest>svg{margin-left:auto;color:var(--ember)}
.aj-meio{padding-top:24px}
.aj-grid{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}
.aj-lat{position:sticky;top:96px;display:flex;flex-direction:column;padding:10px;border-radius:22px}
.aj-lat a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;font-weight:700;color:var(--corpo)}
.aj-lat a svg{color:var(--tx3)}
.aj-lat a small{margin-left:auto;font-size:12.5px;color:var(--tx3)}
.aj-lat a.ativo{background:var(--surf2);color:var(--tx)}
.aj-lat a.ativo svg{color:var(--ember)}
.aj-topico+.aj-topico{margin-top:40px}
.aj-topico h2{font-size:26px;font-weight:700;margin-bottom:14px}
.aj-contato{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding:28px;border-radius:24px}
.aj-contato h2{font-size:24px;font-weight:700}
.aj-contato p{color:var(--tx2)}
.aj-contato .cta{margin-top:0}

/* blocos de texto (Ajuda e Legal) */
.lista{display:flex;flex-direction:column;gap:8px;padding-left:4px}
.lista li{position:relative;padding-left:20px}
.lista li::before{content:'';position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--ember);transform:rotate(45deg)}
.call{display:flex;gap:12px;padding:16px 18px;border-radius:16px;background:var(--surf2);border:1px solid var(--border)}
.call svg{flex-shrink:0;color:var(--ember)}
.passos{display:flex;flex-direction:column;gap:12px}
.passos li{display:flex;align-items:center;gap:12px}
.passos .n{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;background:var(--surf2);border:1px solid var(--border)}
.passos .n-grad{background:var(--grad);color:#FFF6F0;border:0}
.tbl-wrap{overflow:hidden;border-radius:16px;border:1px solid var(--border)}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.tbl th,.tbl td{padding:12px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.tbl thead th{background:var(--surf2);font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--tx2);border-top:0}
.pg a:not(.btn):not(.logo){color:inherit}
.aj-r a,.lg-doc a{color:var(--amber) !important;font-weight:700}

/* Legal */
.lg{padding-top:56px}
.lg-grid{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start}
.lg-lat{position:sticky;top:96px;padding:22px;border-radius:22px}
.lg-lat h2{font-size:12px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--tx3);margin-bottom:10px}
.lg-lat ul+h2{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.lg-lat ul{display:flex;flex-direction:column;gap:2px}
.lg-lat ul a{display:block;padding:9px 12px;border-radius:12px;font-weight:700;font-size:15px;color:var(--corpo)}
.lg-lat ul a.ativo{background:var(--surf2);color:var(--tx);box-shadow:inset 3px 0 0 var(--ember)}
.lg-lat ol{display:flex;flex-direction:column;gap:7px;font-size:13.5px;color:var(--tx2)}
.lg-doc{max-width:760px}
.selo-rasc{display:inline-block;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:800;color:#B7700F;background:rgba(245,166,35,.14);border:1px solid rgba(245,166,35,.35)}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]) .selo-rasc{color:#FFD98A}}
.tema-escuro .selo-rasc{color:#FFD98A}
.lg-doc h1{margin-top:16px;font-size:52px;line-height:1.06;letter-spacing:-1.5px;font-weight:700}
.lg-atual{margin-top:8px;font-size:14px;color:var(--tx3)}
.lg-intro{margin-top:22px;font-size:19px;line-height:1.55;color:var(--tx2)}
.lg-sec{margin-top:40px;font-size:16px;line-height:1.65;color:var(--corpo)}
.lg-sec h2{font-size:24px;font-weight:700;letter-spacing:-.3px;margin-bottom:12px;color:var(--tx)}
.lg-sec h2 span{color:var(--ember);margin-right:8px}
.lg-sec>*+*{margin-top:12px}

/* 404 */
.nf{padding:96px 0 120px}
.nf-carta{margin-bottom:32px}
.nf-carta .falta{border-width:3px}
.nf-carta .falta span{font-size:64px}
.nf .cta{margin-top:32px;justify-content:center}

@media (max-width:960px){
.emp-hero .hero-in,.fa-in,.aj-hero-in,.aj-grid,.lg-grid{grid-template-columns:1fr}
.emp-hero h1,.pr-hero h1,.ch-hero h1,.nf h1,.aj-hero h1{font-size:42px;letter-spacing:-1.2px}
.sec-titulo h2{font-size:36px}
.emp-arte{zoom:.66;height:540px}
.ganhos,.passos-emp,.planos,.extras,.ch-blocos{grid-template-columns:1fr}
.fa-arte{zoom:.75}
.extra{flex-direction:column;align-items:flex-start}
.aj-lat,.lg-lat{position:static}
.aj-contato{flex-direction:column;align-items:flex-start}
.lg-doc h1{font-size:38px}
.ch-linha{grid-template-columns:34px 80px 1fr 46px;gap:10px}
}
.nf .sub{margin-top:18px}

/* ===== v8: V1 só com contato ===== */
.pl-preco{margin-bottom:6px}
.pl-de{margin-bottom:20px;font-size:14.5px;color:var(--tx2)}
.pl-de b{color:var(--tx)}
.pr-tabs{padding-top:40px;padding-bottom:40px}
.cmp-wrap{overflow-x:auto;border-radius:24px;padding:10px 24px}
.cmp{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15.5px;color:var(--corpo)}
.cmp caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cmp th,.cmp td{padding:15px 14px;text-align:center;vertical-align:middle;border-top:1px solid var(--line)}
.cmp thead th{border-top:0;padding:14px}
.cmp tbody th{text-align:left;font-weight:700;color:var(--tx);width:30%}
.cmp tbody th small{display:block;margin-top:2px;font-size:13px;font-weight:600;color:var(--tx2)}
.cmp td b{font-size:18px;font-weight:800;color:var(--tx);letter-spacing:-.2px}
.cmp-pl{display:inline-block;padding:6px 16px;border-radius:999px;font-size:14.5px;font-weight:800;color:#2A1608}
.cmp-bronze{background:linear-gradient(90deg,#E3A47A,#C98A5E)}
.cmp-prata{background:linear-gradient(90deg,#E6EAF0,#B4BCC9)}
.cmp-ouro{background:linear-gradient(90deg,#FFD98A,#F0A63C)}
.cmp-nota{margin-top:18px;text-align:center;font-size:15px;color:var(--tx2)}
.evs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.evs-2{grid-template-columns:repeat(2,1fr);max-width:920px;margin:0 auto}
.ev{display:flex;flex-direction:column;padding:28px;border-radius:24px}
.ev .prom-ic{display:flex;align-items:center;justify-content:center;color:#FFF6F0;width:56px;height:56px;border-radius:18px;margin-bottom:18px}
.ev h3{font-size:21px;font-weight:700;letter-spacing:-.3px}
.ev-preco{display:flex;align-items:baseline;gap:6px;margin:12px 0 10px}
.ev-preco b{font-size:40px;font-weight:700;letter-spacing:-1.2px;line-height:1.1}
.ev-preco small{font-size:15px;font-weight:600;color:var(--tx2)}
.ev-sob b{font-size:26px;letter-spacing:-.5px;line-height:1.7}
.ev>p:not(.ev-preco){flex:1;margin-bottom:22px;font-size:15.5px;line-height:1.5;color:var(--tx2)}
.ev .btn{justify-content:center}
.ch-nota{max-width:720px;margin:18px auto 0;text-align:center;font-size:15px;color:var(--tx2)}
@media (max-width:960px){
.evs,.evs-2{grid-template-columns:1fr}
.cmp-wrap{padding:6px 8px}
.cmp{font-size:12.5px}
.cmp th,.cmp td{padding:11px 5px}
.cmp thead th{padding:10px 2px}
.cmp tbody th{width:28%}
.cmp td b{font-size:13.5px;letter-spacing:0}
.cmp-pl{padding:4px 8px;font-size:11.5px}
}


/* ===== menu do celular ===== */
.topo-acoes { display: flex; align-items: center; gap: 14px; }
.topo-menu { display: none; padding: 6px; margin: -6px; background: none; border: 0; cursor: pointer; }
.topo-menu .ic + .ic { display: none; }
.menu-aberto .topo-menu .ic { display: none; }
.menu-aberto .topo-menu .ic + .ic { display: block; }
.menu {
  position: fixed; left: 0; right: 0; top: var(--topo-h); bottom: 0; z-index: 49;
  overflow-y: auto; background: var(--bg);
  background-image: radial-gradient(circle at 90% 10%, var(--au-ember) 0%, transparent 45%), radial-gradient(circle at 10% 80%, var(--au-mag) 0%, transparent 45%);
  animation: menu-desce 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes menu-desce { from { opacity: 0; transform: translateY(-12px); } }
.menu-in { min-height: 100%; display: flex; flex-direction: column; padding-top: 8px; }
.menu-item { display: flex; align-items: center; gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--line); font-size: 19px; font-weight: 700; }
.menu-item span { flex: 1; }
.menu-item .ic:first-child { color: var(--amber); }
.menu-item .ic:last-child { color: var(--tx3); }
.menu-entrar { margin-top: 24px; width: 100%; }
.menu-legal { margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 28px 0 calc(28px + env(safe-area-inset-bottom, 0px)); font-size: 13.5px; font-weight: 600; color: var(--tx2); }
.menu-aberto, .menu-aberto body { overflow: hidden; }


/* ===== só no site: o que o canvas não precisa ===== */
.pg{overflow:clip;min-height:100vh}
.topo{height:var(--topo-h)}
.topo-acoes{display:flex;align-items:center;gap:14px}
.topo-nav a[aria-current]{color:var(--amber);font-weight:800}
.aurora i{will-change:auto}

/* Busca da Ajuda e das Chances */
.busca input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:17px;font-weight:500;color:var(--tx);outline:none}
.busca input::placeholder{color:var(--tx3);opacity:1}
.busca:focus-within{border-color:var(--ember);box-shadow:0 0 0 4px var(--ember-bg)}
.aj-busca-col .busca{max-width:620px}

/* Ajuda */
.aj-lat a.ativo{background:var(--surf2);color:var(--tx)}
.aj-lat a.ativo svg{color:var(--ember)}
.aj-chips{display:none}
.aj-vazio{padding:20px 0 32px;font-size:17px;color:var(--tx2)}
.aj-r .lista li{font-size:15.5px}
[hidden]{display:none !important}

/* Legal */
.lg-lat ol a{display:block;color:var(--tx2)}
.lg-lat ol a:hover{color:var(--tx)}
.lg-lat ol a.ativo{color:var(--amber);font-weight:700}
.lg-lat ul a[aria-current]{background:var(--surf2);color:var(--tx);box-shadow:inset 3px 0 0 var(--ember)}
.seletor{display:none;margin-top:22px}
.seletor summary{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;background:var(--surf);border:1px solid var(--border);font-weight:700;cursor:pointer;list-style:none}
.seletor summary::-webkit-details-marker{display:none}
.seletor summary span{flex:1}
.seletor ol{margin-top:8px;padding:8px 16px;border-radius:16px;background:var(--surf);border:1px solid var(--border)}
.seletor a{display:block;padding:9px 0;font-size:15px;font-weight:600;color:var(--tx2)}

/* Chances: busca e cartão montados pelo site.js com a API pública */
.ch-busca-caixa{position:relative;width:min(560px,100%);margin-top:32px;text-align:left}
.ch-busca-caixa .busca{margin-top:0;width:100%}
.ch-lista{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:6;max-height:360px;overflow-y:auto;padding:8px;border-radius:18px;background:var(--surf);border:1px solid var(--border);box-shadow:0 18px 50px var(--sombra)}
.ch-lista-tit{padding:8px 14px 6px;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--tx3)}
.ch-item{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:0;border-radius:14px;background:transparent;color:var(--tx);font:inherit;text-align:left;cursor:pointer}
.ch-item:hover,.ch-item[aria-selected="true"]{background:var(--nav-active)}
.ch-item b{display:block;font-size:16px;font-weight:800}
.ch-item small{display:block;margin-top:2px;font-size:13.5px;font-weight:600;color:var(--tx2)}
.ch-item>svg{margin-left:auto;flex-shrink:0;color:var(--tx3)}
.ch-ins{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#FFC46B,#EE4E22 55%,#C42A70)}
.ch-ins::after{content:'';width:14px;height:14px;border-radius:3px;transform:rotate(45deg);background:#FFF6F0}
.ch-ins.tem-img::after{display:none}
.ch-ins img{width:100%;height:100%;object-fit:cover}
.ch-aviso{margin-top:14px;font-size:15px;color:var(--tx2)}
.ch-cartao{margin-bottom:8px}
.ch-cab-txt{flex:1;min-width:0}
.ch-cab-txt h2{font-size:22px;font-weight:800;letter-spacing:-.3px}
.ch-org{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:14.5px;font-weight:600;color:var(--tx2)}
.ch-legenda{font-size:13px;font-weight:700;color:var(--tx2)}
.ch-barras{margin:0;padding:0;list-style:none}
.ch-rodape{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding-top:16px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.55;color:var(--tx2)}
.ch-rodape svg{flex-shrink:0;margin-top:1px;color:var(--tx3)}
.ch-linha>b{font-variant-numeric:tabular-nums}

/* Imagem de compartilhamento (só no build) */
.pg-og{margin:0}
.og{position:relative;width:1200px;height:630px;overflow:hidden;display:flex;align-items:center;padding-left:80px;background:linear-gradient(135deg,#1B0A15,#190A24 55%,#1C0B14);color:var(--tx)}
.og-txt{position:relative;z-index:2;width:620px}
.og-txt h1{margin:28px 0 18px;font-size:68px;font-weight:700;line-height:1.05;letter-spacing:-2px}
.og-txt p{font-size:24px;font-weight:700;color:var(--tx2)}
.og-arte{position:absolute;right:70px;top:0;width:430px;height:630px}
.og-c{position:absolute}

@media (max-width:960px){
.topo-nav{display:none}
.topo-acoes{margin-left:auto}
.topo-menu{display:flex}
.topo-entrar{padding:9px 16px;font-size:14px}
.menu-aberto .topo-entrar{display:none}
:root{--topo-h:64px}
.aurora i{animation:none}
.aj-lat{display:none}
.aj-chips{display:flex;gap:8px;overflow-x:auto;margin:0 -20px 18px;padding:0 20px;scrollbar-width:none}
.aj-chips::-webkit-scrollbar{display:none}
.aj-chips a{flex-shrink:0;padding:9px 15px;border-radius:999px;background:var(--surf);border:1px solid var(--border);font-size:14px;font-weight:700;white-space:nowrap}
.aj-chips a.ativo{background:var(--tx);border-color:var(--tx);color:var(--bg)}
.lg-lat ul+h2,.lg-lat ol{display:none}
.seletor{display:block}
.tbl-wrap{border:0;border-radius:0;overflow:visible}
.tbl,.tbl tbody,.tbl tr,.tbl th,.tbl td{display:block}
.tbl thead{display:none}
.tbl tr{margin-bottom:10px;padding:14px 16px;border-radius:16px;background:var(--surf);border:1px solid var(--border)}
.tbl td{display:flex;gap:10px;padding:4px 0 0;border:0;font-size:14px}
.tbl td:first-child{padding-top:0;font-size:15.5px;font-weight:800;color:var(--tx)}
.tbl td:first-child::before{display:none}
.tbl td::before{content:attr(data-rotulo);flex-shrink:0;width:104px;font-weight:600;color:var(--tx3)}
}

/* Reduzir movimento: tudo parado e legível; no topo fica só a primeira cena */
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none !important;transition:none !important}
.cena:not(.c1),.onde span:not(:first-child),.pontos{display:none !important}
.cena.c1,.onde span:first-child{opacity:1 !important}
.cena .visor,.cena .faisca,.cena .toast-scan,.cena .revela .pacote{display:none !important}
.cena .revela,.cena .carta-sai{opacity:1 !important;transform:none !important}
.cena .rotulo-rar{opacity:1 !important;transform:translateX(-50%) !important}
.leque .oL{transform:rotate(-38deg)}.leque .oR{transform:rotate(38deg)}.leque .iL{transform:rotate(-19deg)}.leque .iR{transform:rotate(19deg)}.leque .lift{transform:translateY(-6px)}
.logo span,.pag-c,.bate2,.xp-pag,.j-carta,.jc1,.jc2,.jc3{opacity:1 !important}
}

/* Barra de rolagem discreta: o Chrome no Windows mostra uma faixa clara à direita */
html{scrollbar-width:thin;scrollbar-color:var(--border) transparent}
/* Carrossel do topo: arrastar para o lado troca a cena e rolar a página continua igual */
.hero-arte{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.hero-arte.arrastando{cursor:grabbing}
.hero-arte img{-webkit-user-drag:none;pointer-events:none}
@media (prefers-reduced-motion:reduce){
.hero[data-cena="2"] .cena.c1,.hero[data-cena="3"] .cena.c1{display:none !important}
.hero[data-cena="2"] .cena.c2,.hero[data-cena="3"] .cena.c3{display:block !important;opacity:1 !important}
.hero[data-cena="2"] .onde span:first-child,.hero[data-cena="3"] .onde span:first-child{display:none !important}
.hero[data-cena="2"] .onde span:nth-child(2),.hero[data-cena="3"] .onde span:nth-child(3){display:inline !important;opacity:1 !important}
}

/* Botão de tema no topo */
.tema-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:none;color:var(--tx);cursor:pointer}
.tema-btn:hover{background:var(--surf2)}
html:not(.js) .tema-btn{display:none}
[data-tema-atual="escuro"] .tema-btn svg:last-child,[data-tema-atual="claro"] .tema-btn svg:first-child{display:none}
@media (max-width:960px){.topo-acoes{gap:6px}.topo-entrar{margin-right:6px}}
@media (max-width:350px){.logo span{display:none}}

/* Passaporte: miniaturas selecionáveis */
button.mini{border:0;cursor:pointer;font:inherit;transition:transform .15s ease,box-shadow .15s ease}
button.mini:hover{transform:translateY(-3px)}
.mini svg{width:72px;height:auto;transition:width .2s ease}
.mini.fav svg{width:96px}
.pag-b{--cor-carimbo:#2F72B8;box-shadow:0 0 40px 6px color-mix(in srgb,var(--cor-carimbo) 18%,transparent),0 24px 48px var(--sombra)}

/* Palco quadrado das ilustrações: cobre a cena como object-fit:cover e leva o quadro
   de leitura junto, para ele ficar sobre o QR em qualquer largura e durante o zoom */
.cenas{container-type:size}
.cena-palco{position:absolute;left:calc(50% - 50cqmax);top:calc(50% - 50cqmax);width:100cqmax;height:100cqmax;animation:zoom-ilu 24s ease-out 0s infinite both}
.cena-palco .cena-ilu{animation:none}
/* Tablet: a cena continua quadrada; esticada, cortava o QR da ilustração */
@media (max-width:960px){.cenas{width:560px;max-width:100%;margin-inline:auto}}
/* No café o fundo é claro: o quadro de leitura precisa de mais contraste */
.c1 .visor{border-color:#E8590C;box-shadow:0 0 18px 4px rgba(232,89,12,.6)}
/* Celular muito estreito: os 5 carimbos do Passaporte precisam caber na fila */
@media (max-width:350px){.mini svg{width:56px}.mini.fav svg{width:72px}}