/* ==========================================================================
   Imersão Alta Margem · complementos ao style.css (clone da referência)
   Só o que a referência não tem: logo tipográfico, diagramas do PDF,
   mockup da aula, fotos da história e página de obrigado.
   ========================================================================== */

/* Logo tipográfico (substitui o PNG de logo da referência) */
.nl-logo{display:inline-flex;flex-direction:column;line-height:1;text-decoration:none}
.nl-logo__name{font-family:var(--v2-font-serif);font-weight:500;font-size:30px;letter-spacing:-.01em;color:var(--g-dark);white-space:nowrap}
.nl-logo__name em{font-style:italic;font-weight:300;color:var(--g-mid)}
.nl-logo--light .nl-logo__name{color:#fff}
.nl-logo--light .nl-logo__name em{color:var(--g-lime)}
.v2-hero__logo.nl-logo,.v2-hero__logo-desktop.nl-logo,.v2-offer__logo.nl-logo,.v2-footer__logo.nl-logo{height:auto;width:auto}
@media (width>=768px){.v2-hero__logo-desktop .nl-logo__name{font-size:36px}}
.v2-offer__logo.nl-logo{align-items:center;margin-inline:auto}
.v2-offer__logo .nl-logo__name{font-size:28px}
.v2-footer__logo .nl-logo__name{font-size:24px}
.v2-footer .logo-kicker,.nl-final .logo-kicker{color:var(--g-lime)}

/* Hero: recorte da foto da Queila */
.v2-hero__photo{background-position:50% 0%!important}
/* Selos de credenciais: descem para a base da foto, abaixo do rosto */
.v2-hero{position:relative}
.v2-hero__container{position:static!important}
.v2-hero__container > .absolute.bottom-16{bottom:28px!important;right:2%!important}
@media (width>=768px){.v2-hero__photo{background-size:cover!important;background-position:55% 0%!important}}

/* Mecanismo: esquema das duas alavancas (mesmo nó visual do ciclo da referência) */
.lev{position:relative;max-width:700px;margin:56px auto 0;display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;gap:0}
.lev__col{display:flex;flex-direction:column;gap:22px}
.lev .cyc__node{position:relative;transform:none;left:auto;top:auto;width:auto}
.lev__arrow{color:var(--g-mid);text-align:center;font-size:18px}
.lev__arrow--split{display:flex;flex-direction:column;gap:46px}
@media (width<=767px){
  .lev{grid-template-columns:1fr;gap:14px;max-width:320px}
  .lev__arrow{transform:rotate(90deg)}
  .lev__arrow--split{flex-direction:row;justify-content:center;gap:0}
}
.fear--pairs{max-width:680px}
.fear--pairs .fear__do,.fear--pairs .fear__fear{text-transform:none;letter-spacing:0;line-height:1.35;padding:14px}
.fear--pairs .fear__fear{font-weight:400}
.fear.fear--pairs > .fear__do{background:var(--g-mid)!important}
.fear.fear--pairs > .fear__fear{background:var(--g-dark)!important;color:#fff}
.fear.fear--pairs > .fear__head{color:var(--g-mid)!important}

/* Metáfora: a matemática da hora (no lugar da árvore, mesma moldura) */
.hm{max-width:620px;margin:44px auto 0;display:grid;gap:16px;text-align:left}
.hm__row{padding:18px 20px;border-radius:14px;background:#ffffff0f;border:1px solid var(--v2-border-dark)}
.hm__row--hl{background:var(--g-lime);border-color:transparent;color:var(--g-dark)}
.hm__k{display:block;margin-bottom:12px;font-family:var(--v2-font-sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--v2-on-dark-body)}
.hm__row--hl .hm__k{color:var(--g-dark);opacity:.75}
.hm__pair{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px}
.hm__cell{font-family:var(--v2-font-sans);font-weight:700;font-size:15px;padding:12px 14px;border-radius:6px;background:#ffffff14;text-align:center}
.hm__row--hl .hm__cell{background:#1f2a1914}
.hm__arrow{color:var(--g-lime);font-size:20px;text-align:center}
.hm__row--hl .hm__arrow{color:var(--g-dark)}

/* Bônus: mockup da aula no lugar do livro */
.pbns .aula{width:min(78vw,340px);margin:0 auto;border-radius:16px;overflow:hidden;background:#1a0506;box-shadow:0 30px 60px -24px #000c,0 0 0 1px #f0d37a33}
.pbns .aula__thumb{position:relative;aspect-ratio:16/10;background:url(../img/queila-alt-900.webp) center 22%/cover no-repeat}
.pbns .aula__thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 35%,#1a0506 100%)}
.pbns .aula__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#f0d37a;display:flex;align-items:center;justify-content:center;z-index:1}
.pbns .aula__play::after{content:"";border-left:20px solid #3f0608;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.pbns .aula__t{margin:0;padding:16px 18px 20px;font-family:var(--serif);font-weight:300;font-size:22px;line-height:1.15;color:#f6ead2}
.pbns .pbns__lote{display:inline-block;margin-top:22px;font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#f0d37a}

/* Oferta: lista com check dentro do card da referência */
.v2-offer__card .incl{margin-top:8px}

/* Garantia: rótulo acima do título */
.guar__text .v2-eyebrow{margin-bottom:12px}

/* História: duas fotos da Queila */
.story-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin:36px auto 0}
.story-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
@media (width<=600px){.story-photos{grid-template-columns:1fr}.story-photos img{aspect-ratio:16/9}}

/* Bio: retrato da Queila */
.v2-bio__portrait img{object-position:50% 25%!important}

/* CTA final (dobra 16 do PDF) */
.nl-final{text-align:center}
.nl-final .v2-faq__actions{margin-top:28px}
.nl-final .v2-btn--outline{color:#fff;border:1px solid var(--v2-border-dark);background:transparent}

/* Página de obrigado */
.ty{padding:0 0 80px}
.ty__card{max-width:680px;margin:0 auto;background:#fff;border:1px solid var(--v2-border);border-radius:18px;padding:40px 28px;text-align:center;box-shadow:0 18px 40px -26px #1f2a1955}
.ty__check{width:64px;height:64px;border-radius:50%;background:var(--g-mid);margin:0 auto 20px;display:flex;align-items:center;justify-content:center}
.ty__check svg{width:32px;height:32px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ty__actions{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:28px}
.v2-btn--wa{background:#25d366!important;color:#fff!important}
.v2-btn--wa .btn__icon-circle{background:#ffffff33!important;color:#fff!important}
.v2-offer__header .nl-logo.v2-offer__logo{display:inline-flex!important;flex-direction:column!important;gap:6px}
@media (width<=767px){.lev__arrow--split span{display:none}.lev__arrow--split::after{content:"↓";transform:none}.lev__arrow{transform:none}}
.ty__steps{text-align:left;margin:28px auto 0;max-width:520px}
.ty__step{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--v2-border)}
.ty__step:last-child{border-bottom:0}
.ty__num{width:32px;height:32px;border-radius:50%;background:var(--g-dark);color:var(--g-lime);font-family:var(--v2-font-sans);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.ty__step b{display:block;color:var(--v2-ink);font-family:var(--v2-font-sans);font-size:15px;margin-bottom:3px}
.ty__step p{margin:0;font-size:15px;line-height:1.5;color:var(--v2-ink-body)}
.ty__when{margin-top:18px;font-family:var(--v2-font-sans);font-size:13px;color:var(--v2-ink-body)}
/* Telas largas: a foto não estica além de ~860px, para o rosto caber inteiro acima dos selos */
@media (width>=1500px){.v2-hero__photo{left:auto!important;right:0!important;width:min(56vw,900px)!important}}

/* Prints reais de depoimento */
.nl-print{margin:0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 40px -24px #1f2a1955}
.nl-print img{display:block;width:100%;height:auto}
.nl-prints{display:grid;gap:18px;align-items:start;max-width:1000px;margin:0 auto}
@media (width>=700px){.nl-prints{grid-template-columns:repeat(3,1fr)}}
/* Prints do Instagram são stories 9:16: limita a largura para não ficarem gigantes */
.nl-prints{max-width:900px}
.v2-problem-reveal .nl-print{max-width:320px;margin-inline:auto}

/* Barra de 4 números no celular (no desktop eles ficam sobre a foto) */
.hero-facts{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero-facts li{padding:14px 14px 13px;border-radius:14px;background:#f8f8f1;border:1px solid var(--v2-border);font-family:var(--v2-font-sans);font-size:12px;line-height:1.35;color:var(--v2-ink-body)}
.hero-facts b{display:block;margin-bottom:4px;font-family:var(--v2-font-serif);font-weight:500;font-size:24px;line-height:1.1;color:var(--v2-ink)}
@media (width>=768px){.hero-facts{display:none}}
/* Mecanismo: duas alavancas → novo lucro */
@media (width>=768px){.lev.lev--duas{grid-template-columns:1fr 48px 1fr;max-width:620px}}
.lev .cyc__node::after{content:none}

/* Hero · bloco abaixo do subtítulo (mesmas palavras do PDF, em peças) */
.v2 .v2-hero__content{position:relative;z-index:3} /* texto e botão acima da foto: o botão não "apaga" mais à direita */
.hero-when{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.hero-when li{display:inline-flex;align-items:center;gap:8px;font-family:var(--v2-font-sans);font-weight:700;font-size:14px;line-height:1.3;color:var(--v2-ink);white-space:nowrap}
.hero-when .ic{width:18px;height:18px;flex:none;fill:none;stroke:var(--g-mid);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.live-dot{position:relative;width:9px;height:9px;margin:0 3px 0 4px;border-radius:50%;background:#e5392f;flex:none}
.live-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #e5392f;opacity:0;animation:live-ping 1.8s ease-out infinite}
@keyframes live-ping{0%{transform:scale(.5);opacity:.7}100%{transform:scale(1.35);opacity:0}}
.zoom-mark{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin-left:2px}
.zoom-ic{width:20px;height:20px;flex:none}
.hero-offer{margin-top:18px}
.hero-offer__price{margin:0;font-family:var(--v2-font-sans);font-size:15px;line-height:1.2;color:var(--v2-ink-body)}
.hero-offer__price s{color:var(--v2-ink-body);opacity:.75;text-decoration-thickness:1.5px}
.hero-offer__price b{display:inline-block;margin-left:2px;font-family:var(--v2-font-serif);font-weight:500;font-size:40px;line-height:1;letter-spacing:-.02em;color:var(--v2-ink)}
.hero-offer__meta{margin:10px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.hero-offer__lote{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--g-dark);color:var(--g-lime);font-family:var(--v2-font-sans);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}
.hero-offer__after{font-family:var(--v2-font-sans);font-size:14px;color:var(--v2-ink-body)}
.v2 .v2-hero__content .v2-hero__cta{margin-top:26px}
.hero-guar{margin:14px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--v2-font-sans);font-weight:700;font-size:14px;color:var(--g-mid)}
.hero-guar .ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (width<=767px){
  .hero-when{flex-direction:column;align-items:flex-start;gap:9px;margin-top:24px}
  .hero-offer__price b{font-size:36px}
}
@media (prefers-reduced-motion:reduce){.live-dot::after{animation:none}}
/* Celulares estreitos (≤374px): o texto do botão quebra em 2 linhas em vez de vazar */
@media (width<=374px){
  .v2 .v2-btn{white-space:normal!important;line-height:1.25;gap:12px}
  .v2 .v2-btn > span:not(.btn__icon-circle){flex:1 1 auto;min-width:0}
  .v2 .v2-btn .btn__icon-circle{flex:none}
}