/* ==========================================================================
   OUTROS 500 · página de vendas v2
   Tokens vindos do CLAUDE.md. Seções comentadas na ordem da página.
   ========================================================================== */

/* ---------- Tokens ---------- */
:root{
  --color-primary:#A6301D;
  --color-primary-dark:#7F2314;
  --color-accent:#E04A2F;
  --color-accent-dark:#C23B22;
  --color-bg:#FBF7F0;
  --color-surface:#F2EBDF;
  --color-text:#1E1A17;
  --color-text-muted:#6E655C;
  --color-border:#E2D8C9;
  --color-highlight:#F7E2D8;
  --color-dark:#1E1A17;
  --color-success:#4E7C4A;
  --color-warning:#D08A1F;
  --color-error:#C23B22;

  --font-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --font-body:'Instrument Sans',system-ui,-apple-system,sans-serif;
  --font-ticket:'Oswald',sans-serif;

  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;
  --space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;

  --radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:9999px;
  --shadow-subtle:0 1px 2px rgba(30,26,23,.06);
  --shadow-medium:0 8px 24px rgba(30,26,23,.08);
  --shadow-prominent:0 24px 48px rgba(30,26,23,.14);

  --max:1120px;
  --gutter:clamp(16px,5vw,48px);
}

/* ---------- Base ---------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:17px;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2{font-family:var(--font-display);font-weight:500;margin:0;line-height:1.05}
h1{font-size:clamp(40px,5.6vw,72px);line-height:1.04;letter-spacing:-.02em;max-width:20ch}
h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.01em;line-height:1.1;max-width:22ch;margin-bottom:var(--space-6)}
h1 em,h2 em{font-style:italic;color:var(--color-primary)}
h3{font-size:clamp(22px,2.4vw,28px);font-weight:600;line-height:1.25;margin:0 0 var(--space-3)}
h4{font-size:17px;font-weight:600;margin:0 0 var(--space-2)}
p{margin:0 0 1em;max-width:62ch}
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.centro{text-align:center}
.centro h2,.centro p,.centro .lead{margin-left:auto;margin-right:auto}
.sec{padding:var(--space-16) 0;scroll-margin-top:84px}
@media (min-width:768px){.sec{padding:var(--space-24) 0}}
.sec--areia{background:var(--color-surface)}
.sec + .sec:not(.sec--areia):not(.sec--escura){border-top:1px solid var(--color-border)}
.sec--escura{background:var(--color-dark);color:var(--color-bg)}
.sec--escura .rotulo{color:rgba(251,247,240,.6)}
.sec--escura .lead{color:rgba(251,247,240,.78)}
.sec--escura h2 em{color:#E9B9A8}
.rotulo{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-4)}
.rotulo--bilhete{font-family:var(--font-ticket);font-weight:500;letter-spacing:.2em}
.lead{font-size:20px;line-height:1.5;color:var(--color-text-muted);max-width:56ch}
.lead em{font-style:italic;color:var(--color-primary)}
.lead--centro{margin-left:auto;margin-right:auto}
.prosa p{max-width:62ch}
.prosa p + p{margin-top:0}
.micro{font-size:14px;color:var(--color-text-muted);margin:var(--space-3) 0 0}
.fecho{font-family:var(--font-display);font-size:clamp(22px,2.6vw,32px);line-height:1.3;max-width:34ch;margin:var(--space-8) 0 0;padding-top:var(--space-6);border-top:1px solid var(--color-border)}
.fecho--sem-linha{border:0;padding:0;margin-top:var(--space-4)}
.ex{color:var(--color-text-muted);font-size:16px;background:var(--color-highlight);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);max-width:62ch}
.ex:empty{display:none}
.ex--solto{margin-bottom:var(--space-8)}

/* Picote: linha de furos como divisória (gesto do bilhete) */
.picote{border-top:2px dotted var(--color-border)}

