/* A página da VSL vestida com o design da captura (captura.css). Aqui fica só o que a VSL tem e a
   captura não tinha (preço, objeções, conta, garantia, fecho, barra) e o acerto das colisões entre
   captura.css e estilo.css. O movimento mora em depois.js. */

:root{--fundo:#050605;--fundo-2:#0c0e0c;--fundo-3:#151815;--raio:22px;--col:560px}
body{background:var(--fundo);font-family:var(--f);font-size:1.0625rem}
b,strong{font-weight:700}
ul,ol{padding:0}

/* só opacidade ao abrir: transform aqui quebraria o pin do ScrollTrigger */
body.aberta .depois{animation:abre-op .9s var(--mv-chega) both;overflow-x:clip}
@keyframes abre-op{from{opacity:0}to{opacity:1}}
html.lenis{scroll-behavior:auto}

/* colisões: o topo, o rodapé e o FAQ da VSL não são os da captura */
.topo{display:flex;justify-content:center;text-align:initial;padding:18px var(--pad) 6px}
.rodape{background:none;padding:28px var(--pad) calc(96px + env(safe-area-inset-bottom));text-align:center;font-size:.82rem}
.col{max-width:var(--col);padding:0 20px}

/* ── botão: pílula verde com brilho que atravessa ── */
.botao{
  position:relative;overflow:hidden;isolation:isolate;width:100%;
  display:flex;align-items:center;justify-content:center;min-height:64px;margin-top:22px;padding:16px 26px;
  background:var(--acento);color:var(--acento-texto);border-radius:999px;text-decoration:none;
  font:italic 900 1.2rem/1.1 var(--fi);font-stretch:95%;letter-spacing:.005em;text-transform:uppercase;
  box-shadow:0 14px 40px -12px rgba(18,245,34,.6);transition:box-shadow var(--mv-t-hover) var(--mv-chega);
}
.botao::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);translate:-120% 0;animation:brilho 3.6s var(--mv-calmo) infinite 1.2s}
@keyframes brilho{0%{translate:-120% 0}35%,100%{translate:120% 0}}
.botao>span{display:block}
.botao:hover{box-shadow:0 22px 56px -14px rgba(18,245,34,.8);filter:none}
.botao:focus-visible{outline:3px solid var(--texto);outline-offset:3px}
.botao-contorno{background:transparent;color:var(--acento);box-shadow:inset 0 0 0 2px var(--acento);margin-top:28px}
.botao-contorno::before{display:none}
@media (min-width:600px){.botao{display:flex}}

