/* Player da leitura · moldura "Noche dorada" (design system de 29/09; refeito em 01/10/2026 pela revisão de design).
   Um preto/azul só em volta do palco (cabeçalho, legenda, controles), ouro só como sinal (palavra dita, progresso,
   item ativo), marfim no texto e prata no texto secundário. Cor de ação em --accion (verde do 7·7; trocável por laranja).
   No celular, palco + legenda + controles cabem na altura útil da tela (100svh), sem altura mínima rígida.
   --barra-oferta: espaço extra no rodapé, ligado pelo player quando a barra fixa da oferta aparece.
   As classes .n-* e .pg-* mais abaixo são das cenas HTML do player antigo (index.html) e ficam como estavam.
   Fontes locais (CSP do servidor). */
@font-face{font-family:Fraunces;src:url('/assets/fraunces.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Space;src:url('/assets/space.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{
  --noche:#06060C;--noche2:#0D0E1C;--linea:#2B2D48;--plata:#A3A6C2;--marfil:#F4EFE6;--oro:#FFD34D;
  --borde:rgba(163,166,194,.6);
  --accion:linear-gradient(135deg,#34D96F 0%,#1DB35B 100%);--accion-texto:#fff;--accion-sombra:0 12px 42px rgba(37,211,102,.38);
  /* alturas da moldura do player (o palco fica com o resto da tela) */
  --top-h:44px;--cap-h:76px;--tr-h:82px;--barra-oferta:0px;
  --serif:Fraunces,Georgia,serif;--sans:Space,'Segoe UI',system-ui,sans-serif;
  /* legado: cenas HTML do player antigo (index.html) */
  --plum:#1D1022;--plum-2:#2C1932;--plum-3:#3A2142;--line:#57365C;--rose:#E08CB6;--rose-soft:#E6A9C8;--ivory:#F8F1F5;--muted:#C7ABC1;--gold:#FFD34D;--gold-2:#FFE07A;--gold-ink:#2A1607;
  color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--noche)}
body{margin:0;background:var(--noche);color:var(--marfil);font-family:var(--sans);-webkit-tap-highlight-color:transparent}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
:focus-visible{outline:2px solid var(--oro);outline-offset:3px}
h1,h2,h3,p{margin:0}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- cabeçalho ---------- */
.top{display:flex;align-items:center;gap:12px;height:var(--top-h);max-width:1180px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background:var(--noche)}
.brand{display:flex;align-items:center;gap:10px;font:400 18px/1 var(--serif);color:var(--marfil);letter-spacing:.01em}
/* logo na proporção do arquivo (68 × 96) e em ouro chapado: a imagem vira máscara, o ouro é a cor */
.brand img{display:none}
.brand::before{content:"";flex:none;width:19px;height:27px;background:var(--oro);-webkit-mask:url('/assets/guru-logo-96.webp') center/contain no-repeat;mask:url('/assets/guru-logo-96.webp') center/contain no-repeat}
.badge{margin-left:auto;font-size:12px;color:var(--plata);border:1px solid var(--linea);border-radius:30px;padding:5px 11px}
main{max-width:1180px;margin:0 auto;padding-bottom:calc(60px + var(--barra-oferta))}

/* ---------- palco: altura ---------- */
.screen{background:var(--noche)}
.stage{position:relative;width:100%;overflow:hidden;background:var(--noche);contain:layout paint;isolation:isolate}
/* celular: o palco ocupa o que sobra da tela útil (com as barras do Safari e do Instagram) */
@media(max-width:759px){
  .stage{aspect-ratio:auto;max-height:none;
    height:max(220px,calc(100vh - var(--top-h) - var(--cap-h) - var(--tr-h) - var(--barra-oferta) - env(safe-area-inset-bottom,0px)));
    height:max(220px,calc(100svh - var(--top-h) - var(--cap-h) - var(--tr-h) - var(--barra-oferta) - env(safe-area-inset-bottom,0px)))}
}
/* tela baixa (celular pequeno com barras): o cabeçalho sai e devolve a altura ao palco */
@media(max-width:759px) and (max-height:600px){:root{--top-h:0px}.top{display:none}}
/* computador e tablet: vídeo vertical 4:5 centralizado, com legenda e controles na mesma largura */
@media(min-width:760px){
  :root{--player-w:clamp(320px,calc((100svh - var(--top-h) - var(--cap-h) - var(--tr-h) - var(--barra-oferta) - 40px) * .8),560px)}
  .top{max-width:calc(var(--player-w) + 32px)}
  .screen{width:var(--player-w);margin:16px auto 0;border:1px solid var(--linea);border-radius:16px;overflow:hidden}
  .stage{aspect-ratio:4/5;height:auto;max-height:none}
}
@media(orientation:landscape) and (max-height:540px){:root{--top-h:0px}.top{display:none}}
.stage>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

/* ---------- palco: camadas ----------
   Céu, foto, letras de fundo e faíscas ficam ABAIXO do desenho (SVG): nada de poeira ou faísca por cima de número e texto.
   O palco é um contexto de empilhamento próprio (isolation), então o z-index negativo não sai dele. */
.l2-stage #sky-fallback{z-index:-5}
.l2-stage #sky{z-index:-4}
.l2-stage #plate{z-index:-3}
.l2-stage #glyphs{z-index:-2}
.l2-stage #fx{z-index:-1}
/* letras e números de fundo: mais fracos e só nas laterais (a faixa central fica livre para o conteúdo) */
.l2-stage #glyphs{opacity:.5;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 12%,transparent 24%,transparent 76%,#000 88%,#000 100%);mask-image:linear-gradient(90deg,#000 0,#000 12%,transparent 24%,transparent 76%,#000 88%,#000 100%)}
/* véu da foto da Emma em noche (era ameixa) */
.l2-stage .l2-plate::after{background:radial-gradient(ellipse at 50% 30%,transparent 0%,#06060C33 45%,#06060Ce0 100%),linear-gradient(180deg,#06060C66 0%,transparent 26%,transparent 40%,#06060Cd0 60%,#06060Cf5 100%)}
.html{position:absolute;inset:0;pointer-events:none;--k:.5}
.html>*{position:absolute;left:0;top:0;opacity:0;visibility:hidden;will-change:transform,opacity}
.silent-tag{position:absolute;right:10px;top:10px;font-size:10px;letter-spacing:.14em;color:var(--plata);background:#0D0E1Ccc;border:1px solid var(--linea);border-radius:20px;padding:4px 9px;z-index:4}
.n-sky{pointer-events:none}
/* cursor piscando nas cenas (linha do nome vazia): anima pelo CSS, mesmo com a leitura parada no portão */
.svg-caret{animation:svgCaret 1.06s steps(1,end) infinite}
@keyframes svgCaret{0%{opacity:1}50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.svg-caret{animation:none}}

/* ---------- capa antes do play ---------- */
.start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;padding:0 20px 9%;background:linear-gradient(0deg,#06060Cf2 6%,#06060C99 30%,transparent 62%);z-index:5}
.start button{min-height:56px;min-width:min(300px,100%);padding:0 28px;border-radius:999px;background:var(--accion);color:var(--accion-texto);font:700 16px/1 var(--sans);letter-spacing:.04em;box-shadow:var(--accion-sombra)}
.start button:active{transform:scale(.98)}
.start small{font-size:14px;line-height:1.4;color:var(--plata);text-align:center}
.incomplete{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#06060Cf2;z-index:6}
.incomplete p{max-width:520px;font:400 20px/1.5 var(--serif);text-align:center}

/* ---------- legenda: marfim (por vir a 50%), palavra atual em ouro; frase-chave em ouro ---------- */
.captions{height:var(--cap-h);min-height:0;display:flex;align-items:center;justify-content:center;padding:2px max(16px,env(safe-area-inset-right)) 2px max(16px,env(safe-area-inset-left));background:var(--noche);overflow:hidden}
.captions p{max-width:640px;margin:0 auto;font:500 18px/1.3 var(--sans);color:var(--marfil);text-align:center;text-wrap:balance}
.captions p span{opacity:.5}
.captions p span.spoken,.captions p span.current{opacity:1}
.captions p span.current,.captions p span.hero,.captions p .hero{color:var(--oro)}
.captions[data-off=true] p{visibility:hidden}

/* ---------- controles: barra de progresso de ponta a ponta; embaixo, play, voltar 10 s, tempo e CC ---------- */
.screen .transport{display:grid;grid-template-columns:auto auto auto minmax(0,1fr) 52px;grid-template-areas:"seek seek seek seek seek" "play back mark time .";align-items:center;column-gap:8px;row-gap:0;height:calc(var(--tr-h) + env(safe-area-inset-bottom,0px));padding:0 max(14px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left));background:var(--noche)}
.screen .transport #seek{grid-area:seek}.screen .transport .play{grid-area:play}.screen .transport #back{grid-area:back}.screen .transport #mark{grid-area:mark}.screen .transport .time{grid-area:time}
/* play/pausa desenhados (o caractere ▶ vira emoji no iPhone); o rótulo acessível continua no aria-label */
.play{position:relative;flex:none;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--marfil);font-size:0;color:transparent}
.play::before{content:"";position:absolute;inset:0;margin:auto;width:14px;height:16px;background:var(--marfil);clip-path:polygon(0 0,100% 50%,0 100%);transform:translateX(2px)}
.play[aria-label^="Paus"]::before{width:14px;height:16px;clip-path:none;transform:none;background:linear-gradient(90deg,var(--marfil) 0 34%,transparent 34% 66%,var(--marfil) 66% 100%)}
.ghost{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--borde);color:var(--marfil);font:500 14px/1 var(--sans);white-space:nowrap}
.ghost[aria-pressed=true]{color:var(--marfil);border:1.5px solid var(--oro)}
.play:active,.ghost:active,.chapters button:active{transform:scale(.96)}
.play:disabled,.ghost:disabled,#seek:disabled{opacity:.4;cursor:default;transform:none}
.time{font:500 14px/1 var(--sans);color:var(--plata);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:4px}
/* barra de progresso: trilho --linea de 4 px, parte tocada em ouro, polegar marfim de 18 px */
.screen #seek{--l:4px;--s:18px;-webkit-appearance:none;appearance:none;width:100%;min-width:0;height:28px;margin:0;padding:0;cursor:pointer;overflow:hidden;border-radius:14px;background:linear-gradient(var(--linea),var(--linea)) center/calc(100% - 18px) var(--l) no-repeat;accent-color:var(--oro)}
.screen #seek::-webkit-slider-runnable-track{height:var(--s);background:none}
.screen #seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--s);height:var(--s);border-radius:50%;background:var(--marfil);border-image:linear-gradient(90deg,var(--oro) 50%,var(--linea) 0) 0 1/calc(50% - var(--l)/2) 100vw/0 100vw}
.screen #seek::-moz-range-track{height:var(--l);background:var(--linea);border-radius:2px}
.screen #seek::-moz-range-progress{height:var(--l);background:var(--oro);border-radius:2px}
.screen #seek::-moz-range-thumb{width:var(--s);height:var(--s);border:0;border-radius:50%;background:var(--marfil)}
/* CC: o botão "Subtítulos" sobe para a linha dos botões (sem ocupar uma linha própria) */
.l2-stage ~ .toggles{position:relative;z-index:2;display:flex;justify-content:flex-end;height:0;padding:0 max(14px,env(safe-area-inset-right)) 0 14px;background:none;top:calc(-52px - env(safe-area-inset-bottom,0px))}
.l2-stage ~ .toggles #cc{width:52px;min-height:44px;height:44px;padding:0;border-radius:12px;font-size:0}
.l2-stage ~ .toggles #cc::before{content:"CC";content:"CC" / "";font:700 14px/1 var(--sans);letter-spacing:.06em}
.l2-stage ~ .toggles #cc[aria-pressed=false]{color:var(--plata)}
.l2-stage ~ .toggles #cc[aria-pressed=false]::before{text-decoration:line-through}
.toggles{display:flex;gap:8px;padding:0 16px 12px;background:var(--noche)}
/* capítulos: abaixo da primeira tela, sem disputar com o palco; a borda direita esmaece para mostrar que há mais */
.chapters{display:flex;gap:8px;overflow-x:auto;padding:14px 16px 18px;background:var(--noche);border-top:1px solid var(--linea);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}
.chapters::-webkit-scrollbar{display:none}
.chapters button{flex:none;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--borde);font:500 14px/1 var(--sans);color:var(--plata);white-space:nowrap}
.chapters button[aria-current=true]{color:var(--marfil);border:1.5px solid var(--oro)}

/* ---------- portões e oferta (formas antigas re-tingidas; a caixa de pedido nova é HTML do outro agente) ---------- */
.choice-gate{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:clamp(18px,5vw,42px);background:linear-gradient(180deg,#06060Cf2,#0D0E1Cf8);overflow-y:auto}
.choice-gate h2{font:400 clamp(25px,6vw,38px)/1.12 var(--serif);color:var(--marfil);text-align:center;margin-bottom:5px}
.choice-gate>label,.choice-gate fieldset{display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--plata)}
.choice-gate input[type=text],.choice-gate input[type=date],.choice-gate input:not([type]){width:100%;min-height:52px;padding:8px 14px;border:1px solid var(--borde);border-radius:12px;background:var(--noche2);color:var(--marfil);font-size:18px}
.choice-gate fieldset{border:0;padding:0;margin:0}.choice-gate legend{font-size:15px;color:var(--plata);margin-bottom:7px}
.choice-gate fieldset label{display:block;min-height:44px;padding:11px 14px;border:1px solid var(--linea);border-radius:12px;color:var(--marfil);font-size:16px}
.choice-gate fieldset label:has(input:checked){border-color:var(--oro);background:#FFD34D1a}.choice-gate input[type=radio]{accent-color:var(--oro);margin-right:8px}
.choice-gate button{min-height:56px;border-radius:999px;background:var(--accion);color:var(--accion-texto);font-size:16px;font-weight:700;box-shadow:var(--accion-sombra)}
.choice-gate p{font-size:14px;line-height:1.4;color:var(--plata);text-align:center}
.dock{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 16px 0;padding:16px 18px;border:1px solid var(--linea);border-radius:14px;background:var(--noche2)}
.dock strong{font:400 40px/1 var(--serif);color:var(--oro)}
.dock p{font-size:15px;color:var(--plata);line-height:1.5}
.dock .cta{min-height:56px;padding:0 22px;border-radius:999px;background:var(--accion);color:var(--accion-texto);font-weight:700;font-size:16px;letter-spacing:.01em;text-decoration:none;display:inline-flex;align-items:center;box-shadow:var(--accion-sombra)}
.dock[data-hot=true]{border-color:var(--oro)}
@media(max-width:560px){.dock{flex-direction:column;align-items:stretch;text-align:center}.dock .cta{justify-content:center}}
.transcript{margin:18px 16px 0;border:1px solid var(--linea);border-radius:12px;padding:0 16px}
.transcript summary{min-height:48px;display:flex;align-items:center;font-size:15px;color:var(--plata);cursor:pointer}
.transcript p{font-size:16px;line-height:1.6;color:#E6E1D8;margin:0 0 12px}
@media(min-width:760px){.transcript{max-width:var(--player-w);margin:18px auto 0}}

/* ---------- SVG (player antigo): tamanhos em unidades do viewBox (altura 1000) ---------- */
.n-hero{font:400 118px var(--serif);fill:var(--ivory);letter-spacing:-.02em}
.n-name{font:400 58px var(--serif);fill:var(--ivory)}
.n-date{font:300 78px var(--serif);fill:var(--ivory);letter-spacing:.02em}
.n-kicker{font:500 24px var(--sans);letter-spacing:.2em;fill:var(--rose-soft)}
.n-slot{fill:none;stroke:var(--rose);stroke-width:2;stroke-dasharray:6 8;opacity:.8}
.n-slot-label{font:500 22px var(--sans);fill:var(--rose-soft);letter-spacing:.04em}
.n-link{fill:none;stroke:var(--rose);stroke-width:2.5}
.n-label{font:500 24px var(--sans);letter-spacing:.2em;fill:var(--rose-soft)}
.n-digits{font:300 92px var(--serif);fill:var(--ivory)}
.n-step{font:400 34px var(--sans);fill:var(--ivory)}
.n-gold{fill:var(--gold)}
.n-master{font:500 20px var(--sans);letter-spacing:.14em;fill:var(--rose)}
.n-sum{font:400 42px var(--sans);fill:var(--ivory)}
.n-trace{fill:none;stroke:var(--gold);stroke-width:2;opacity:.8}
.n-letter{font:400 50px var(--serif);fill:var(--ivory)}
.n-letter.n-vowel{fill:var(--rose)}
.n-lval{font:500 26px var(--sans);fill:#F2D58C}
.n-wsum{font:400 34px var(--sans);fill:var(--ivory)}
.n-wred{font:500 34px var(--sans)}
.n-rose{fill:var(--rose-soft)}
.n-mote{fill:#F2D58C}
.glyph-line{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.n-phase-ring{fill:none;stroke:var(--rose);stroke-width:1.5;stroke-dasharray:5 11;opacity:.18}
.seal-halo{fill:none;stroke:var(--gold);stroke-width:2;opacity:0}
.seal-bg{stroke:none}
.seal-ring{fill:none;stroke:var(--gold);stroke-width:3.5}
.seal-num{font:400 138px Georgia,serif;fill:var(--gold);letter-spacing:0}
.seal-label{font:500 24px var(--sans);letter-spacing:.18em;fill:var(--rose-soft)}
.seal-master{font:500 20px var(--sans);letter-spacing:.14em;fill:var(--rose)}

/* ---------- HTML sobre o palco (player antigo): medidas em unidades do viewBox (× --k px) ---------- */
.n-emma{display:flex;align-items:center;gap:calc(var(--k)*16px);padding:calc(var(--k)*10px) calc(var(--k)*22px) calc(var(--k)*10px) calc(var(--k)*10px);border-radius:60px;background:#2C1932e6;border:1px solid var(--line)}
.n-emma img{width:calc(var(--k)*64px);height:calc(var(--k)*64px);border-radius:50%;object-fit:cover;object-position:50% 25%}
.n-emma strong{display:block;font:500 max(13px,calc(var(--k)*26px))/1.1 var(--serif)}
.n-emma span{display:block;font-size:max(11px,calc(var(--k)*19px));color:var(--muted)}
.n-form{width:calc(var(--k)*660px);padding:calc(var(--k)*28px);border-radius:calc(var(--k)*22px);background:#2C1932f2;border:1px solid var(--line);box-shadow:0 20px 50px #0008}
.n-form small{display:block;font-size:max(11px,calc(var(--k)*19px));letter-spacing:.14em;color:var(--rose-soft);margin:calc(var(--k)*6px) 0 calc(var(--k)*12px)}
.n-field{display:flex;align-items:center;min-height:calc(var(--k)*76px);padding:0 calc(var(--k)*20px);border-radius:calc(var(--k)*14px);border:1.5px solid var(--rose);font:400 max(15px,calc(var(--k)*34px)) var(--serif)}
.n-caret{display:inline-block;width:2px;height:1em;background:var(--rose);margin-left:3px}
.n-btn{display:inline-block;margin-top:calc(var(--k)*18px);padding:calc(var(--k)*16px) calc(var(--k)*28px);border-radius:40px;border:1.5px solid var(--ivory);font-size:max(13px,calc(var(--k)*24px));font-weight:700;letter-spacing:.06em}
.n-btn.on{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);box-shadow:0 0 0 calc(var(--k)*5px) #FFD34D22,0 10px 28px #0005}
.n-choose .n-opt{display:inline-block;margin:0 calc(var(--k)*8px) calc(var(--k)*10px) 0;padding:calc(var(--k)*12px) calc(var(--k)*18px);border-radius:40px;border:1px solid var(--line);font-size:max(13px,calc(var(--k)*24px));color:var(--muted)}
.n-choose .n-opt.lit{border-color:var(--rose);color:var(--ivory)}
.n-choose .n-opt.sel{background:var(--rose);border-color:var(--rose);color:var(--plum)}
.n-inter{width:calc(var(--k)*700px);text-align:center}
.n-inter small{display:block;font-size:max(12px,calc(var(--k)*22px));letter-spacing:.18em;color:var(--rose-soft)}
.n-inter-title{font:400 max(20px,calc(var(--k)*50px))/1.08 var(--serif);margin-top:calc(var(--k)*14px);text-wrap:balance}
.n-inter-q{font:italic 400 max(15px,calc(var(--k)*32px))/1.25 var(--serif);color:var(--rose-soft);margin-top:calc(var(--k)*22px);opacity:0}
.n-rel{width:calc(var(--k)*700px);text-align:center;font:italic 400 max(16px,calc(var(--k)*34px))/1.3 var(--serif);color:var(--ivory);text-wrap:balance}
.n-tag{font-size:max(12px,calc(var(--k)*22px));letter-spacing:.08em;color:var(--rose-soft);white-space:nowrap}

/* Momento, ano, mapa */
.n-block{fill:#3A2142;stroke:var(--rose);stroke-width:1.5}
.n-block-label{font:500 25px var(--sans);fill:var(--ivory)}
.n-person{fill:var(--gold)}
.n-ring{fill:none;stroke:var(--line);stroke-width:2}
.n-mcur{fill:var(--gold);stroke:none}.n-mdot{fill:#2C1932;stroke:var(--line);stroke-width:2}
.n-mlabel{font:500 20px var(--sans);letter-spacing:.1em;fill:var(--muted)}
.n-mval{font:500 30px var(--serif);fill:var(--ivory)}
.n-mcur+text+.n-mval,.n-mcur~.n-mval{fill:var(--gold-ink)}
.n-year{font-size:150px}
.n-yname{font:400 34px var(--serif);fill:var(--ivory)}
.n-ynext{font:500 24px var(--sans);letter-spacing:.08em;fill:var(--rose-soft)}
.n-ringname{font:500 24px var(--sans);letter-spacing:.22em;fill:var(--rose-soft)}
.n-area{width:calc(var(--k)*680px);text-align:center}
.n-area small{display:block;font-size:max(12px,calc(var(--k)*22px));letter-spacing:.18em;color:var(--rose-soft)}
.n-area-x{font:400 max(16px,calc(var(--k)*36px))/1.3 var(--serif);margin-top:calc(var(--k)*14px);text-wrap:balance}
.n-area-q{width:calc(var(--k)*700px);text-align:center;font:italic 400 max(18px,calc(var(--k)*42px))/1.2 var(--serif);color:var(--ivory);text-wrap:balance}
.n-tag-big{font-size:max(14px,calc(var(--k)*30px));letter-spacing:.14em;text-transform:uppercase}
.n-use{font:italic 400 max(15px,calc(var(--k)*32px)) var(--serif);color:var(--rose-soft);white-space:nowrap}
/* Páginas reais do relatório */
.pg{width:calc(var(--k)*460px);min-height:calc(var(--k)*600px);padding:calc(var(--k)*30px) calc(var(--k)*30px);background:#FAF6ED;color:#302238;border-radius:calc(var(--k)*10px);box-shadow:0 30px 60px #0009;text-align:center}
.pg-cover{background:linear-gradient(160deg,#2C1932,#1D1022);color:var(--ivory);border:1px solid #F2D58C55}
.pg-brand{font-size:max(10px,calc(var(--k)*18px));letter-spacing:.2em;color:#F2D58C}
.pg-ctitle{font:400 max(18px,calc(var(--k)*40px))/1.1 var(--serif);margin:calc(var(--k)*14px) 0}
.pg-fig{margin:calc(var(--k)*6px) 0}.pg-fig svg{display:block;position:static;width:100%;height:auto;max-height:calc(var(--k)*300px)}
.pg-name{font:400 max(15px,calc(var(--k)*32px))/1.15 var(--serif);margin-top:calc(var(--k)*10px);padding:calc(var(--k)*6px);border-radius:8px}
.pg-name.lit{background:#FFD34D22;box-shadow:0 0 0 2px var(--gold)}
.pg-date{font-size:max(11px,calc(var(--k)*20px));color:var(--muted);margin-top:calc(var(--k)*6px)}
.pg-chapter{font-size:max(10px,calc(var(--k)*18px));letter-spacing:.16em;color:#AA8550}
.pg-title{font:400 max(16px,calc(var(--k)*34px))/1.12 var(--serif);margin:calc(var(--k)*10px) 0 calc(var(--k)*8px);text-wrap:balance}
.pg-btitle{font-size:max(11px,calc(var(--k)*20px));font-weight:700;color:#698777;margin-top:calc(var(--k)*8px)}
.pg-text{font-size:max(11px,calc(var(--k)*20px));line-height:1.4;color:#5a4d58;margin-top:calc(var(--k)*6px)}
.n-cal{width:calc(var(--k)*700px);text-align:center}
.n-cal small{display:block;font-size:max(12px,calc(var(--k)*22px));letter-spacing:.16em;color:var(--rose-soft);margin-bottom:calc(var(--k)*14px)}
.n-cal-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(var(--k)*10px)}
.n-cal-grid p{padding:calc(var(--k)*10px) 0;border-radius:calc(var(--k)*12px);border:1px solid var(--line);opacity:0}
.n-cal-grid p.shown{opacity:1}.n-cal-grid p.on{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.n-cal-grid b{display:block;font:400 max(16px,calc(var(--k)*34px)) var(--serif)}
.n-cal-grid span{display:block;font-size:max(10px,calc(var(--k)*17px));letter-spacing:.08em}
.n-month{width:calc(var(--k)*620px);padding:calc(var(--k)*24px);border-radius:calc(var(--k)*18px);background:#2C1932;border:1px solid var(--gold);text-align:left}
.n-month-next{border-color:var(--line);width:calc(var(--k)*520px)}
.n-month small{font-size:max(11px,calc(var(--k)*19px));letter-spacing:.14em;color:var(--rose-soft)}
.n-month-name{font:400 max(17px,calc(var(--k)*38px))/1.1 var(--serif);margin:calc(var(--k)*8px) 0}
.n-month-q{font:italic 400 max(15px,calc(var(--k)*30px))/1.25 var(--serif);color:var(--ivory)}
.n-realq{width:calc(var(--k)*660px);padding:calc(var(--k)*20px) calc(var(--k)*26px);border-radius:calc(var(--k)*16px);background:#FAF6ED;color:#302238;text-align:center;box-shadow:0 16px 40px #0008}
.n-realq small{display:block;font-size:max(10px,calc(var(--k)*18px));letter-spacing:.16em;color:#AA8550}
.n-realq span{display:block;font:italic 400 max(16px,calc(var(--k)*34px))/1.2 var(--serif);margin-top:calc(var(--k)*8px)}
.n-price{text-align:center;white-space:nowrap}
.n-price strong{display:block;font:400 max(40px,calc(var(--k)*150px))/1 var(--serif);color:var(--gold)}
.n-price span{display:block;font-size:max(13px,calc(var(--k)*26px));color:var(--ivory);margin-top:calc(var(--k)*10px);letter-spacing:.04em}
.n-cta{display:flex;align-items:center;gap:calc(var(--k)*20px);padding:calc(var(--k)*22px) calc(var(--k)*34px);border-radius:calc(var(--k)*16px);background:var(--gold);color:var(--gold-ink);white-space:nowrap;box-shadow:0 14px 34px #FFD34D33}
.n-cta b{font-size:max(15px,calc(var(--k)*32px))}.n-cta span{font:400 max(15px,calc(var(--k)*32px)) var(--serif)}
.n-bonus{width:calc(var(--k)*620px);padding:calc(var(--k)*26px);border-radius:calc(var(--k)*18px);background:#FAF6ED;color:#302238;box-shadow:0 22px 50px #0009;text-align:left}
.n-bonus small{font-size:max(11px,calc(var(--k)*19px));letter-spacing:.16em;color:#AA8550}
.n-bonus-title{font:400 max(18px,calc(var(--k)*40px))/1.12 var(--serif);margin:calc(var(--k)*10px) 0}
.n-bonus-row{display:flex;gap:calc(var(--k)*12px)}
.n-bonus-row span{padding:calc(var(--k)*8px) calc(var(--k)*16px);border-radius:30px;background:#302238;color:#F8F1F5;font-size:max(12px,calc(var(--k)*22px))}
.n-bonus-row span+span{background:transparent;color:#302238;border:1px solid #302238}
.n-bonus-row span.lit{background:#302238;color:#F8F1F5}
.n-vip{width:calc(var(--k)*660px);padding:calc(var(--k)*30px);border-radius:calc(var(--k)*20px);background:radial-gradient(ellipse at 20% 0%,#57365C,#1D1022 70%);border:1.5px solid var(--rose);text-align:center}
.n-vip small{display:inline-block;font-size:max(11px,calc(var(--k)*20px));letter-spacing:.24em;color:var(--rose);border:1px solid var(--rose);border-radius:30px;padding:calc(var(--k)*6px) calc(var(--k)*16px)}
.n-vip-title{font:400 max(22px,calc(var(--k)*56px))/1.05 var(--serif);margin:calc(var(--k)*16px) 0}
.n-vip-row{font-size:max(14px,calc(var(--k)*28px));opacity:.4}.n-vip-row.lit{opacity:1}
.n-vip-event{font-size:max(12px,calc(var(--k)*22px));letter-spacing:.06em;color:var(--muted);margin-top:calc(var(--k)*14px);padding-top:calc(var(--k)*12px);border-top:1px dashed var(--line);opacity:.5}.n-vip-event.lit{opacity:1;color:var(--ivory)}
.n-vip-q{display:inline-block;margin-top:calc(var(--k)*12px);padding:calc(var(--k)*8px) calc(var(--k)*18px);border-radius:20px 20px 20px 4px;background:var(--rose);color:var(--plum);font-size:max(12px,calc(var(--k)*22px));opacity:0}.n-vip-q.lit{opacity:1}
.n-callback{width:calc(var(--k)*680px);text-align:center;font:italic 400 max(18px,calc(var(--k)*40px))/1.25 var(--serif);text-wrap:balance}
.n-steps{margin:0;padding:0;list-style:none;counter-reset:s;width:calc(var(--k)*620px)}
.n-steps li{counter-increment:s;display:flex;align-items:center;gap:calc(var(--k)*18px);font:400 max(16px,calc(var(--k)*34px))/1.2 var(--serif);margin:calc(var(--k)*16px) 0;opacity:.25}
.n-steps li.shown{opacity:1}
.n-steps li::before{content:counter(s);flex:none;display:grid;place-items:center;width:calc(var(--k)*56px);height:calc(var(--k)*56px);border-radius:50%;border:1.5px solid var(--rose);font:500 max(13px,calc(var(--k)*24px)) var(--sans);color:var(--rose)}
.n-event{text-align:center}.n-event small{display:block;font-size:max(12px,calc(var(--k)*22px));letter-spacing:.16em;color:var(--rose-soft)}.n-event span{display:block;font:400 max(26px,calc(var(--k)*70px))/1.1 var(--serif);margin-top:calc(var(--k)*12px)}
.n-summary{width:calc(var(--k)*660px);padding:calc(var(--k)*28px);border-radius:calc(var(--k)*18px);background:#2C1932;border:1px solid var(--line)}
.n-summary small{font-size:max(11px,calc(var(--k)*20px));letter-spacing:.16em;color:var(--rose-soft)}
.n-summary ul{margin:calc(var(--k)*14px) 0;padding-left:calc(var(--k)*30px)}
.n-summary li{font:400 max(14px,calc(var(--k)*28px))/1.3 var(--serif);margin:calc(var(--k)*8px) 0}
.n-summary li:first-child{font-size:max(17px,calc(var(--k)*36px))}
.n-summary-price{font:400 max(20px,calc(var(--k)*46px)) var(--serif);color:var(--gold)}
.n-sign{display:flex;flex-direction:column;align-items:center;gap:calc(var(--k)*16px);text-align:center}
.n-sign img{width:calc(var(--k)*120px);height:calc(var(--k)*120px);border-radius:50%}
.n-sign img{object-fit:cover;object-position:50% 25%}
.n-sign p{font:italic 400 max(20px,calc(var(--k)*46px))/1.15 var(--serif);width:calc(var(--k)*640px)}

/* O palco móvel do player antigo é mais estreito que 700 unidades do viewBox: as caixas HTML medem pela largura física. */
@media(max-width:759px){
  .html>*{max-width:calc(100% - 28px);overflow-wrap:normal}
  .n-inter,.n-rel,.n-area,.n-area-q,.n-realq,.n-month,.n-cal,.n-vip,.n-callback,.n-steps,.n-summary,.n-bonus{width:calc(100% - 28px)}
  .n-inter-title,.n-inter-q,.n-rel,.n-area-x,.n-area-q,.n-month-q,.n-realq span,.n-bonus-title,.n-callback,.n-summary li{text-wrap:balance}
  .n-tag{white-space:normal;text-align:center;max-width:42%}
  .n-tag-big{max-width:calc(100% - 28px)}
  .n-use{white-space:normal;text-align:center;width:calc(100% - 28px)}
  .n-price{white-space:normal;width:calc(100% - 28px)}
  .n-cta{max-width:calc(100% - 28px);white-space:normal;text-align:center;justify-content:center;flex-wrap:wrap}
  .n-cta b{min-width:0}
  .n-bonus-row{flex-wrap:wrap}
  .n-callback{white-space:pre-line}
  .n-sign p{width:calc(100vw - 28px);max-width:100%}
}

/* ---------- revisão interna (não é parte do produto) ---------- */
.review{margin:26px 16px 0;padding:16px;border:1px dashed #9aa4b877;border-radius:12px;background:#11131a;color:#cdd3e0;font:13px/1.5 ui-monospace,Consolas,monospace;overflow:hidden}
.review h2{font:700 12px/1 ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#9fb4d8;margin-bottom:10px}
.review p{margin:6px 0;overflow-wrap:anywhere}
.review .rv-warn{color:#ffd28a}.review .rv-err{color:#ff9a9a}.review .rv-ok{color:#9be3b0}.review .rv-note{color:#aab3c5}
.review .rv-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.review button,.review select{border:1px solid #9fb4d855;border-radius:6px;padding:6px 10px;font:12px ui-monospace,Consolas,monospace;color:#dfe6f5;background:#1a1e29;max-width:100%}
.review button[aria-pressed=true]{background:#2b3a55}.review button:disabled{opacity:.6}
.review .rv-label{display:block;margin:8px 0}
.review .rv-pre{white-space:pre-wrap;font-size:12px;color:#aab3c5;margin:6px 0 10px}
.review .rv-wrap{overflow-x:auto}
.review table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}
.review td,.review th{padding:4px 6px;border-bottom:1px solid #ffffff12;text-align:left;overflow-wrap:anywhere}
.review th{color:#9fb4d8}.review td:first-child,.review th:first-child{width:4.4em}.review td:nth-child(2),.review th:nth-child(2){width:8em}
.review tr{cursor:pointer}