/* Cupom: dentes semicirculares nas laterais */
.cupom{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.cupom::before,.cupom::after{content:"";position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);transform:translateY(-50%)}
.cupom::before{left:-12px;border-left-color:transparent}
.cupom::after{right:-12px;border-right-color:transparent}
.sec:not(.sec--areia) .cupom::before,.sec:not(.sec--areia) .cupom::after{background:var(--color-bg)}
.sec--escura .cupom::before,.sec--escura .cupom::after{background:var(--color-dark);border-color:rgba(251,247,240,.25)}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--color-accent);color:var(--color-bg);text-decoration:none;font-family:var(--font-body);font-weight:600;font-size:15px;letter-spacing:.02em;padding:16px 28px;border-radius:var(--radius-pill);border:1px solid var(--color-accent);transition:background .18s,transform .18s;cursor:pointer}
.btn:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);transform:translateY(-1px)}
.btn:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:3px}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.btn--grande{font-size:16px;padding:18px 34px}
.btn--sec{background:transparent;color:var(--color-text);border-color:var(--color-text)}
.btn--sec:hover{background:var(--color-surface);border-color:var(--color-text)}
.sec--escura .btn--sec{color:var(--color-bg);border-color:var(--color-bg)}

/* ---------- Ícones inline ---------- */
.ico{display:inline-flex;width:22px;height:22px;flex:none;margin-top:3px}
.ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ico--x{color:var(--color-error)}
.ico--ok{color:var(--color-success)}

/* ========== 1. Barra de anúncio ========== */
.anuncio{background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:13px;letter-spacing:.06em}
.anuncio .wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:40px}
.anuncio span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}
.anuncio__link{color:var(--color-primary);font-weight:600;text-decoration:none;white-space:nowrap}
.anuncio__link:hover{text-decoration:underline}
@media (max-width:600px){.anuncio span{display:none}.anuncio .wrap{justify-content:center}}

/* ========== Navegação fixa ========== */
.nav{position:sticky;top:0;z-index:20;background:rgba(251,247,240,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:68px}
.nav__marca img{height:44px;width:auto}
.nav__links{display:none;gap:var(--space-6)}
.nav__links a{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--color-text-muted);white-space:nowrap}
.nav__links a:hover{color:var(--color-primary)}
@media (min-width:1024px){.nav__links{display:flex}}
.btn--nav{padding:11px 20px;font-size:13px;white-space:nowrap;transition:opacity .25s,transform .25s,background .18s}
.btn--nav.oculto{opacity:0;pointer-events:none;transform:translateY(-6px)}
.btn--nav .curto{display:none}
@media (max-width:600px){.btn--nav{padding:9px 14px;font-size:12px}.btn--nav .longo{display:none}.btn--nav .curto{display:inline}.nav__marca img{height:36px}}