/* ── intro: as duas fitas da captura cruzando o BLACK ── */
.intro-fitas{position:absolute;inset:0;pointer-events:none}
.intro-fitas .fita{position:absolute;left:-20%;right:-20%;top:63%;transform:rotate(-9deg);overflow:hidden;clip-path:inset(0 100% 0 0)}
.intro-fitas .fita.f2{top:69%;transform:rotate(7deg);clip-path:inset(0 0 0 100%)}
.intro-fitas .vai{display:flex;width:max-content;animation:fita-anda 18s linear infinite}
.intro-fitas .f2 .vai{animation-direction:reverse}
.intro-fitas span{display:block;white-space:nowrap;padding:.42em 0;font:italic 900 clamp(16px,3.2vw,30px)/1 var(--fi);text-transform:uppercase}
.intro-fitas .f1{background:var(--acento);color:#030403;box-shadow:0 0 40px rgba(18,245,34,.4)}
.intro-fitas .f2{background:#0b0d0b;color:var(--acento);border-block:1.5px solid var(--acento)}
@media (prefers-reduced-motion:reduce){.intro-fitas .vai{animation:none}}

/* ── preço: a ficha da oferta da captura ── */
.topo-black{padding-bottom:48px}
.manchete-preco{font:italic 900 clamp(34px,9.6vw,58px)/.92 var(--fi);font-stretch:90%;text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance}
.manchete-preco span{color:var(--acento);text-shadow:0 0 24px rgba(18,245,34,.45)}
.manchete-preco em{font-style:inherit;-webkit-text-stroke:1.5px #f2f4f1;color:transparent}
.lotes li.passou{opacity:.45}
.lotes li.passou .n{text-decoration:line-through}
.topo-black .prioridade{text-align:center}
.riscado{position:relative;display:inline-block;white-space:nowrap}
.riscado svg{position:absolute;left:-4%;top:12%;width:108%;height:76%;overflow:visible}
.riscado path{fill:none;stroke:var(--acento);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}
.preco-de{color:var(--suave);font-size:.95rem}
.preco-de .riscado{font-weight:700;color:var(--suave-2)}
.preco-por{display:flex;justify-content:center;align-items:flex-start;gap:6px;margin-top:4px;color:var(--acento);
  font:italic 900 clamp(5.6rem,30vw,8.5rem)/.86 var(--fi);font-stretch:110%;letter-spacing:-.03em;text-shadow:0 0 50px rgba(18,245,34,.35)}
.cifra{font-size:.3em;margin-top:.38em;font-stretch:100%}
.preco-legenda{margin-top:10px;color:var(--suave);font-size:.9rem}
.selos{list-style:none;margin:18px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:.8rem}
.selos li{padding:7px 12px;border-radius:999px;color:var(--suave);box-shadow:inset 0 0 0 1px var(--fio)}

/* ── objeções riscadas ── */
.riscos{max-width:calc(var(--col) + 40px);margin:0 auto;padding:40px 20px 56px}
.risco{padding:20px 0;border-top:1.5px dashed rgba(242,244,241,.22)}
.risco:last-child{border-bottom:1.5px dashed rgba(242,244,241,.22)}
.risco s,.risco span{font:italic 900 clamp(1.3rem,5.6vw,1.9rem)/1.02 var(--fi);font-stretch:85%;text-transform:uppercase}
.risco s{color:var(--suave-2);text-decoration:none;background:linear-gradient(var(--acento),var(--acento)) no-repeat 0 58%/var(--r,100%) 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.risco span{display:block}
.risco span{margin-top:8px;color:var(--texto)}

/* ── pilha: os capítulos na caixa da captura ── */
.cursos-sec .tit{font:italic 900 clamp(26px,7vw,40px)/.95 var(--fi);font-stretch:90%;max-width:16ch;margin:0 auto 26px;padding:0 20px;text-wrap:balance}
.cap-n{font:italic 900 2.4rem/1 var(--fi);color:transparent;-webkit-text-stroke:1.2px var(--acento);margin-bottom:6px}
.caixa3d .frente img.contida{object-fit:contain;background:#0b0d0b;padding:14px}
.mods summary em{margin-left:auto;font:italic 900 .95rem/1 var(--fi);color:var(--texto);white-space:nowrap}
.mods summary em.fora{font:500 .74rem/1.2 var(--f);color:var(--suave-2);white-space:normal;text-align:right;max-width:10ch}
.novo{font:italic 800 .68rem/1 var(--fi);text-transform:uppercase;color:#062a08;background:var(--acento);padding:3px 7px 2px;border-radius:999px;margin-left:6px;vertical-align:.15em}
.mods summary{justify-content:flex-start}
.mods summary::after{margin-left:6px}
.tres-precos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end;height:150px;padding:18px 18px 14px}
.tres-precos div{display:grid;justify-items:center;gap:8px;height:100%;align-content:end}
.tres-precos i{display:block;width:100%;height:calc(var(--h) * 100px);border-radius:8px 8px 2px 2px;background:rgba(18,245,34,.22);box-shadow:inset 0 0 0 1px rgba(18,245,34,.5);transform-origin:bottom}
.tres-precos .meio i{background:var(--acento)}
.tres-precos span{font:italic 900 .72rem/1 var(--fi);text-transform:uppercase;color:var(--suave)}
.cursos-sec>.col,.cursos-sec>.conta,.cursos-sec>.nota{max-width:var(--col);margin-inline:auto}
.conta{margin:40px auto 0;padding:30px 22px;border-radius:18px;background:#0c0e0c;text-align:center;box-shadow:0 0 0 1.5px var(--acento),0 30px 80px -24px rgba(18,245,34,.4);width:calc(100% - 40px)}
.conta-rot{color:var(--suave);font-size:.9rem}
.conta-avulso{margin:6px 0 18px;font:italic 900 clamp(2.4rem,11vw,3.4rem)/1 var(--fi);font-variant-numeric:tabular-nums;color:var(--suave-2)}
.conta-black{font:italic 900 clamp(3.6rem,19vw,6rem)/.9 var(--fi);color:var(--acento);text-shadow:0 0 40px rgba(18,245,34,.35)}
.nota{margin-top:20px;padding:0 20px;color:var(--suave-2);font-size:.86rem;text-align:center}
[data-r]{opacity:1;transform:none}

/* ── quem, depoimentos ── */
.quem h2{font:italic 900 1.1rem/1 var(--fi)}
.depoimentos{text-align:center;padding:20px 20px 44px}
.depoimentos .tit{font:italic 900 clamp(24px,6vw,34px)/1 var(--fi)}
.depoimentos p{margin:14px auto 0;max-width:var(--col)}

/* ── garantia: o mesmo cartão listrado do preço ── */
.garantia-sec{padding:20px 0 44px}
.garantia-sec .prioridade{margin:0 auto;max-width:none;border:0;border-radius:18px;background:#0c0e0c;box-shadow:0 0 0 1.5px var(--acento);padding:0 20px 24px;overflow:hidden;text-align:center}
.garantia-sec .vip{margin:0 -20px 20px;background:repeating-linear-gradient(-45deg,#12f522 0 14px,#030403 14px 28px);padding:6px 0}
.garantia-sec .vip b{display:block;width:max-content;margin:0 auto;background:#030403;color:var(--acento);font:italic 900 14px/1 var(--fi);text-transform:uppercase;padding:6px 12px;border-radius:6px}
.garantia h2{font:italic 900 clamp(1.7rem,7.4vw,2.4rem)/.95 var(--fi);text-transform:uppercase;text-wrap:balance}
.garantia p{margin-top:12px;color:var(--suave);font-size:.98rem}

/* ── FAQ: linhas claras da captura ── */
.faq-sec .tit{font:italic 900 clamp(24px,6vw,34px)/1 var(--fi);text-wrap:balance}
.faq summary{font-size:1rem}
.faq details p{font-size:.95rem}

/* ── fecho em dois caminhos ── */
.fecho{text-align:center;padding:30px 0 60px}
.caminhos{display:grid;gap:12px;text-align:left}
.caminho{padding:22px 20px;border-radius:18px}
.caminho p:not(.caminho-rot){margin-top:10px}
.caminho-rot{font:italic 900 .82rem/1 var(--fi);text-transform:uppercase;letter-spacing:.04em}
.caminho-fecha{box-shadow:inset 0 0 0 1px var(--fio);color:var(--suave-2)}
.caminho-entra{background:var(--acento);color:var(--acento-texto)}
.fecho-preco{margin-top:34px;font:italic 900 1.5rem/1 var(--fi);color:var(--suave);text-transform:uppercase}
.fecho-preco strong{color:var(--acento);font-size:1.6em}
.fecho-mini{margin-top:12px;color:var(--suave-2);font-size:.88rem}

/* ── barra de preço fixa ── */
.barra-preco{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;
  display:none;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 20px;border-radius:999px;
  background:rgba(12,14,12,.92);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(18,245,34,.4),0 20px 50px rgba(0,0,0,.55);
  max-width:520px;margin:0 auto;translate:0 140%;transition:translate .5s var(--mv-chega)}
body.aberta .barra-preco{display:flex}
.barra-preco.na-tela{translate:0 0}
.barra-preco p{display:flex;align-items:baseline;gap:10px;color:var(--suave);font-size:.86rem}
.barra-preco p b{font:italic 900 1.5rem/1 var(--fi);color:var(--acento)}
.barra-preco b span{font:inherit;color:inherit}
.barra-preco .botao{margin:0;width:auto;min-height:48px;padding:10px 26px;font-size:1rem}
.barra-preco .botao::before{display:none}

@media (prefers-reduced-motion:reduce){.botao::before{animation:none}}

/* depoimentos: os prints do WhatsApp */
.prints{display:grid;gap:12px;max-width:440px;margin:28px auto 0}
.prints img{width:100%;height:auto;border-radius:14px;box-shadow:0 0 0 1px rgba(242,244,241,.1)}
@media (min-width:860px){.prints{display:block;columns:2;column-gap:14px;max-width:900px}.prints img{break-inside:avoid;margin-bottom:14px}}

/* ajustes do Yohan (01/11): âncora maior e mockups reais no lugar das caixas com lateral verde */
.preco-avulso{margin:2px 0 4px;color:var(--suave-2);font:italic 800 clamp(2.2rem,10vw,2.9rem)/1 var(--fi);font-stretch:85%;font-variant-numeric:tabular-nums}
.caixa-curso{perspective:none}
.caixa-curso::after{display:none}
.caixa-curso .mock{width:min(64vw,250px);height:auto;filter:drop-shadow(0 26px 30px rgba(0,0,0,.55))}
.caixa-curso.larga .mock{width:min(94vw,460px)}
.caixa-curso .foto-pilha{width:min(52vw,200px);height:auto;border-radius:14px}
#cena-b .capa-b{box-shadow:none;border-radius:0;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
#cena-e .grade-e img{object-position:50% 30%}