/* Página de vendas na identidade aprovada em 13/11/2026 (manual da marca 3.4 "dois mundos" e 3.7).
   Mundo Noite (linguagem dos posts) no topo, no teste, na oferta e no fecho; mundo Papel (o site claro, títulos em Fraunces)
   no produto, no app, no passo a passo, na ciência e nas perguntas. Carrega depois de sono.css; classes com prefixo v-. */
:root{
  --v-noite:#14123A; --v-noite-alta:#221D5C; --v-noite-funda:#0C0A22;
  --v-violeta:#514BE5; --v-lamparina:#FFB547; --v-lua:#FFF0CF; --v-tinta:#101B47;
  --v-gradiente:linear-gradient(135deg,#6559F0 0%,#4845DA 100%);
  --v-texto-2:#414866; --v-texto-3:#71778D; --v-borda:#E0E2EF; --v-lavanda:#ECECF8;
  --v-creme:#FBF3E1; --v-texto-noite:#E9E5F6; --v-texto-noite-2:#B9B3DA;
  --v-titulo:"Fraunces",Georgia,serif; --v-marca:"Manrope",system-ui,sans-serif;
  --font-heading:"Fraunces",Georgia,serif;
}
body{background:var(--color-background)}

/* cabeçalho sobre a noite */
.site-header{color:#fff}
.site-header .logo{color:#fff}
.site-header .menu-toggle{color:#fff}
.site-header .logo-word{font-family:var(--v-marca)}
.site-header.is-scrolled,.site-header.menu-aberto{background:rgba(20,18,58,.92);box-shadow:0 1px 0 rgba(255,255,255,.08)}
@media (min-width:861px){.nav a:not(.button){color:var(--v-texto-noite)}.nav a:not(.button):hover{color:var(--v-lamparina)}}
@media (max-width:860px){.nav a:not(.button){color:var(--v-tinta)}}

/* noite */
.v-noite{position:relative;isolation:isolate;color:var(--v-texto-noite);
  background:linear-gradient(180deg,var(--v-noite-alta) 0%,var(--v-noite) 55%,var(--v-noite-funda) 100%)}
.v-noite::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.09;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
.v-noite.hero{min-height:0;background:linear-gradient(180deg,var(--v-noite-alta) 0%,var(--v-noite) 70%,var(--v-noite-funda) 100%)}
.v-wrap{max-width:1180px;margin:0 auto;padding:0 var(--gutter)}
.v-etiqueta{display:inline-block;background:var(--v-lamparina);color:#1C1305;font:700 11px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:4px}
.v-manchete{font:800 clamp(38px,8.6vw,72px)/1.04 var(--v-titulo);letter-spacing:-.01em;color:var(--v-lua);margin:14px 0 0}
.v-manchete em{font-style:normal;color:var(--v-lamparina);display:block}
.v-manchete--m{font-size:clamp(28px,6.4vw,44px)}
.v-lede{margin:14px 0 0;font-size:clamp(16px,2vw,19px);line-height:1.55;color:var(--v-texto-noite);max-width:34em}
.v-nota{font-size:12.5px;line-height:1.5;color:var(--v-texto-noite-2);margin:0}
.v-hero{display:grid;gap:12px;align-items:center;padding-top:calc(var(--header-h) + 18px);padding-bottom:40px}
@media (min-width:900px){.v-hero{grid-template-columns:1.05fr .95fr;gap:40px}.v-hero .v-cena{height:380px;margin:0}}
.v-acoes{display:flex;flex-direction:column;gap:12px;margin-top:24px;max-width:440px}
@media (width < 900px){.v-acoes{margin-inline:auto}}
.v-acoes .button{width:100%}
.v-link-teste{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,240,207,.22);color:var(--v-texto-noite)}
.v-link-teste:hover{border-color:var(--v-lamparina)}
.v-link-teste b{color:var(--v-lamparina);display:block;font-size:15px}
.v-link-teste span{font-size:13.5px;line-height:1.4}
.v-confianca{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;max-width:480px}
.v-confianca li{font-size:12.5px;line-height:1.3;color:var(--v-texto-noite-2);border-left:2px solid var(--v-lamparina);padding-left:8px;list-style:none}
.v-cena{position:relative;margin:8px calc(var(--gutter) * -1) 0;height:230px;overflow:hidden}
.v-cena::before{content:"";position:absolute;left:50%;top:58%;width:360px;height:360px;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(255,181,71,.38) 0%,rgba(255,181,71,0) 65%)}
.v-cena svg{position:relative;width:100%;height:100%}

.v-cartao{background:var(--v-creme);color:var(--v-tinta);border-radius:20px;padding:20px;box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}
.v-cartao h3{font:800 20px/1.2 var(--v-titulo);margin:0}
.v-cartao ul{margin:12px 0 0;display:grid;gap:10px}
.v-cartao li{font-size:15px;line-height:1.45;color:var(--v-texto-2);list-style:none}
.v-cartao li b{color:var(--v-tinta)}
.v-cartao .v-plano{margin-top:14px;font:700 16px/1.4 var(--v-marca);color:var(--v-violeta)}
.v-para-quem{display:grid;gap:12px;margin-top:22px}
@media (min-width:760px){.v-para-quem{grid-template-columns:repeat(4,1fr)}}
.v-para-quem li{list-style:none;padding:0;overflow:hidden;display:flex;flex-direction:column}
.v-para-quem .v-arte{height:130px;background:var(--cor-fundo)}
.v-arte svg{width:100%;height:100%;display:block}
.v-para-quem p{padding:14px 16px 16px;font:700 16px/1.35 var(--v-marca);color:var(--v-tinta);margin:0}
.v-secao-noite{padding:8px 0 48px}
.v-secao-noite .v-nota{margin-top:14px}

.v-banda-teste{display:grid;gap:18px;align-items:center;margin-top:34px;padding:22px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,240,207,.18)}
@media (min-width:760px){.v-banda-teste{grid-template-columns:1fr 300px;padding:32px}}
.v-banda-teste .button{max-width:320px;margin-top:18px;width:100%}

.v-figurinha{position:relative;margin:0 auto;max-width:280px;border-radius:22px;padding:10px;background:var(--v-lamparina);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);transform:rotate(-1.5deg)}
.v-figurinha-arte{position:relative;border-radius:14px;overflow:hidden;height:180px;background:var(--cor-fundo)}
.v-figurinha-arte .v-rotulo{position:absolute;left:10px;top:10px;z-index:2;background:var(--v-noite);color:var(--v-lamparina);font:700 10.5px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;border-radius:999px}
.v-figurinha-base{background:var(--v-creme);border-radius:0 0 14px 14px;margin-top:-6px;padding:14px 12px 12px;color:var(--v-tinta);text-align:center}
.v-figurinha-base b{display:block;font:800 21px/1.15 var(--v-titulo)}
.v-figurinha-base small{display:block;margin-top:4px;font-size:12.5px;color:var(--v-texto-2)}

/* papel: títulos em Fraunces, o resto como o site */
.section-title{font-family:var(--v-titulo);font-weight:800;letter-spacing:-.01em}
.section-title em{font-style:normal;color:var(--v-violeta)}
.product-copy h3,.galeria-item h3,.steps-grid h3,.science-copy h2{font-family:var(--v-titulo);font-weight:800;letter-spacing:-.01em}
.science-copy h2 em{font-style:normal;color:var(--v-violeta)}
.v-modo-agora{margin-top:clamp(32px,4vw,56px);border-radius:28px;background:#000;color:#C49048;padding:26px 20px;display:grid;gap:20px;align-items:center}
@media (min-width:860px){.v-modo-agora{grid-template-columns:1.1fr .9fr;padding:40px}}
.v-modo-agora .eyebrow{color:#C49048}
.v-modo-agora h3{font:800 clamp(24px,5vw,32px)/1.15 var(--v-titulo);margin:8px 0 0;color:#E7B26A}
.v-modo-agora p.v-txt{color:#C49048;margin:12px 0 0;line-height:1.65;max-width:34em}
.science-panel .v-figurinha{max-width:250px}
.science-panel .v-figurinha-arte{height:170px}

/* oferta na noite */
.v-oferta{padding:48px 0}
.v-oferta-grade{display:grid;gap:24px;align-items:center}
@media (min-width:900px){.v-oferta-grade{grid-template-columns:.85fr 1.15fr;gap:48px}}
.v-oferta .offer-card{display:block;max-width:none;margin:0;box-shadow:0 30px 60px -40px rgba(0,0,0,.8)}
.v-oferta .offer-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.v-oferta .offer-head .eyebrow{width:100%}
.v-oferta .offer-price{font-family:var(--v-marca)}
.v-oferta .offer-list{margin-top:18px}
.v-pagamentos{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0}
.v-pagamentos span{font-size:12px;border:1px solid var(--v-borda);border-radius:8px;padding:3px 8px;color:var(--v-texto-2)}
.v-pagamentos .v-pix{border-color:#1E6B4B;color:#1E6B4B;font-weight:700}
.v-oferta .offer-cta{border-top:0;padding-top:16px}

/* fecho */
.v-fecho{text-align:center;padding:48px 0 60px}
.v-fecho .v-cena{height:210px;margin:12px auto 0;max-width:540px}
.v-fecho .button{margin-top:18px}

/* ajustes de leitura */
.v-oferta .offer-card{color:var(--v-tinta)}
.faq-lista summary,.barra-compra b{font-family:var(--v-marca)}

/* revisão geral (13/11/2026) */
/* emenda entre as seções da noite: cada uma começa na cor em que a anterior termina */
.v-noite.hero{background:linear-gradient(180deg,var(--v-noite-alta) 0%,var(--v-noite) 100%)}
.v-secao-noite{background:linear-gradient(180deg,var(--v-noite) 0%,var(--v-noite-funda) 100%)}
.v-fecho{background:linear-gradient(180deg,var(--v-noite-alta) 0%,var(--v-noite-funda) 100%)}
/* "É para você se…": 2 colunas no celular, desenho inteiro */
.v-para-quem .v-arte{height:150px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.v-para-quem .v-arte svg{width:100%;height:100%}
@media (max-width:759px){
  .v-para-quem{grid-template-columns:1fr 1fr;gap:10px}
  .v-para-quem .v-arte{height:104px}
  .v-para-quem p{font-size:14px;line-height:1.35;padding:10px 12px 12px}
}
/* faixa do Modo Agora: telefone menor, texto alinhado */
.v-modo-agora .phone{width:min(100%,230px);justify-self:center}
@media (min-width:860px){
  .v-modo-agora{grid-template-columns:minmax(0,34em) auto;justify-content:center;column-gap:clamp(32px,7vw,100px)}
}
/* oferta: manchete cabe em 2 linhas */
.v-oferta .v-manchete{font-size:clamp(34px,6vw,58px)}
/* recursos do produto mais compactos no celular */
@media (max-width:640px){.features-grid--produto{gap:8px}.features-grid--produto li{padding:14px 16px;min-height:0;gap:12px}}
/* espaço entre o topo fixo e as âncoras */
[id]{scroll-margin-top:calc(var(--header-h) + 8px)}

/* v3: miolo da página no mundo Papel da identidade (manual 3.4): lavanda pontilhada, cenas com olhos,
   rodapé de nota e a figurinha com verso (frente = piada, verso = ficha técnica). Carrega depois de vendas.css. */
:root{--v-pontilhado:radial-gradient(#D3D2EC 1.1px,transparent 1.2px);--v-lav:#ECECF8}
[data-papel],.v-papel{background-color:var(--v-lav);background-image:var(--v-pontilhado);background-size:22px 22px}
.v-papel{background-color:#F4F3FB}
.section-sub b{color:var(--v-tinta)}

/* nota de rodapé: o humor e a fonte juntos */
.v-rodape-nota{display:block;margin:10px 0 0;font:italic 500 12.5px/1.5 var(--font-body);color:var(--v-texto-3)}
.v-rodape-nota b{font-style:normal;color:var(--v-texto-2)}
.steps-grid li .v-rodape-nota{margin-top:12px}
.v-rotulo{display:inline-block;background:var(--v-noite);color:var(--v-lamparina);font:700 10.5px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;border-radius:999px}
.v-rotulo--tipo{background:var(--v-lamparina);color:#1C1305;border-radius:4px}

/* "O que você recebe": cada recurso é uma cena */
.v-objetos{display:grid;gap:12px;margin-top:clamp(32px,4vw,52px);grid-template-columns:1fr 1fr}
@media (min-width:860px){.v-objetos{grid-template-columns:repeat(4,1fr);gap:16px}}
.v-objetos li{list-style:none;padding:0;overflow:hidden;display:flex;flex-direction:column;background:var(--v-creme);border-radius:20px;box-shadow:0 18px 40px -26px rgba(16,27,71,.55)}
.v-objetos .v-arte{height:132px;background:var(--cor-fundo);display:flex;align-items:center;justify-content:center;overflow:hidden}
.v-objetos .v-arte svg{width:100%;height:100%;display:block}
.v-objetos p{margin:0;padding:14px 16px 18px;font-size:14px;line-height:1.5;color:var(--v-texto-2)}
.v-objetos p b{display:block;font:800 17px/1.2 var(--v-titulo);color:var(--v-tinta);margin-bottom:6px}
@media (max-width:640px){.v-objetos .v-arte{height:104px}.v-objetos p{font-size:13px;padding:12px 12px 14px}.v-objetos p b{font-size:15px}}

/* álbum de figurinhas com verso */
.v-album{display:grid;gap:22px;margin-top:clamp(28px,4vw,48px);grid-template-columns:1fr}
@media (min-width:640px){.v-album{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.v-album{grid-template-columns:repeat(3,1fr)}}
.v-fig{list-style:none;perspective:1400px;max-width:360px;width:100%;margin-inline:auto}
.v-fig{display:flex}
.v-fig-in{flex:1;position:relative;display:grid;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.7,.2,1)}
.v-fig.virada .v-fig-in{transform:rotateY(180deg)}
.v-fig-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:22px;background:var(--v-lamparina);padding:10px;box-shadow:0 30px 60px -34px rgba(16,27,71,.7);display:flex;flex-direction:column}
.v-fig-arte{position:relative;border-radius:14px;overflow:hidden;height:190px;background:var(--cor-fundo)}
.v-fig-arte .v-rotulo{position:absolute;left:10px;top:10px;z-index:2}
.v-fig-arte svg{width:100%;height:100%;display:block}
.v-fig-base{flex:1;background:var(--v-creme);border-radius:0 0 14px 14px;margin-top:-6px;padding:16px 14px 14px;color:var(--v-tinta);display:flex;flex-direction:column;gap:8px}
.v-fig-base h3{margin:0;font:800 21px/1.18 var(--v-titulo);text-align:center}
.v-fig-fonte{margin:0;font-size:12.5px;line-height:1.4;color:var(--v-texto-2);text-align:center}
.v-fig-fonte b{color:var(--v-tinta)}
.v-vira{margin-top:auto;align-self:center;font:700 13px/1 var(--font-body);color:var(--v-violeta);background:#fff;border:1.5px solid var(--v-violeta);border-radius:999px;padding:10px 16px;min-height:40px;cursor:pointer}
.v-vira:hover{background:var(--v-violeta);color:#fff}
.v-vira:focus-visible{outline:3px solid var(--v-lamparina);outline-offset:2px}
/* verso: papel de ficha técnica */
.v-fig-verso{transform:rotateY(180deg);background-color:var(--v-creme);border:2px dashed #C9954A;background-image:repeating-linear-gradient(transparent 0 27px,#EAD9B0 27px 28px);color:var(--v-tinta);padding:16px 16px 14px;gap:8px}
.v-fig-verso h3{margin:0 0 2px;font:800 22px/1.1 var(--v-titulo)}
.v-fig-verso .v-rotulo{align-self:flex-start}
.v-fig-verso dl{margin:0;display:grid;gap:2px}
.v-fig-verso dt{font:700 10.5px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#8A5A12;margin-top:8px}
.v-fig-verso dd{margin:0;font-size:13.5px;line-height:1.45;color:var(--v-tinta)}
.v-fig-verso dd a{color:var(--v-violeta);text-decoration:underline;text-underline-offset:2px;word-break:break-word;font-size:12.5px}
/* sem JS: as duas faces aparecem, uma sobre a outra, sem virar */
html:not(.v-js) .v-fig-in{display:block}
html:not(.v-js) .v-fig-face{transform:none!important;margin-bottom:10px}
html:not(.v-js) .v-vira{display:none}
@media (prefers-reduced-motion:reduce){.v-fig-in{transition:none}}

/* gráfico desenhado e "o que ainda não sabemos" */
.v-duas{display:grid;gap:22px;margin-top:clamp(36px,5vw,64px)}
@media (min-width:900px){.v-duas{grid-template-columns:1.1fr .9fr;align-items:start}}
.v-grafico{margin:0;background:#fff;border:1px solid var(--v-borda);border-radius:22px;padding:22px;box-shadow:0 18px 40px -30px rgba(16,27,71,.5)}
.v-grafico figcaption h3{margin:10px 0 0;font:800 clamp(20px,3vw,24px)/1.2 var(--v-titulo);color:var(--v-tinta)}
.v-pontos{display:grid;grid-template-columns:repeat(20,1fr);gap:5px;margin:18px 0 4px;max-width:460px}
.v-pontos i,.v-legenda i{display:block;aspect-ratio:1;border-radius:50%;background:#D8D9EC}
.v-pontos i.ok,.v-legenda i.ok{background:var(--v-lamparina)}
.v-pontos i.ainda,.v-legenda i.ainda{background:transparent;box-shadow:inset 0 0 0 2px var(--v-lamparina)}
.v-legenda{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px}
.v-legenda li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--v-texto-2);list-style:none}
.v-legenda i{width:14px;flex:none}
.v-legenda b{color:var(--v-tinta)}
.v-nao-sabemos{border:2px dashed #8A86D8;border-radius:22px;padding:22px;background:rgba(255,255,255,.55)}
.v-nao-sabemos h3{margin:0;font:800 22px/1.15 var(--v-titulo);color:var(--v-tinta)}
.v-nao-sabemos ul{display:grid;gap:12px;margin-top:14px}
.v-nao-sabemos li{list-style:none;font-size:14.5px;line-height:1.5;color:var(--v-texto-2);padding-left:22px;position:relative}
.v-nao-sabemos li::before{content:"*";position:absolute;left:2px;top:-2px;font:800 22px/1 var(--v-titulo);color:var(--v-violeta)}
.v-nao-sabemos li b{color:var(--v-tinta)}
.v-base{max-width:46em;margin:clamp(32px,4vw,52px) auto 0;text-align:center}
.v-base>p{color:var(--v-texto-2);line-height:1.6}
.v-base .refs{margin:14px auto 0;display:grid;gap:6px;text-align:left;max-width:40em}
.v-base .science-nao{margin-top:14px;font-size:14px;color:var(--v-texto-2)}