/* ========== 2. Palco (foto inteira) + promessa ========== */
.palco{position:relative;background-color:var(--color-dark);background-image:var(--foto);background-size:cover;background-position:50% 30%;background-repeat:no-repeat;color:var(--color-bg);min-height:calc(100vh - 108px);display:flex;align-items:flex-end}
.palco::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,26,23,.1) 0%,rgba(30,26,23,.15) 40%,rgba(30,26,23,.78) 78%,rgba(30,26,23,.92) 100%)}
@media (min-width:900px){.palco::before{background:linear-gradient(180deg,rgba(30,26,23,.08) 0%,rgba(30,26,23,.1) 45%,rgba(30,26,23,.7) 80%,rgba(30,26,23,.9) 100%),linear-gradient(90deg,rgba(30,26,23,.55) 0%,rgba(30,26,23,0) 50%)}}
.palco__inner{position:relative;width:100%;padding-top:var(--space-24);padding-bottom:var(--space-12);display:flex;flex-direction:column;align-items:flex-start}
@media (min-width:768px){.palco__inner{padding-bottom:var(--space-16)}}
.palco .pre{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-ticket);font-weight:500;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:rgba(251,247,240,.75);margin:0 0 var(--space-6)}
.palco .pre svg{width:11px;height:11px;fill:#E9B9A8;stroke:none}
.palco__logo{width:min(360px,70vw);height:auto;margin:0 0 var(--space-6)}
.palco__titulo{font-family:var(--font-display);font-weight:500;font-size:clamp(34px,4.4vw,60px);line-height:1.05;letter-spacing:-.01em;max-width:16ch;margin:0 0 var(--space-6)}
.palco__titulo em{font-style:italic;color:#E9B9A8}
.palco__quem{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(19px,2vw,24px);line-height:1.35;max-width:34ch;margin:0 0 var(--space-8);color:rgba(251,247,240,.9)}
.palco .micro{color:rgba(251,247,240,.6)}
.hero{padding:var(--space-16) 0}
@media (min-width:768px){.hero{padding:var(--space-24) 0}}
.hero__grid{display:grid;gap:var(--space-8);align-items:start}
@media (min-width:900px){.hero__grid{grid-template-columns:1.25fr .75fr;gap:clamp(40px,6vw,96px)}}
.hero__texto{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.hero h1{margin:0 0 var(--space-6);font-size:clamp(36px,4.6vw,64px);max-width:16ch}
.hero__como{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(20px,2.2vw,27px);line-height:1.35;color:var(--color-text);max-width:30ch;margin:0;padding-top:var(--space-4);border-top:1px solid var(--color-primary);display:inline-block}
.hero__bilhete{width:min(100%,360px);height:auto;margin:0 0 var(--space-6)}
.tres-verbos{display:grid;gap:var(--space-6);margin-top:var(--space-16);padding-top:var(--space-8);border-top:2px dotted var(--color-border)}
@media (min-width:768px){.tres-verbos{grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px)}}
.tres-verbos .num{display:block;font-family:var(--font-display);font-size:15px;letter-spacing:.14em;color:var(--color-primary);margin-bottom:var(--space-3)}
.tres-verbos h3{font-family:var(--font-display);font-weight:500;font-size:clamp(26px,2.8vw,34px);margin-bottom:var(--space-2)}
.tres-verbos p{color:var(--color-text-muted);font-size:16px;margin:0}
.hero__apoio{display:flex;flex-direction:column;align-items:flex-start}
.hero .sub{font-size:18px;line-height:1.5;color:var(--color-text-muted);max-width:40ch;margin:0 0 var(--space-6)}
.badges{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}
.badges li{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}
.badges svg{width:16px;height:16px;fill:none;stroke:var(--color-primary);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ========== 3. Problema ========== */
.foto-lado{margin:0;max-width:520px;justify-self:center;width:100%}
.foto-lado img{border-radius:var(--radius-md);box-shadow:var(--shadow-medium);aspect-ratio:3/4;object-fit:cover}
.foto-lado--pequena{max-width:360px}
.cita-foto{margin-bottom:var(--space-12)}
.cita-foto .cita{margin-bottom:0}
.boca-foto{margin-top:var(--space-12)}
.cita{margin:0 0 var(--space-12);padding-left:clamp(18px,3vw,36px);border-left:3px solid var(--color-primary)}
.cita p{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(24px,3.2vw,38px);line-height:1.25;max-width:30ch;margin:0 0 var(--space-4)}
.cita strong{font-style:normal;font-weight:600;color:var(--color-primary)}
.cita footer{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}
.seletor{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);margin:0 0 var(--space-12)}
.seletor__titulo{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-3)}
.seletor__opcoes{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.seletor__opcoes button{font:inherit;font-size:15px;font-weight:600;padding:10px 16px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background .18s,border-color .18s}
.seletor__opcoes button:hover{border-color:var(--color-text-muted)}
.seletor__opcoes button[aria-pressed="true"]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}
.seletor__ex{margin:var(--space-4) 0 0;font-size:16px;color:var(--color-text-muted);max-width:none}
.dores{list-style:none;padding:0;margin:0;display:grid;gap:0;max-width:760px}
.dores li{display:flex;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--color-border);font-size:18px;line-height:1.5}
.dores li:last-child{border-bottom:1px solid var(--color-border)}

