/* Página de vendas do ebook (tráfego pago). Usa a base do site e só acrescenta o que é dela. */
html body{--claro:#F3F3F1;--txt-claro:#141414;--mudo-claro:#4A4A50}

/* topo enxuto: só marca e botão de compra */
html .eb-topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
html .eb-topo .btn{padding:11px 20px;animation:none}

/* hero */
html .eb-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 70% at 78% 45%,rgba(243,142,24,.22),rgba(243,142,24,0) 70%),var(--preto);padding:clamp(36px,6vw,80px) 0 clamp(40px,6vw,70px)}
html .eb-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,4vw,56px);align-items:center}
html .eb-selo{display:inline-block;border:1px solid rgba(243,142,24,.55);color:var(--laranja);font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px;margin-bottom:18px}
html .eb-hero h1{font-size:clamp(1.75rem,3.4vw,2.7rem);font-weight:800;line-height:1.1;max-width:17em}
html .eb-hero h1 b{color:var(--laranja);font-weight:800}
html .eb-hero-txt>p{color:#C9C6C1;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.55;max-width:33em;margin:16px 0 20px}
html .eb-compra{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:6px}
html .eb-preco{display:flex;align-items:center;gap:12px}
html .eb-preco b{font-size:clamp(2rem,3.2vw,2.5rem);font-weight:900;color:#fff;line-height:1}
html .eb-preco span{font-size:13px;line-height:1.35;color:#A9A6A1;font-weight:600}
html .eb-confia{font-size:13px!important;color:#9A9AA0!important;margin:14px 0 0!important;font-weight:600}
html .eb-hero-img img{width:100%;max-width:620px;height:auto;margin:0 auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.55))}

/* mercado: números da imprensa */
html .eb-mercado{background:var(--grafite);padding:clamp(56px,7vw,96px) 0}
html .eb-mercado .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:center}
html .eb-numeros{display:grid;gap:18px}
html .eb-numeros div{border-left:4px solid var(--laranja);padding:6px 0 6px 20px}
html .eb-numeros b{display:block;font-size:clamp(2.6rem,5vw,4rem);font-weight:900;line-height:1;color:#fff}
html .eb-numeros span{display:block;margin-top:8px;color:#C9C6C1;font-weight:600;max-width:20em}
html .eb-fonte{font-size:12.5px;color:#8A8A90;margin:0}

html .eb-mercado-txt p{color:#C9C6C1;max-width:36em}

/* simulação */
html .eb-sim{background:var(--claro);color:var(--txt-claro);padding:clamp(56px,7vw,96px) 0}
html .eb-sim .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,64px);align-items:center}
html .eb-sim .titulo{color:#0B0B0C}
html .eb-sim .eyebrow{color:#A85A00}
html .eb-sim-txt p{color:var(--mudo-claro);margin:14px 0 24px;max-width:30em}
html .eb-tabela{background:#fff;border-radius:16px;padding:clamp(20px,3vw,32px);box-shadow:0 24px 60px rgba(0,0,0,.12);border:1px solid #E4E2DD}
html .eb-tab-tag{display:inline-block;background:#0B0B0C;color:var(--laranja);font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:4px}
html .eb-tabela h3{font-size:1.25rem;font-weight:800;margin:12px 0 6px;color:#0B0B0C}
html .eb-tabela>p{font-size:14px;color:var(--mudo-claro);margin:0 0 14px}
html .eb-tabela table{width:100%;border-collapse:collapse;font-size:15px}
html .eb-tabela td{padding:9px 4px;border-bottom:1px solid #ECEAE5;color:#2A2A2E}
html .eb-tabela td:last-child{text-align:right;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
html .eb-tabela .eb-sub td{background:#F3F3F1;font-weight:800;color:#0B0B0C}
html .eb-tabela .eb-tot td{background:#0B0B0C;color:#fff;font-weight:800;border:0}
html .eb-tabela .eb-tot td:last-child{color:var(--laranja)}
html .eb-tabela small{display:block;margin-top:14px;font-size:12px;line-height:1.45;color:#77777D}

/* conteúdo: 4 fases */
html .eb-conteudo{background:var(--preto);padding:clamp(56px,7vw,96px) 0}
html .eb-fases{list-style:none;counter-reset:fase;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
html .eb-fases li{counter-increment:fase;background:var(--grafite);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px 20px;display:flex;flex-direction:column;gap:8px}
html .eb-fases li::before{content:counter(fase);font-weight:900;font-size:2.2rem;line-height:1;color:var(--laranja)}
html .eb-fases b{font-size:1.1rem;font-weight:800;color:#fff}
html .eb-fases span{color:#B9B7B2;font-size:15px;line-height:1.5;flex:1}
html .eb-fases small{color:#8A8A90;font-weight:700;font-size:12.5px}
html .eb-pratica{margin-top:22px;background:rgba(243,142,24,.1);border-left:4px solid var(--laranja);border-radius:0 12px 12px 0;padding:18px 22px;color:#E6E3DE;max-width:860px}
html .eb-pratica b{color:var(--laranja)}
html .eb-sumario{margin-top:18px;max-width:860px}
html .eb-sumario summary{cursor:pointer;font-weight:800;color:var(--laranja);padding:10px 0;list-style:none}
html .eb-sumario summary::-webkit-details-marker{display:none}
html .eb-sumario summary::after{content:" +"}
html .eb-sumario[open] summary::after{content:" −"}
html .eb-sumario ol{columns:2;column-gap:36px;margin:8px 0 0;padding-left:22px;color:#C9C6C1}
html .eb-sumario li{margin:0 0 7px;break-inside:avoid}

/* resultados e autor: mesmos componentes da página principal */
html .eb-real{padding:clamp(56px,7vw,90px) 0}

/* oferta */
html .eb-oferta{background:var(--claro);color:var(--txt-claro);padding:clamp(56px,7vw,96px) 0}
html .eb-oferta-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(20px,4vw,48px);align-items:center;max-width:1000px;margin:0 auto;background:#0B0B0C;color:#F5F3EF;border-radius:20px;padding:clamp(20px,3.5vw,40px);box-shadow:0 30px 70px rgba(0,0,0,.25);border:1px solid rgba(243,142,24,.45)}
html .eb-oferta-card>img{width:100%;height:auto;border-radius:14px}
html .eb-oferta-txt h2{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:800;margin:12px 0 14px;line-height:1.15}
html .eb-oferta-txt .av-tag{position:static;display:inline-block}
html .eb-oferta-txt .av-lista{margin:0 0 20px}
html .eb-preco-g{margin-bottom:16px}
html .eb-preco-g b{font-size:clamp(2.4rem,4vw,3rem)}
html .eb-oferta-txt .btn{width:100%;justify-content:center;font-size:1.05rem}
html .eb-kit{text-align:center;margin:22px auto 0;max-width:640px;color:var(--mudo-claro);font-size:15px}
html .eb-kit a{color:#A85A00;font-weight:800}

/* para quem é */
html .eb-pq{background:var(--preto);padding:clamp(56px,7vw,90px) 0}
html .eb-pq .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px)}
html .eb-pq .titulo{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:20px}
html .eb-nao{background:var(--grafite);border-radius:16px;padding:28px;border:1px solid rgba(255,255,255,.08)}
html .eb-nao p{color:#C9C6C1;margin:0}

/* garantia mais compacta que na principal */
html body .eb-page section.seguranca,html section.seguranca{min-height:0;padding:clamp(56px,7vw,90px) 0}

/* dúvidas em uma coluna */
html .eb-faq{max-width:860px;margin:0 auto}
html section#duvidas .titulo{text-align:center}

/* barra fixa no celular */
html .cta-fixo span{color:#fff}

@media (max-width:900px){
  html .eb-hero .wrap,html .eb-mercado .wrap,html .eb-sim .wrap,html .eb-oferta-card,html .eb-pq .wrap{grid-template-columns:1fr}
  html .eb-hero-img{order:-1}
  html .eb-hero-img img{max-width:420px}
  html .eb-numeros{grid-template-columns:1fr 1fr}
  html .eb-fonte{grid-column:1 / -1}
  html .eb-fases{grid-template-columns:1fr 1fr}
  html .eb-sumario ol{columns:1}
  html .eb-compra{gap:14px}
  html .eb-compra .btn{width:100%;justify-content:center}
  html .eb-oferta-card>img{max-width:360px;margin:0 auto}
}
@media (max-width:560px){
  html .eb-topo .btn{padding:9px 14px;font-size:13px}
  html .eb-fases{grid-template-columns:1fr}
  html .eb-numeros{grid-template-columns:1fr}
  html .eb-tabela table{font-size:13.5px}
  html .eb-hero-img img{max-width:330px}
}

/* ajustes de celular */
html .eb-preco b{white-space:nowrap}
@media (max-width:560px){
  html .eb-fases{gap:10px}
  html .eb-fases li{display:grid;grid-template-columns:38px 1fr;column-gap:12px;row-gap:4px;padding:16px}
  html .eb-fases li::before{grid-row:1 / span 3;font-size:1.9rem}
  html .eb-fases span{font-size:14.5px}
  html .eb-preco-g{flex-wrap:wrap}
}

/* Black Friday */
html .eb-preco{flex-wrap:wrap;row-gap:6px}
html .eb-bf{flex-basis:100%;display:inline-flex;width:max-content;max-width:max-content;background:#F38E18;color:#0B0B0C!important;font-weight:900!important;font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border-radius:4px;line-height:1!important}
html .eb-de{font-size:14px!important;color:#C9C6C1!important;font-weight:600}
html .eb-de s{color:#9A9AA0}
html .cta-fixo span s{color:#9A9AA0;font-weight:600}

/* "Você aprende fazendo" e sumário na mesma largura dos cards */
html .eb-pratica,html .eb-sumario{max-width:none}

/* carrossel das 3 simulações */
html .eb-sim-lado{min-width:0}
html .eb-sim-car{position:relative;padding:0 60px}
html .eb-sim-jan{overflow:hidden;border-radius:16px;padding:6px 0 30px}
html .eb-sim-trilho{display:flex;align-items:stretch}
html .eb-sim-trilho .eb-tabela{flex:0 0 100%;box-shadow:0 14px 34px rgba(0,0,0,.10)}
html .eb-seta{position:absolute;top:calc(50% - 15px);transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:#F38E18;color:#0B0B0C;font-size:30px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 4px;box-shadow:0 8px 20px rgba(243,142,24,.35)}
html .eb-seta:hover{background:#FFA63D}
html .eb-seta:focus-visible{outline:3px solid #0B0B0C;outline-offset:2px}
html .eb-ant{left:0}html .eb-prox{right:0}
html .eb-sim-aviso{display:block;margin:2px 60px 0;font-size:12px;line-height:1.45;color:#77777D}
@media (max-width:560px){
  html .eb-sim-car{padding:0 0 64px}
  html .eb-seta{top:auto;bottom:6px;transform:none}
  html .eb-ant{left:calc(50% - 56px)}html .eb-prox{right:calc(50% - 56px)}
  html .eb-sim-jan{padding-bottom:10px}
  html .eb-sim-aviso{margin:6px 0 0}
}
html .eb-sim-trilho .eb-tabela{min-width:0;width:100%}html .eb-sim-trilho .eb-tabela table{table-layout:auto}
html .eb-tabela table{min-width:0!important}html .eb-tabela td{padding:9px 4px;font-size:15px}

/* hero: sem brilho laranja atrás; onda de luz atravessa só o ebook, como na foto do site */
html .eb-hero{background:var(--preto)}
html .eb-capa-wrap{position:relative;width:100%;max-width:620px;margin:0 auto;animation:zoom-foto 2.4s ease-out both}
html .eb-capa-wrap img{max-width:100%;margin:0}
html .eb-brilho{position:absolute;inset:0;overflow:hidden;pointer-events:none;
  -webkit-mask-image:url(img/ebook-hero.webp);mask-image:url(img/ebook-hero.webp);
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
html .eb-brilho::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;
  background:linear-gradient(105deg,transparent 0%,rgba(255,250,235,0) 20%,rgba(255,248,230,.45) 50%,rgba(255,250,235,0) 80%,transparent 100%);
  transform:translateX(-160%) skewX(-12deg);opacity:0;animation:onda-foto 2.2s ease-in-out .9s 1 forwards}
@media (max-width:900px){html .eb-capa-wrap{max-width:420px}}
@media (max-width:560px){html .eb-capa-wrap{max-width:330px}}
@media (prefers-reduced-motion:reduce){html .eb-capa-wrap,html .eb-brilho::after{animation:none}}
html .eb-oferta-card>img{box-shadow:0 0 0 1px rgba(255,255,255,.6),0 14px 28px rgba(0,0,0,.55)}
html .cta-fixo .btn{white-space:nowrap;flex:0 0 auto}
html .cta-fixo span{font-size:12.5px!important;line-height:1.25}
html .eb-oferta .prod-intro{max-width:none}
html .cta-fixo span b{white-space:nowrap;color:#fff}
/* traço fininho branco nos cards sobre fundo preto */
html .eb-fases li,html .eb-nao{border:1px solid rgba(255,255,255,.5)}
html .eb-pratica{border:1px solid rgba(255,255,255,.5);border-left:4px solid var(--laranja)}
/* exemplo concreto em cada fase */
html .eb-ex{display:block;font-style:normal;font-size:14px;line-height:1.45;color:#E6E3DE;background:rgba(243,142,24,.1);border-radius:8px;padding:10px 12px;margin:4px 0 2px}
html .eb-ex b{color:var(--laranja);font-weight:800}
html .eb-fases span{flex:0 0 auto}
html .eb-fases small{margin-top:auto}
@media (max-width:560px){html .eb-ex{grid-column:2}html .eb-fases small{grid-column:2}}
html .eb-fases .eb-ex b{font-size:inherit;color:var(--laranja)}@media (max-width:560px){html .eb-fases li::before{grid-row:1 / span 4}}
/* chamada para o site principal, depois da oferta */
html .eb-site{margin:28px auto 0;max-width:1000px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid #E4E2DD;border-radius:16px;padding:20px 24px}
html .eb-site b{display:block;color:#0B0B0C;font-size:1.05rem;font-weight:800}
html .eb-site span{display:block;color:#4A4A50;font-size:14.5px;margin-top:4px}
html .eb-site .btn-c{border-color:#0B0B0C;color:#0B0B0C;animation:none;white-space:nowrap}
html .eb-site .btn-c:hover{border-color:#F38E18;color:#A85A00}
@media (max-width:560px){html .eb-site .btn-c{width:100%;justify-content:center}}

/* revisão: celular com título, preço e botão na primeira tela */
@media (max-width:560px){
  html .eb-hero{padding:14px 0 30px}
  html .eb-capa-wrap{max-width:200px}
  html .eb-hero .wrap{gap:6px}
  html .eb-selo{margin-bottom:10px;font-size:12px;padding:5px 10px}
  html .eb-hero h1{font-size:1.55rem}
  html .eb-hero-txt>p{font-size:.95rem;margin:10px 0 12px}
  html .eb-hero .hero-checks{display:none}
  html .eb-compra{margin-top:0}
  html .eb-confia{margin-top:10px!important}
}
/* simulações: cada card na sua altura, sem buraco branco */
html .eb-sim-trilho{align-items:flex-start}
/* respiro menor entre o mercado e o vídeo */
html .eb-mercado{padding-bottom:clamp(32px,4vw,56px)}
html body .eb-mercado + #video{padding-top:clamp(32px,4vw,56px)}
/* ancoragem do desconto */
html .eb-economia{display:inline-block;margin:6px 0 2px;padding:4px 10px;border-radius:999px;background:rgba(200,241,53,.12);border:1px solid rgba(200,241,53,.55);color:#C8F135;font-size:.8rem;font-weight:700;line-height:1.2;white-space:nowrap}
html .eb-preco .eb-economia{display:inline-block;margin:0;color:#C8F135;font-size:12px;font-weight:700}
html .av-preco .eb-economia{display:table;margin-top:8px}
html .eb-preco .eb-de s,html .av-preco .de-av s{text-decoration-thickness:2px;text-decoration-color:#E5484D}
@media (max-width:560px){html .eb-preco .eco-x{display:none}html .eb-preco .eb-economia{font-size:11.5px;padding:4px 9px}}