/* ========== 4. Agitação + calculadora ========== */
.duas{display:grid;gap:var(--space-8);align-items:start}
.duas--meio{align-items:center}
.duas--topo{align-items:start}
@media (min-width:768px){.duas{grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px)}}
.duas > *{min-width:0}
.calc{padding:var(--space-8)}
.calc h3{font-family:var(--font-display);font-weight:500;font-size:clamp(26px,3vw,34px);margin-bottom:var(--space-6)}
.calc label{display:block;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-6)}
.calc input{display:block;width:100%;margin-top:6px;font:inherit;font-size:22px;font-family:var(--font-display);font-weight:500;color:var(--color-text);background:transparent;border:0;border-bottom:2px solid var(--color-border);padding:8px 0;border-radius:0;letter-spacing:0;text-transform:none}
.calc input:focus{outline:none;border-bottom-color:var(--color-accent)}
.calc__res{margin-top:var(--space-8);padding-top:var(--space-6);border-top:2px dotted var(--color-border)}
.calc__num{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(48px,6vw,84px);line-height:.95;letter-spacing:-.02em;color:var(--color-primary);margin-bottom:var(--space-3)}
.calc__leg{display:block;color:var(--color-text-muted);font-size:16px;max-width:36ch}

/* ========== 5. Introdução + mimo ========== */
.produto{border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-medium)}
.destaque{font-family:var(--font-display);font-style:italic;font-size:clamp(21px,2.3vw,27px);line-height:1.35;color:var(--color-text);margin:var(--space-6) 0}
.mimo{margin-top:var(--space-16);padding:var(--space-8);display:grid;gap:var(--space-8);align-items:center;border-top-width:2px;border-top-style:dotted}
@media (min-width:768px){.mimo{grid-template-columns:1.2fr .8fr}}
.mimo h3{font-family:var(--font-display);font-weight:500;font-size:clamp(26px,3vw,36px);line-height:1.15}
.mimo img{max-width:320px;width:100%;justify-self:center;border:1px solid var(--color-border);box-shadow:var(--shadow-prominent);transform:rotate(2deg)}

/* ========== 6. O que tem dentro ========== */
.cards{display:grid;gap:var(--space-6)}
@media (min-width:768px){.cards{grid-template-columns:1fr 1fr}.card--largo{grid-column:1/-1}}
.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);position:relative}
.card .num{display:block;font-family:var(--font-display);font-size:15px;letter-spacing:.14em;color:var(--color-primary);margin-bottom:var(--space-4)}
.card .ico{position:absolute;right:var(--space-8);top:var(--space-8);width:28px;height:28px;color:var(--color-text-muted);margin:0}
.card .ico svg{stroke-width:1.6}
.card h3{font-family:var(--font-display);font-weight:500;font-size:clamp(24px,2.6vw,30px)}
.card p{color:var(--color-text-muted);font-size:16px;margin-bottom:var(--space-4)}
.tag{display:inline-block;background:var(--color-highlight);color:var(--color-primary-dark);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-pill)}
.modulos{margin-top:var(--space-8);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.modulos summary{cursor:pointer;list-style:none;padding:var(--space-4) 0;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.modulos summary::-webkit-details-marker{display:none}
.modulos summary::after{content:"+";font-size:24px;font-weight:300;color:var(--color-primary)}
.modulos[open] summary::after{content:"–"}
.modulos__grid{display:grid;gap:var(--space-4);padding:0 0 var(--space-6)}
@media (min-width:768px){.modulos__grid{grid-template-columns:1fr 1fr}}
.modulos h4 small{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600;margin-top:2px}
.modulos p{font-size:15px;color:var(--color-text-muted);margin:0}

/* ========== 7. Quem ensina ========== */
.retrato{margin:0 0 var(--space-8);position:relative;max-width:520px;padding-right:18%;padding-bottom:14%}
.retrato img{border-radius:var(--radius-md)}
.retrato > img:first-child{aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;box-shadow:var(--shadow-medium)}
.retrato__mini{position:absolute;right:0;bottom:0;width:46%;border:6px solid var(--color-surface);box-shadow:var(--shadow-prominent);aspect-ratio:3/4;object-fit:cover}
.retrato::before{content:"";position:absolute;left:14px;top:14px;right:calc(18% - 14px);bottom:calc(14% - 14px);border:1px solid var(--color-primary);border-radius:var(--radius-md);z-index:-1}
.aspas{font-family:var(--font-display);font-style:italic;font-size:clamp(21px,2.3vw,27px);line-height:1.35;margin:var(--space-6) 0 0}
.stats{list-style:none;padding:0;margin:var(--space-12) 0;display:grid;gap:var(--space-4)}
@media (min-width:768px){.stats{grid-template-columns:repeat(3,1fr)}}
.stats li{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}
.stats strong{display:block;font-family:var(--font-display);font-weight:500;font-size:clamp(34px,4vw,48px);line-height:1;color:var(--color-primary);margin-bottom:6px}
.stats span{font-size:15px;color:var(--color-text-muted)}
.sub-h3{font-family:var(--font-display);font-weight:500;font-size:clamp(22px,2.4vw,28px);max-width:40ch}
.falas{margin:var(--space-4) 0 0;padding-left:0;list-style:none;counter-reset:f}
.falas li{counter-increment:f;display:grid;grid-template-columns:36px 1fr;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--color-border);color:var(--color-text-muted)}
.falas li:last-child{border-bottom:1px solid var(--color-border)}
.falas li::before{content:counter(f,decimal-leading-zero);font-family:var(--font-display);color:var(--color-primary);letter-spacing:.1em;margin-top:3px}

/* ========== 7b. A prática (Madri) ========== */
.pratica{background:var(--color-bg)}
.pratica__grid{display:grid;gap:var(--space-8);align-items:center}
@media (min-width:900px){.pratica__grid{grid-template-columns:.8fr 1.2fr;gap:clamp(40px,6vw,96px)}}
.pratica__video{justify-self:center;width:min(100%,340px);aspect-ratio:9/16;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-prominent);border:1px solid var(--color-border);background:var(--color-dark)}
.pratica__video video{width:100%;height:100%;object-fit:cover;display:block}
.pratica__fotos{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-4);margin-top:var(--space-8)}
.pratica__fotos img{border-radius:var(--radius-md);width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}
.pratica__fotos img:last-child{aspect-ratio:4/3;align-self:end}

/* ========== 8. Prova ========== */
.provas{display:grid;gap:var(--space-6)}
@media (min-width:768px){.provas{grid-template-columns:repeat(3,1fr)}}
.prova{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);display:flex;flex-direction:column}
.prova--depo{background:var(--color-bg);border-color:var(--color-primary)}
.prova blockquote{margin:0}
.prova blockquote p,.prova > p:not(.rotulo):not(.prova__nome){font-family:var(--font-display);font-size:clamp(20px,2vw,24px);line-height:1.35;flex:1}
.prova__nome{margin:var(--space-4) 0 0;font-size:14px;letter-spacing:.06em}
.boca{margin-top:var(--space-8);font-size:18px;color:var(--color-text-muted);max-width:60ch}
.boca em{color:var(--color-text);font-style:normal;font-family:var(--font-display);font-size:1.25em}

/* ========== 9. Oferta (única seção escura) ========== */
.oferta{display:grid;gap:var(--space-8);align-items:start;margin-top:var(--space-8)}
@media (min-width:900px){.oferta{grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,80px)}}
.inclui{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}
.inclui li{display:grid;gap:4px;padding:var(--space-4) var(--space-6);border:1px solid rgba(251,247,240,.18);border-radius:var(--radius-md)}
.inclui li.bonus{border-left:3px solid var(--color-accent)}
.inclui strong{font-size:18px}
.inclui span{color:rgba(251,247,240,.72);font-size:15px}
.canhoto{background:#2A2420;border-color:rgba(251,247,240,.2);padding:var(--space-8);color:var(--color-bg);position:relative;overflow:hidden}
.canhoto .rotulo{color:rgba(251,247,240,.6)}
.canhoto__serie{position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;font-family:var(--font-ticket);font-size:12px;letter-spacing:.3em;color:rgba(251,247,240,.35);margin:0}
.canhoto__preco{font-family:var(--font-display);font-weight:500;font-size:clamp(56px,7vw,92px);line-height:1;color:var(--color-bg);margin:0 0 4px}
.canhoto__parc{color:rgba(251,247,240,.7);margin-bottom:var(--space-6)}
.canhoto .btn{width:100%;justify-content:center}
.canhoto .micro{color:rgba(251,247,240,.6)}
.confianca{list-style:none;padding:var(--space-6) 0 0;margin:var(--space-6) 0 0;border-top:2px dotted rgba(251,247,240,.25);display:grid;gap:10px;font-size:14px;color:rgba(251,247,240,.75)}
.confianca li{display:flex;align-items:center;gap:10px}
.confianca svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.confianca--clara{border:0;color:var(--color-text-muted);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3) var(--space-6);padding-top:var(--space-4)}

/* ========== 10. Garantia ========== */
.garantia{display:grid;gap:var(--space-8);align-items:center}
@media (min-width:768px){.garantia{grid-template-columns:260px 1fr}}
.garantia__selo{position:relative;width:220px;margin:0 auto}
.garantia__selo span{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);font-family:var(--font-ticket);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);background:var(--color-bg);padding:2px 8px}

/* ========== 11. Para quem ========== */
.lista-box{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);background:var(--color-bg)}
.lista-box--sim{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}
.lista-box h3{font-family:var(--font-display);font-weight:500;font-size:clamp(24px,2.6vw,32px)}
.lista-box ul{list-style:none;padding:0;margin:0}
.lista-box li{display:flex;gap:var(--space-3);padding:var(--space-3) 0;font-size:16px;line-height:1.5}
.lista-box--sim li{border-top:1px solid rgba(251,247,240,.14)}
.lista-box:not(.lista-box--sim) li{border-top:1px solid var(--color-border);color:var(--color-text-muted)}

/* ========== 12. FAQ ========== */
.faq{border-top:1px solid var(--color-border);max-width:820px}
.faq__item{border-bottom:1px solid var(--color-border)}
.faq__item h3{margin:0}
.faq__item button{all:unset;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;cursor:pointer;padding:var(--space-6) 0;font-family:var(--font-display);font-weight:500;font-size:clamp(21px,2.2vw,26px);line-height:1.25;box-sizing:border-box}
.faq__item button:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:4px}
.faq__mais{position:relative;width:22px;height:22px;flex:none}
.faq__mais::before,.faq__mais::after{content:"";position:absolute;background:var(--color-accent);left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .2s}
.faq__mais::before{width:16px;height:2px}
.faq__mais::after{width:2px;height:16px}
.faq__item button[aria-expanded="true"] .faq__mais::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq__resp p{color:var(--color-text-muted);margin:0 0 var(--space-6);max-width:62ch}

/* ========== Faixa com foto de fundo ========== */
.faixa{position:relative;padding:clamp(96px,14vw,180px) 0;background-color:var(--color-dark);background-image:var(--foto);background-size:cover;background-position:var(--pos,50% 30%);background-repeat:no-repeat;color:var(--color-bg)}
.faixa::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,26,23,.82) 0%,rgba(30,26,23,.62) 55%,rgba(30,26,23,.25) 100%)}
.faixa .wrap{position:relative}
.faixa .rotulo{color:rgba(251,247,240,.7)}
.faixa__q{font-family:var(--font-display);font-weight:500;font-size:clamp(32px,4.6vw,60px);line-height:1.1;max-width:18ch;margin:0;letter-spacing:-.01em}
.faixa--dir .wrap{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
@media (min-width:900px){.faixa--dir::before{background:linear-gradient(270deg,rgba(30,26,23,.82) 0%,rgba(30,26,23,.62) 55%,rgba(30,26,23,.25) 100%)}}
.faixa + .sec{border-top:0}
.faixa__q em{font-style:italic;color:#E9B9A8}
.sec--foto-clara{position:relative;background-color:var(--color-surface);background-image:var(--foto);background-size:cover;background-position:center 38%;background-repeat:no-repeat}
.sec--foto-clara::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,235,223,.97) 0%,rgba(242,235,223,.9) 50%,rgba(242,235,223,.8) 100%)}
.sec--foto-clara .wrap{position:relative}

/* ========== 13. Urgência ========== */
#urgencia h2{max-width:26ch}
#urgencia .btn{margin-top:var(--space-4)}

/* ========== 14. Fecho ========== */
.sec--fecho{padding-top:var(--space-24);padding-bottom:var(--space-24)}
.sec--fecho h2{font-size:clamp(34px,7.2vw,92px);max-width:none;white-space:nowrap}
.sec--fecho .btn{margin-top:var(--space-4)}
.ps{margin:var(--space-16) auto 0;padding-top:var(--space-8);max-width:62ch;text-align:left;color:var(--color-text-muted)}
.ps strong{color:var(--color-text);font-family:var(--font-display);font-size:1.2em}

/* ========== 15. Rodapé ========== */
.rodape{border-top:1px solid var(--color-border);padding:var(--space-8) 0;font-size:13px;color:var(--color-text-muted)}
.rodape__inner{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8);align-items:center;justify-content:space-between}
.rodape p{margin:0}
.rodape img{opacity:.7}
.rodape a{color:inherit;text-decoration:none}
.rodape a:hover{color:var(--color-primary)}

/* ---------- Animação de entrada ---------- */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.reveal.visivel{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}

/* ========== Checkout no site (janela sobreposta) ========== */
.checkout{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}
.checkout[hidden]{display:none}
.checkout__fundo{position:absolute;inset:0;background:rgba(30,26,23,.72);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.checkout__caixa{position:relative;width:min(100%,640px);height:min(92vh,860px);background:var(--color-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-prominent);display:flex;flex-direction:column;animation:checkout-entra .25s ease}
@keyframes checkout-entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.checkout__caixa{animation:none}}
.checkout__topo{display:flex;align-items:center;gap:var(--space-3);padding:12px 12px 12px 16px;border-bottom:2px dotted var(--color-border);background:var(--color-surface);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}
.checkout__topo span{flex:1}
.checkout__fechar{all:unset;cursor:pointer;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text)}
.checkout__fechar:hover{background:var(--color-border)}
.checkout__fechar:focus-visible{outline:2px solid var(--color-primary-dark)}
.checkout__fechar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.checkout__corpo{position:relative;flex:1;background:#fff}
.checkout__corpo iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.checkout__carregando{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;color:var(--color-text-muted);pointer-events:none}
.checkout.carregado .checkout__carregando{display:none}
body.checkout-aberto{overflow:hidden}
.checkout__alt{font-size:12px;letter-spacing:.04em;text-transform:none;color:var(--color-text-muted);text-decoration:underline;white-space:nowrap}
@media (max-width:700px){
  .checkout{padding:0}
  .checkout__caixa{width:100%;height:100%;max-height:none;border-radius:0}
  .checkout__topo{font-size:11px;padding:10px 8px 10px 12px}
  .checkout__topo img{width:28px;height:28px}
  .checkout__alt{display:none}
}