/* ===========================================================
   Além da Gastrite — Página de Vendas (e-book R$47)
   Dra. Beatriz Fernandes · Gastroenterologista
   REDESIGN v2 (15 dobras · 1 ideia por dobra) — 2026-06-17
   Identidade: sálvia + ivory quente + dourado (herdada da consulta).
   Sistema editorial: ritmo de seções contrastantes, anti-card.
   Hierarquia FORTE: headline ~2x o corpo, linha-âncora no meio,
   corpo >=17px mobile, contraste ~7:1. Card só na OFERTA (painel-glow).
   Tipografia: Manrope (display) + Plus Jakarta Sans (corpo, itálico).
   SEM monoespaçada (proibida pelo Antônio — cara de IA).
   =========================================================== */

:root{
  /* PALETA do serio-A (medida à mão pelo Antônio): petróleo #05161B/#081519 +
     dourado #BA9A5B/#C8AA6E/#8A6F3C + taupe #AC977D/#8A7250 + off-white #F5F5F2.
     Aplicada SOBRE o design system da v8 (fontes Manrope+Plus Jakarta, radius 18px). */
  --bg:#F5F5F2;
  --bg-2:#EFEAE1;
  --surface:#FFFFFF;
  --sage-soft:#ECE5DA;
  --sage-band:#E8DFD1;
  --ink:#05161B;
  --ink-soft:#1F2D2A;          /* corpo: petróleo-grafite, alto contraste */
  --ink-deep:#05161B;
  --sage:#AC977D;
  --sage-600:#8A7250;
  --forest:#081519;
  --forest-700:#05161B;
  --gold:#BA9A5B;
  --gold-deep:#8A6F3C;
  --gold-soft:#C8AA6E;
  --sage-label:#7C6A52;
  --gold-ink:#8A6F3C;
  --wa:#1FA463;
  --line:#DFD8CB;
  --line-sage:rgba(172,151,125,.30);
  --line-dark:rgba(255,255,255,.13);

  --radius:18px;
  --shadow-soft:0 26px 60px -30px rgba(5,22,27,.42);
  --maxw:1120px;
  --ease:cubic-bezier(.22,.61,.36,1);

  --display:'Manrope',system-ui,-apple-system,sans-serif;
  --body:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --mono:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;

  /* Escala tipográfica modular — proporção ÚNICA, fluida mobile→desktop */
  --fs-cap:clamp(.8rem,.77rem + .18vw,.9rem);
  --fs-sm:clamp(.97rem,.93rem + .22vw,1.06rem);
  --fs-body:clamp(1.08rem,1.01rem + .34vw,1.22rem);
  --fs-lead:clamp(1.2rem,1.08rem + .55vw,1.46rem);
  --fs-h3:clamp(1.16rem,1.07rem + .42vw,1.36rem);
  --fs-xl:clamp(1.42rem,1.24rem + .9vw,1.95rem);
  --fs-h2:clamp(1.7rem,1.42rem + 1.45vw,2.3rem);
  --fs-h1:clamp(2rem,1.62rem + 2.2vw,2.95rem);
  --lh-tight:1.12;--lh-snug:1.22;--lh-mid:1.36;--lh-body:1.62;
  /* Ritmo de espaçamento — escala ÚNICA */
  --sp-1:.5rem;--sp-2:.85rem;--sp-3:1.25rem;--sp-4:1.8rem;--sp-5:clamp(1.9rem,4vw,2.8rem);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%;overflow-x:clip}
body{
  margin:0;background:var(--bg);color:var(--ink-soft);
  font-family:var(--body);
  font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--display);font-weight:800;color:var(--forest);margin:0}
h1{line-height:1.08;letter-spacing:-.025em}
h2{line-height:1.12;letter-spacing:-.02em}
h3{line-height:1.22;letter-spacing:-.012em}
p{margin:0 0 1rem}
strong,b{font-weight:700;color:var(--forest)}
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:24px}
.container.narrow{max-width:760px}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}

/* ---------- Numeral de capítulo (substitui o kicker) ---------- */
.chap{font-family:var(--mono);font-size:.82rem;font-weight:600;letter-spacing:.08em;color:var(--gold-deep);margin:0 0 1rem;display:block}
.chap.on-dark{color:var(--gold-soft)}
.chap.center{text-align:center}

/* ---------- Ênfase tipográfica ---------- */
.hl{background-image:linear-gradient(transparent 56%, rgba(172,151,125,.42) 56%, rgba(172,151,125,.42) 92%, transparent 92%);background-repeat:no-repeat;padding:0 .04em;color:var(--forest);font-weight:700}
.hl-gold{background-image:linear-gradient(transparent 56%, rgba(186,154,91,.32) 56%, rgba(186,154,91,.32) 92%, transparent 92%);color:var(--forest);font-weight:700;padding:0 .04em}
.em{color:var(--sage-600);font-weight:700}
.hk{color:var(--gold-deep)}            /* gancho dourado na palavra-chave da headline (modo de consumo) */
.s-forest .hk{color:var(--gold-soft)}
.term{font-family:var(--display);font-weight:700;color:var(--forest)}

/* ===========================================================
   ESCALA TIPOGRÁFICA (a régua do blueprint, seção c)
   =========================================================== */
/* H2 de dobra: curta, é o que fisga no scroll */
.fold-h{font-family:var(--display);font-weight:800;
  font-size:clamp(1.62rem,4.6vw,2.7rem);line-height:1.14;letter-spacing:-.022em;
  color:var(--forest);margin:0 auto .85rem;max-width:22ch;text-align:center}
.fold-h.center{margin-inline:auto;text-align:center}
.fold-h.wide{max-width:26ch}
/* linha-âncora / deck: a frase que escaneia (sempre peso+cor) */
.anchor{font-family:var(--display);font-weight:600;
  font-size:clamp(1.42rem,2.7vw,1.76rem);line-height:1.34;letter-spacing:-.01em;
  color:var(--forest);margin:0 auto 1.3rem;max-width:34ch;text-align:center}
.anchor.center{margin-inline:auto;text-align:center}
.anchor.wide{max-width:38ch}
.anchor .em{color:var(--gold-deep)}
/* corpo: nunca abaixo de 17px no mobile, cor ~7:1 */
.body-txt{color:var(--ink-soft);font-weight:500;font-size:1.34rem;line-height:1.62;margin:0 0 1.05rem;max-width:52ch}
.body-txt:last-child{margin-bottom:0}
/* frase-martelo isolada (tique dela) */
.hammer{font-family:var(--display);font-weight:700;
  font-size:clamp(1.4rem,3vw,2rem);line-height:1.24;letter-spacing:-.02em;
  color:var(--forest);margin:1.4rem 0;max-width:24ch}
.hammer.center{margin-inline:auto;text-align:center}
.hammer .em{color:var(--gold-deep)}
/* pull-quote / declaração: aspas-glifo grande, SEM caixa */
.declare{position:relative;font-family:var(--body);font-style:italic;font-weight:500;
  font-size:clamp(1.32rem,2.9vw,1.95rem);line-height:1.42;color:var(--forest);
  max-width:30ch;margin:clamp(1.6rem,3vw,2.4rem) auto;text-align:center;padding-top:1.7rem}
.declare::before{content:"\201C";position:absolute;top:-.35rem;left:50%;transform:translateX(-50%);
  font-family:var(--display);font-size:4rem;line-height:1;color:var(--sage);opacity:.4;font-style:normal}
.s-forest .declare{color:#fff}
.s-forest .declare::before{color:var(--gold-soft);opacity:.55}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--body);font-size:1.04rem;font-weight:700;padding:.96em 1.7em;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,color .25s,border-color .25s;text-align:center;line-height:1.15}
.btn .arr{transition:transform .25s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:hover .arr{transform:translateX(3px)}
.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.btn-primary{background:var(--forest);color:#fff;box-shadow:0 14px 30px -14px rgba(5,22,27,.6)}
.btn-primary:hover{background:var(--forest-700);box-shadow:0 20px 36px -16px rgba(5,22,27,.7)}
.btn-gold{background:var(--gold);color:#fff;box-shadow:0 16px 32px -14px rgba(186,154,91,.7)}
.btn-gold:hover{background:#a3793f;box-shadow:0 22px 40px -16px rgba(186,154,91,.75)}
.btn-lg{font-size:1.1rem;padding:1.06em 2em}
.btn-block{display:flex;width:100%}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:60;background:rgba(250,246,239,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.site-header.scrolled{border-bottom-color:var(--line);box-shadow:0 6px 24px -18px rgba(5,22,27,.5)}
.header-inner{display:flex;align-items:center;gap:1.2rem;min-height:66px}
.brand{display:flex;align-items:center;gap:.7rem;margin-right:auto}
.brand-mark{color:var(--sage-600);display:flex}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-name{font-family:var(--display);font-size:1.16rem;font-weight:700;color:var(--forest)}
.brand-sub{font-family:var(--body);font-size:.58rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sage-label);font-weight:600}
.header-cta{padding:.62em 1.3em;font-size:.94rem}

/* ===========================================================
   Section shell + ritmo de fundos
   =========================================================== */
.section{padding:clamp(46px,6vw,84px) 0;position:relative}
.fold-head{max-width:680px;margin:0 auto clamp(22px,3.4vw,38px)}
.fold-head.center{text-align:center;margin-inline:auto}

.s-ivory{background:var(--bg)}
.s-sage{background:var(--sage-band)}
.s-bg2{background:var(--bg-2)}
.s-forest{background:linear-gradient(155deg,var(--forest),var(--forest-700));color:#eef4f0;overflow:hidden}
.s-forest .fold-h,.s-forest h2,.s-forest h3,.s-forest .anchor,.s-forest .hammer{color:#fff}
.s-forest .anchor .em,.s-forest .hammer .em{color:var(--gold-soft)}
.s-forest .body-txt{color:rgba(238,244,240,.94)}
.s-forest .term{color:var(--gold-soft)}
.s-forest .hl{background-image:linear-gradient(transparent 56%, rgba(172,151,125,.5) 56%, rgba(172,151,125,.5) 92%, transparent 92%);color:#fff}
.s-forest .hl-gold{background-image:linear-gradient(transparent 56%, rgba(200,170,110,.34) 56%, rgba(200,170,110,.34) 92%, transparent 92%);color:#fff}
.s-forest strong,.s-forest b{color:#fff}

/* ===========================================================
   D1 · HERO · ivory — copy + mockup 3D do e-book
   =========================================================== */
.hero{padding:clamp(30px,4vw,52px) 0 clamp(44px,6vw,76px);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:-180px;right:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(172,151,125,.22),transparent 68%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(28px,4vw,56px);align-items:center}
.hero h1{font-size:clamp(1.85rem,4.6vw,2.95rem);line-height:1.16;margin:0 auto 1.1rem;max-width:15ch;text-align:center}
.hero h1 .em{color:var(--sage-600)}
.hero h1 .stop{color:var(--gold)}
.hero-deck{font-family:var(--display);font-weight:600;font-size:clamp(1.44rem,2.9vw,1.84rem);line-height:1.34;color:var(--forest);max-width:34ch;margin:0 auto 1.2rem;text-align:center}
.hero-deck .hl{font-weight:800}
.hero-ident{font-size:1.06rem;color:var(--ink-soft);max-width:46ch;margin:0 auto 1.7rem;line-height:1.55;text-align:center}
.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;justify-content:center;margin-bottom:.95rem}
.hero-grid>.hero-actions{grid-column:1 / -1;margin:clamp(1.4rem,3vw,2rem) 0 0}
.hero-micro{font-family:var(--mono);font-size:.82rem;color:var(--gold-deep);font-weight:500;margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem;letter-spacing:-.01em}
.hero-micro .sep{color:var(--sage);font-weight:700}
.hero-figure{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;min-height:380px;perspective:1400px}
.hero-blob{position:absolute;inset:auto 0 0 0;margin:auto;width:min(380px,86%);height:88%;background:linear-gradient(160deg,#e8dfd1,#ac977d);border-radius:48% 48% 30px 30px / 56% 56% 30px 30px;filter:blur(3px);opacity:.55;z-index:0}
/* mockup 3D do e-book (CSS) */
.book-3d{position:relative;z-index:2;width:min(300px,76%);aspect-ratio:3/4.2;container-type:inline-size;transform:rotateY(-18deg) rotateX(2deg);transform-style:preserve-3d;transition:transform .6s var(--ease);filter:drop-shadow(0 34px 44px rgba(5,22,27,.34))}
.hero-figure:hover .book-3d{transform:rotateY(-9deg) rotateX(1deg)}
/* miolo da capa em cqw (% da largura da PRÓPRIA capa) => a composição escala como bloco único e fica idêntica em qualquer viewport (desktop, mobile, D7). base de conversão = 285px = largura aprovada no desktop, logo o desktop fica byte-fiel */
.book-cover{position:absolute;inset:0;border-radius:5px 13px 13px 5px;background:linear-gradient(150deg,#0a1d23,#05161b);border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:8.98cqw 8.14cqw;color:#fff}
.book-cover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4.91cqw;background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(0,0,0,0))}
.book-cover::after{content:"";position:absolute;right:-1px;top:6%;bottom:6%;width:1.75cqw;border-radius:3px;background:linear-gradient(180deg,#f3ecdd,#cfc4ac);box-shadow:0 0 6px rgba(0,0,0,.2)}
.bc-glyph{width:16.14cqw;height:18.95cqw;color:var(--gold-soft);opacity:.92}
.bc-kick{font-family:var(--mono);font-size:3.26cqw;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);margin:0}
.bc-title{font-family:var(--display);font-weight:800;font-size:10.95cqw;line-height:.98;letter-spacing:-.02em;margin:2.81cqw 0 0;color:#fff}
.bc-rule{display:block;width:11.93cqw;height:.7cqw;background:var(--gold);margin:3.93cqw 0;border-radius:2px}
.bc-sub{font-family:var(--body);font-size:4.15cqw;font-weight:500;color:rgba(234,241,236,.84);line-height:1.35;margin:0}
.bc-author{font-family:var(--mono);font-size:3.48cqw;font-weight:500;letter-spacing:.04em;color:var(--gold-soft);margin:0}
.hero-book-cap{font-family:var(--mono);font-size:.74rem;font-weight:500;letter-spacing:.04em;color:var(--gold-deep);margin:0;text-align:center}

/* hero desktop: texto+CTA agrupados e centrados ao lado do livro (folga simétrica, sem buraco pós-remoção dos selos) */
@media (min-width:861px){
  .hero-grid{grid-template-rows:auto auto;row-gap:0}
  .hero-copy{grid-column:1;grid-row:1;align-self:end}
  .hero-figure{grid-column:2;grid-row:1 / 3;align-self:center}
  .hero-grid>.hero-actions{grid-column:1;grid-row:2;align-self:start;margin:1.4rem 0 0}
}

/* ===========================================================
   D2 · "NÃO É FRESCURA" · sage — selos de descrédito riscados
   =========================================================== */
.d2-copy{max-width:54ch;margin-bottom:clamp(24px,4vw,38px)}
/* SVG NOVO #1 — selos riscados */
.seals{display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,18px);margin:0;padding:0;justify-content:flex-start}
.seal{position:relative;flex:1 1 auto;min-width:160px;max-width:300px;display:flex;align-items:center;justify-content:center;
  padding:1.05rem 1.2rem;border:1.5px dashed rgba(172,151,125,.5);border-radius:8px;
  background:rgba(172,151,125,.07);box-shadow:inset 0 0 0 1px rgba(172,151,125,.06)}
.seal-txt{font-family:var(--mono);font-size:clamp(.9rem,1.7vw,1.04rem);font-weight:500;letter-spacing:-.01em;color:var(--sage-label);text-align:center;line-height:1.2}
.seal .strike{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.seal .strike path{stroke:var(--gold);stroke-width:3.4;stroke-linecap:round;fill:none}
.seal-verdict{font-family:var(--display);font-weight:700;font-size:clamp(1.2rem,2.6vw,1.65rem);line-height:1.32;color:var(--forest);max-width:26ch;margin:clamp(1.6rem,3.2vw,2.2rem) 0 0;letter-spacing:-.01em}
.seal-verdict .em{color:var(--gold-deep)}

/* ===========================================================
   D3 · "EXPLICADO PELA METADE" · ivory
   =========================================================== */
.d3-wrap{max-width:760px}
/* tríade de negações */
.triad{list-style:none;margin:1.5rem 0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.triad li{display:flex;align-items:center;gap:.95rem;padding:1rem .15rem;border-bottom:1px solid var(--line);
  font-family:var(--display);font-weight:700;font-size:clamp(1.12rem,2.3vw,1.4rem);color:var(--forest);letter-spacing:-.01em}
.triad .tx{flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold)}
.triad .tx svg{width:15px;height:15px}
/* callout micro-yes (borda-esquerda, SEM caixa) */
.callout{border-left:3px solid var(--gold);padding:.4rem 0 .4rem 1.3rem;margin:clamp(1.6rem,3vw,2.2rem) 0 0;max-width:50ch}
.callout p{font-family:var(--body);font-style:italic;font-weight:500;font-size:clamp(1.28rem,2.5vw,1.52rem);line-height:1.44;color:var(--forest);margin:0}

/* ===========================================================
   D4 · O CATÁLOGO · FOREST — lista 2-col + ciclo
   =========================================================== */
.d4-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(30px,4.5vw,58px);align-items:center}
.try-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-dark);display:grid;grid-template-columns:1fr 1fr;gap:0}
.try-list li{display:flex;flex-direction:column;gap:.55rem;align-items:flex-start;padding:1.1rem 1rem 1.1rem 0;border-bottom:1px solid var(--line-dark)}
.try-list li:nth-child(odd){border-right:1px solid var(--line-dark);padding-right:1rem}
.try-list .ti{flex:none;color:var(--gold-soft)}
.try-list .ti svg{width:24px;height:24px;display:block}
.try-list p{margin:0;color:rgba(238,244,240,.92);font-size:1rem;line-height:1.46}
.try-list b{color:#fff;font-weight:700}
.d4-close{margin:clamp(1.6rem,3vw,2.2rem) auto 0;max-width:56ch;text-align:center}
.cycle-fig{margin:0;position:relative}
.cycle-fig svg{width:100%;height:auto;display:block;max-width:380px;margin-inline:auto;overflow:visible}
.cycle-cap{text-align:center;font-family:var(--mono);font-size:.78rem;font-weight:500;letter-spacing:.02em;color:var(--gold-soft);margin:1rem auto 0;max-width:30ch}

/* ===========================================================
   D5 · A VIRADA · sage — capa×páginas + CTA
   =========================================================== */
.turn-book{position:relative;max-width:500px;margin:clamp(10px,2vw,22px) auto clamp(24px,4vw,38px)}
.turn-book svg{width:100%;height:auto;display:block;overflow:visible}
.turn-book figcaption{text-align:center;font-family:var(--mono);font-size:.9rem;font-weight:600;letter-spacing:.02em;color:var(--gold-deep);margin-top:1rem}
.turn-body{max-width:680px;margin:0 auto}
.turn-cta{text-align:center;margin-top:clamp(1.8rem,4vw,2.6rem)}

/* ===========================================================
   D6 · O CICLO DO PRAZOL · bg2 — alvo errado (SVG NOVO #2)
   =========================================================== */
.d6-grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(30px,4.5vw,56px);align-items:center}
.d6-steps{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.d6-steps li{padding:1rem .15rem;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:1.04rem;line-height:1.5;display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:baseline}
.d6-steps li b{color:var(--forest)}
.d6-steps .n{font-family:var(--mono);font-weight:600;font-size:.9rem;color:var(--sage-600)}
.target-fig{margin:0}
.target-fig svg{width:100%;height:auto;display:block;max-width:380px;margin-inline:auto;overflow:visible}
.target-cap{text-align:center;font-family:var(--mono);font-size:.92rem;font-weight:600;letter-spacing:.01em;color:var(--gold-deep);margin:1rem auto 0;max-width:30ch}

/* ===========================================================
   D7 · A CICATRIZ · ivory — cicatriz + declaração
   =========================================================== */
.d7-wrap{max-width:760px}
.scar-aside{display:flex;align-items:center;gap:1.4rem;max-width:600px;margin:1.4rem 0 0;padding:1.3rem 1.5rem;border-left:3px solid var(--gold);background:var(--sage-soft);border-radius:0 14px 14px 0}
.scar-aside svg{flex:none;width:96px;height:66px;display:block}
.scar-aside p{margin:0;color:var(--ink-soft);font-size:1rem;line-height:1.55}
.scar-aside b{color:var(--forest)}

/* ===========================================================
   D8 · O ESTÔMAGO-ANTENA · sage — split texto + antena
   =========================================================== */
.d8-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(30px,4.5vw,56px);align-items:center}
.antenna-fig{margin:0;order:-1}
.antenna-fig svg{width:100%;height:auto;display:block;max-width:380px;margin-inline:auto;overflow:visible}
.antenna-fig img{width:100%;height:auto;display:block;max-width:380px;margin-inline:auto;border-radius:12px}
.antenna-cap{text-align:center;font-family:var(--mono);font-size:.92rem;font-weight:600;letter-spacing:.01em;color:var(--gold-deep);margin:1rem auto 0;max-width:30ch}
.d8-bridge{font-family:var(--display);font-weight:600;font-size:clamp(1.08rem,2.1vw,1.3rem);line-height:1.4;color:var(--forest);border-left:3px solid var(--gold);padding-left:1.15rem;margin:1.4rem 0 0;max-width:40ch}

/* ===========================================================
   D9 · O E-BOOK · ivory — mockup + índice editorial
   =========================================================== */
.d9-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,4.5vw,58px);align-items:center}
.ebook-mock{margin:0;display:flex;justify-content:center;perspective:1400px}
.ebook-mock .book-3d{width:min(260px,80%);transform:rotateY(16deg) rotateX(3deg)}
.ebook-mock:hover .book-3d{transform:rotateY(8deg) rotateX(1deg)}
.ebook-intro p{margin-bottom:1.2rem}
.idx-label{font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-deep);margin:1.4rem 0 .2rem}
.idx-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);counter-reset:idx}
.idx-list li{counter-increment:idx;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:baseline;padding:1rem .15rem;border-bottom:1px solid var(--line)}
.idx-list li::before{content:counter(idx,decimal-leading-zero);font-family:var(--mono);font-weight:600;font-size:.9rem;color:var(--sage);font-variant-numeric:tabular-nums}
.idx-list p{margin:0;color:var(--ink-soft);font-size:1rem;line-height:1.5}
.idx-list b{color:var(--forest);font-weight:700}

/* ===========================================================
   D10 · QUEM ESCREVE · sage — foto real + grade de credenciais
   =========================================================== */
.author-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(30px,4.5vw,56px);align-items:start}
.author-figure{position:relative;margin:0}
.author-figure img{border-radius:var(--radius);box-shadow:var(--shadow-soft);width:100%;height:clamp(380px,38vw,520px);object-fit:cover;object-position:50% 18%}
.author-figure::after{content:"";position:absolute;inset:16px -16px -16px 16px;border:1.5px solid var(--sage);border-radius:var(--radius);z-index:-1;opacity:.5}
.author-verified{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:.4rem;background:rgba(250,246,239,.94);border:1px solid var(--line);border-radius:999px;padding:.42rem .85rem;font-size:.8rem;font-weight:600;color:var(--forest)}
.author-verified svg{width:16px;height:16px;color:var(--sage-600)}
.author-intro{font-size:1.08rem}
.author-intro .mono{font-family:var(--mono);font-size:.95em;color:var(--gold-deep)}
/* grade-quadrante de filetes (credenciais) */
.creds{list-style:none;margin:1.4rem 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line-sage)}
.creds li{display:flex;gap:.7rem;align-items:flex-start;padding:1rem .9rem 1rem 0;border-bottom:1px solid var(--line-sage);font-size:.98rem;color:var(--ink-soft);line-height:1.45}
.creds li:nth-child(odd){border-right:1px solid var(--line-sage);padding-right:1rem}
.creds li:last-child:nth-child(odd){grid-column:1 / -1;border-right:0}
.creds .ck{flex:none;margin-top:.15rem;color:var(--sage-600)}
.creds .ck svg{width:19px;height:19px;display:block}
.author-quote{position:relative;margin:1.4rem 0 0;padding-left:1.2rem;border-left:3px solid var(--gold);font-family:var(--body);font-style:italic;font-weight:500;font-size:clamp(1.12rem,2.3vw,1.4rem);line-height:1.42;color:var(--forest)}

/* ===========================================================
   D11 · "E O CÂNCER?" · FOREST — régua risco×medo (SVG NOVO #3)
   =========================================================== */
.d11-wrap{max-width:760px;margin-inline:auto;text-align:center}
.fear-fig{margin:clamp(1.6rem,3.5vw,2.4rem) auto;max-width:560px}
.fear-fig svg{width:100%;height:auto;display:block;overflow:visible}
.d11-body{max-width:56ch;margin-inline:auto}
.d11-turn{font-family:var(--display);font-weight:700;font-size:clamp(1.25rem,2.7vw,1.7rem);line-height:1.3;color:#fff;max-width:30ch;margin:clamp(1.4rem,3vw,2rem) auto 0}
.d11-turn .em{color:var(--gold-soft)}

/* ===========================================================
   D12 · O QUE NÃO É · ivory — lista de filetes (✗ dourado)
   =========================================================== */
.notis{max-width:880px;margin:0 auto}
.notis-list{list-style:none;margin:0;padding:0}
.notis-list li{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:start;padding:1.35rem 0;border-bottom:1px solid var(--line)}
.notis-list li:first-child{border-top:1px solid var(--line)}
.notis-x{flex:none;margin-top:.1rem;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold)}
.notis-x svg{width:16px;height:16px}
.notis-list h3{font-size:1.18rem;color:var(--forest);margin:0 0 .35rem;line-height:1.25}
.notis-list p{margin:0;color:var(--ink-soft);font-size:1rem;line-height:1.55}
.notis-close{text-align:center;font-family:var(--display);font-weight:600;font-size:clamp(1.18rem,2.5vw,1.6rem);line-height:1.36;color:var(--forest);max-width:36ch;margin:clamp(1.8rem,3.5vw,2.6rem) auto 0}

/* ===========================================================
   D13 · QUANTO JÁ TE CUSTOU · sage — gangorra tipográfica
   =========================================================== */
.d13-wrap{max-width:760px}
.scale{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(16px,3vw,30px);align-items:center;margin:clamp(1.6rem,3.5vw,2.4rem) 0;padding:clamp(1.4rem,3vw,2rem) 0;border-top:1px solid var(--line-sage);border-bottom:1px solid var(--line-sage)}
.scale-side{display:flex;flex-direction:column;gap:.45rem}
.scale-side.heavy{text-align:right}
.scale-side.heavy .it{font-family:var(--body);font-size:1.02rem;color:var(--sage-label);font-weight:500;line-height:1.3}
.scale-side.light{text-align:left}
.scale-side.light .one{font-family:var(--display);font-weight:800;font-size:clamp(1.9rem,4.5vw,2.8rem);line-height:1;letter-spacing:-.03em;color:var(--gold-deep)}
.scale-side.light .one-sub{font-family:var(--mono);font-size:.84rem;color:var(--sage-600);font-weight:500;margin-top:.2rem;letter-spacing:-.01em}
.scale-mid{font-family:var(--mono);font-size:1.4rem;color:var(--gold);font-weight:600}
.d13-close{max-width:50ch}

/* ===========================================================
   D14 · A OFERTA · FOREST — painel-glow ÚNICO
   =========================================================== */
.offer{position:relative}
.offer-panel{position:relative;max-width:680px;margin:clamp(8px,2vw,18px) auto 0;background:linear-gradient(160deg,#fffdf8,#f6efe2);border:1px solid var(--line);border-radius:26px;padding:clamp(30px,4.5vw,50px) clamp(24px,4vw,52px);text-align:center;box-shadow:0 50px 90px -40px rgba(0,0,0,.5),0 0 0 1px rgba(186,154,91,.10)}
.offer-panel::before{content:"";position:absolute;inset:-1px;border-radius:27px;padding:1px;background:linear-gradient(160deg,rgba(186,154,91,.55),rgba(172,151,125,.2),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.offer-glow{position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:120%;height:90%;background:radial-gradient(ellipse at center,rgba(200,170,110,.20),transparent 62%);pointer-events:none;z-index:-1}
.offer-name{font-family:var(--mono);font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 .3rem}
.offer-title{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,3.6vw,2.2rem);color:var(--forest);letter-spacing:-.02em;margin:0 0 1.3rem}
.price{display:flex;align-items:baseline;justify-content:center;gap:.14rem;color:var(--forest);margin:0 0 .45rem}
.price .cur{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,3vw,2rem);align-self:flex-start;margin-top:.6rem}
.price .num{font-family:var(--display);font-weight:800;font-size:clamp(3.6rem,11vw,6rem);line-height:.86;letter-spacing:-.04em}
.price-note{font-family:var(--mono);font-size:.92rem;color:var(--sage-600);margin:0 0 1.7rem;letter-spacing:-.01em}
.price-note b{color:var(--forest);font-weight:600}
.offer-panel .btn{margin-bottom:1.4rem}
.guarantee{display:inline-flex;align-items:center;gap:.8rem;padding:.85rem 1.2rem;border-radius:14px;background:var(--sage-soft);border:1px solid var(--line-sage);text-align:left;max-width:440px;margin-inline:auto}
.guarantee .gseal{flex:none;width:42px;height:42px;color:var(--sage-600)}
.guarantee .gseal svg{width:42px;height:42px}
.guarantee-txt strong{display:block;font-family:var(--display);color:var(--forest);font-size:1rem}
.guarantee-txt span{font-size:.88rem;color:var(--ink-soft);line-height:1.42;display:block;margin-top:.14rem}
.offer-close{text-align:center;font-family:var(--display);font-weight:600;font-size:clamp(1.12rem,2.3vw,1.45rem);line-height:1.38;color:#fff;max-width:34ch;margin:clamp(1.8rem,3.5vw,2.6rem) auto 0}

/* ===========================================================
   D15 · FECHAMENTO · ivory — copy + foto lifestyle + P.S.
   =========================================================== */
.closing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,4.5vw,56px);align-items:center}
.closing-pledge{font-family:var(--display);font-weight:800;font-size:clamp(1.4rem,3.2vw,2.1rem);line-height:1.24;color:var(--forest);letter-spacing:-.02em;margin:1.5rem 0 .5rem;max-width:20ch}
.closing-pledge .em{color:var(--gold-deep)}
.closing-sign{font-family:var(--body);font-style:italic;font-weight:500;color:var(--forest);font-size:1.16rem;margin:.7rem 0 1.7rem}
.closing-figure{margin:0;position:relative}
.closing-figure img{border-radius:var(--radius);box-shadow:var(--shadow-soft);width:100%;height:clamp(360px,36vw,480px);object-fit:cover;object-position:50% 28%}
.closing-figure::after{content:"";position:absolute;inset:16px -16px -16px 16px;border:1.5px solid var(--sage);border-radius:var(--radius);z-index:-1;opacity:.5}
.ps{max-width:760px;margin:clamp(2.6rem,4.5vw,3.6rem) auto 0;padding-top:1.8rem;border-top:1px solid var(--line)}
.ps p{color:var(--ink-soft);font-size:1rem;line-height:1.64;margin:0;max-width:64ch}
.ps .ps-tag{font-family:var(--mono);font-weight:600;color:var(--gold-deep);letter-spacing:.02em;margin-right:.3rem}

/* ---------- Footer ---------- */
.site-footer{background:#05161b;color:#d8cfc0;padding:clamp(46px,6vw,64px) 0 2.4rem}
.footer-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}
.footer-mark{color:var(--sage);display:flex;margin-bottom:.5rem}
.footer-name{font-family:var(--display);font-size:1.4rem;color:#fff;font-weight:800}
.footer-spec{font-size:.85rem;color:#a89e8d}
.footer-spec .mono{font-family:var(--mono);color:var(--sage)}
.footer-ig{display:inline-flex;align-items:center;gap:.5rem;color:#c2b8a7;font-size:.92rem;margin:.9rem 0 .3rem;transition:color .2s}
.footer-ig:hover{color:#fff}
.footer-ig svg{width:17px;height:17px}
.footer-disc{font-size:.86rem;color:#a89e8d;margin:1rem 0 0;max-width:52ch;line-height:1.5}
.footer-copy{font-size:.8rem;color:#897f70;margin:.7rem 0 0}

/* ---------- Sticky CTA mobile ---------- */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;padding:.7rem 16px calc(.7rem + env(safe-area-inset-bottom,0));background:rgba(33,63,51,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(200,170,110,.28);box-shadow:0 -10px 30px -16px rgba(0,0,0,.5);transform:translateY(110%);transition:transform .4s var(--ease)}
.sticky-cta.show{transform:translateY(0)}
.sticky-cta-inner{display:flex;align-items:center;gap:.9rem;max-width:560px;margin-inline:auto}
.sticky-price{display:flex;flex-direction:column;line-height:1.05;color:#fff;flex:none}
.sticky-price b{font-family:var(--display);font-weight:800;font-size:1.3rem}
.sticky-price span{font-family:var(--mono);font-size:.64rem;color:var(--gold-soft);letter-spacing:.02em}
.sticky-cta .btn{flex:1 1 auto;padding:.85em 1rem;font-size:.98rem}

/* ---------- Reveal (IntersectionObserver) ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}
.reveal.d2{transition-delay:.16s}

/* ---------- SVG illustration shared tokens ---------- */
.ill-organ{fill:rgba(172,151,125,.20);stroke:var(--forest);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ill-line{fill:none;stroke:var(--forest);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ill-gold{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ill-gold-f{fill:var(--gold)}
.ill-faint{fill:none;stroke:var(--sage-600);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.62}
/* forest-context illustration strokes (lighter) */
.s-forest .ill-organ{fill:rgba(172,151,125,.14);stroke:#e8dfd1}
.s-forest .ill-line{stroke:#e8dfd1}
.s-forest .ill-faint{stroke:#e8dfd1;opacity:.45}

/* draw-on-enter: 1x, then static (no perpetual animation) */
.draw{stroke-dasharray:var(--len,1400);stroke-dashoffset:var(--len,1400)}
.reveal.in .draw{animation:draw-in 1.5s var(--ease) .2s forwards}
.reveal.in .draw.dd2{animation-delay:.6s}
.reveal.in .draw.dd3{animation-delay:1s}
@keyframes draw-in{to{stroke-dashoffset:0}}
.pop{opacity:0;transform-box:fill-box;transform-origin:center}
.reveal.in .pop{animation:pop-in .5s ease-out forwards}
.reveal.in .pop.p2{animation-delay:.7s}
.reveal.in .pop.p3{animation-delay:.95s}
.reveal.in .pop.p4{animation-delay:1.2s}
@keyframes pop-in{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}

/* strike of the seals (D2): draws the gold line-through on enter */
.seal .strike path{stroke-dasharray:var(--slen,320);stroke-dashoffset:var(--slen,320)}
.reveal.in .seal:nth-child(1) .strike path{animation:draw-in 1s var(--ease) .25s forwards}
.reveal.in .seal:nth-child(2) .strike path{animation:draw-in 1s var(--ease) .5s forwards}
.reveal.in .seal:nth-child(3) .strike path{animation:draw-in 1s var(--ease) .75s forwards}
.reveal.in .seal:nth-child(4) .strike path{animation:draw-in 1s var(--ease) 1s forwards}

/* fear ruler (D11) */
.fr-fear{fill:rgba(207,224,212,.16)}
.fr-fear-line{fill:none;stroke:rgba(207,224,212,.4);stroke-width:1.4;stroke-dasharray:3 4}
.fr-risk{fill:var(--gold);stroke:var(--gold-soft);stroke-width:1.4}
.fr-lbl{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:600;fill:#e8dfd1;letter-spacing:.01em}
.fr-lbl-g{fill:#d8c79a}
.reveal.in .fr-risk{transform-box:fill-box;transform-origin:left center;animation:fr-grow .9s var(--ease) .3s both}
@keyframes fr-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ===========================================================
   FAQ (·10·) — details/summary, filetes, sem caixa
   =========================================================== */
.faq{border-top:1px solid var(--line-sage);max-width:720px;margin:clamp(1rem,2.4vw,1.7rem) 0 0}
.faq-item{border-bottom:1px solid var(--line-sage)}
.faq-item summary{cursor:pointer;list-style:none;padding:1.1rem .15rem;font-family:var(--display);font-weight:700;font-size:clamp(1.05rem,2.2vw,1.28rem);line-height:1.28;color:var(--forest);display:flex;justify-content:space-between;align-items:center;gap:1.1rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;font-weight:600;color:var(--gold-deep);font-size:1.5em;line-height:.8;transition:transform .25s var(--ease)}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{margin:0 0 1.15rem;padding:0 .15rem;color:var(--ink-soft);font-size:1.04rem;line-height:1.6;max-width:62ch}
.faq-cta{text-align:center;margin-top:clamp(1.6rem,3.2vw,2.4rem)}

/* ---------- v8 (ordem B): try-list em fundo claro (D2) + notis em forest (D7) ---------- */
.try-list.light{border-top-color:var(--line)}
.try-list.light li{border-bottom-color:var(--line)}
.try-list.light li:nth-child(odd){border-right-color:var(--line)}
.try-list.light .ti{color:var(--gold)}
.try-list.light p{color:var(--ink-soft)}
.try-list.light b{color:var(--forest)}
.s-forest .notis-list li{border-bottom-color:var(--line-dark)}
.s-forest .notis-list li:first-child{border-top-color:var(--line-dark)}
.s-forest .notis-list h3{color:#fff}
.s-forest .notis-list p{color:rgba(238,244,240,.92)}
.s-forest .notis-close{color:#fff}
.s-forest .antenna-cap,.s-forest .target-cap,.s-forest .turn-book figcaption{color:var(--gold-soft)}
.tg-lbl{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:600;fill:var(--sage-label)}
.tg-lbl-g{fill:var(--gold-deep)}

/* ===========================================================
   RESPONSIVO
   =========================================================== */
@media (max-width:980px){
  .author-grid{grid-template-columns:.88fr 1.12fr}
  .creds{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .header-cta{display:none}

  .hero-grid{grid-template-columns:1fr;gap:26px}
  .hero-figure{min-height:auto;order:2}
  .hero-copy{order:1}
  .hero-grid>.hero-actions{order:3}
  .hero h1{max-width:none}
  .book-3d{width:min(260px,72%)}

  .d4-grid,.d6-grid,.d8-grid,.d9-grid,.author-grid,.closing-grid{grid-template-columns:1fr;gap:28px}
  .cycle-fig svg,.antenna-fig svg,.target-fig svg{max-width:330px}
  .antenna-fig{order:0}
  .ebook-mock{order:-1}
  .ebook-mock .book-3d{width:min(220px,60%)}
  .author-figure{max-width:420px}
  .closing-figure{max-width:440px;margin-inline:auto;order:-1}
  .fold-h{max-width:none}
  .anchor,.hammer{max-width:none}
}
@media (max-width:560px){
  body{font-size:17px;line-height:1.55}      /* corpo NUNCA abaixo de 17px */
  .container{padding-inline:18px}
  .section{padding:40px 0}
  .fold-head{margin-bottom:18px}
  .chap{margin-bottom:.7rem;font-size:.78rem}
  .fold-h{font-size:clamp(1.55rem,7vw,1.95rem);line-height:1.14;margin-bottom:.6rem}
  .anchor{font-size:1.42rem;line-height:1.32;margin-bottom:1rem}
  /* corpo NUNCA abaixo de 17px no mobile (rem = root 16px → 1.08rem = 17.3px) */
  .body-txt{font-size:1.34rem;line-height:1.56;margin-bottom:.85rem}
  .hammer{font-size:1.34rem;line-height:1.22;margin:1rem 0}
  .declare{font-size:1.28rem;padding-top:1.4rem;margin:1.4rem auto}
  .declare::before{font-size:3.2rem}
  p{margin-bottom:.7rem}

  .hero{padding:22px 0 34px}
  .hero h1{font-size:clamp(1.5rem,6.2vw,2rem);line-height:1.2;margin-bottom:.85rem}
  .hero-deck{font-size:1.42rem;margin-bottom:.9rem}
  .hero-ident{font-size:1rem;margin-bottom:1.3rem}
  .hero-actions{flex-direction:column;align-items:stretch}
  .book-3d{width:min(210px,56%)}

  /* selos: 2-col mobile */
  .seals{gap:10px}
  .seal{flex:1 1 calc(50% - 5px);min-width:0;padding:.85rem .7rem}
  .seal-txt{font-size:.86rem}
  .seal-verdict{font-size:1.18rem;margin-top:1.2rem}

  .triad li{font-size:1.08rem;padding:.85rem .1rem}
  .triad .tx{width:26px;height:26px}
  .callout{padding-left:1.05rem}
  .callout p{font-size:1.3rem}

  /* catálogo 2-col compacto (chips escaneáveis, não corpo de leitura) */
  .try-list li{padding:.95rem .7rem .95rem 0}
  .try-list p{font-size:.98rem;line-height:1.4}
  .try-list .ti svg{width:22px;height:22px}
  .cycle-fig svg,.antenna-fig svg,.target-fig svg{max-width:240px}
  .d4-close{font-size:1.08rem}

  .turn-book{margin:.4rem auto 1rem}
  .turn-book svg{max-width:300px}

  /* d6-steps e idx-list são corpo de leitura → >=17px (1.06rem) */
  .d6-steps li{padding:.85rem .1rem;font-size:1.06rem;gap:.7rem;line-height:1.46}
  .scar-aside{flex-direction:column;text-align:center;gap:.8rem;padding:1rem;margin-top:1.1rem}
  .scar-aside svg{width:82px;height:58px}
  .scar-aside p{font-size:1.06rem}

  .d8-bridge{font-size:1.12rem;padding-left:1rem;margin-top:1.1rem}

  .ebook-mock .book-3d{width:min(190px,52%)}
  .idx-list li{padding:.66rem .1rem}
  .idx-list p{font-size:1.26rem;line-height:1.44}
  .idx-label{margin:1rem 0 .2rem}
  .ebook-intro .body-txt{font-size:1.34rem;margin-bottom:.7rem}

  /* credenciais → 1 col no mobile */
  .creds{grid-template-columns:1fr}
  .creds li,.creds li:nth-child(odd){border-right:0;padding-right:0}
  .author-figure img{height:300px}
  .author-quote{font-size:1.1rem;padding-left:1rem}

  .fear-fig{margin:1.3rem auto}
  .d11-turn{font-size:1.18rem;margin-top:1.2rem}

  .notis-list li{gap:.85rem;padding:1.05rem 0}
  .notis-x{width:28px;height:28px}
  .notis-list h3{font-size:1.14rem}
  .notis-list p{font-size:1.26rem;line-height:1.5}
  .notis-close{font-size:1.18rem;margin-top:1.3rem}
  .ps p{font-size:1.06rem;line-height:1.55}

  .scale{grid-template-columns:1fr;gap:1rem;text-align:center}
  .scale-side.heavy,.scale-side.light{text-align:center}
  .scale-mid{transform:rotate(90deg);justify-self:center}
  .scale-side.light .one{font-size:2.4rem}

  .offer-panel{padding:28px 20px;border-radius:22px}
  .price .num{font-size:clamp(3.4rem,17vw,4.8rem)}
  .offer-title{margin-bottom:1rem}
  .price-note{margin-bottom:1.3rem}
  .guarantee{flex-direction:row;padding:.7rem .9rem}
  .offer-close{font-size:1.12rem;margin-top:1.4rem}

  .closing-figure img{height:260px}
  .closing-pledge{font-size:1.4rem}
  .ps{margin-top:1.6rem;padding-top:1.3rem}

  /* D9: enxugar mockup (decorativo) + apertar índice levemente */
  .ebook-mock .book-3d{width:min(150px,42%)}
  .d9-grid{gap:14px}
  .idx-list li{padding:.58rem .1rem}
}
@media (max-width:480px){
  .sticky-cta{display:block}
  .wa-float{display:none}
  body{padding-bottom:0}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none;transition:none}
  .draw{stroke-dashoffset:0!important}
  .pop{opacity:1!important;transform:none!important}
  .seal .strike path{stroke-dashoffset:0!important}
  .fr-risk{transform:none!important}
  .book-3d{transition:none}
  .sticky-cta{transition:none}
}
@media print{
  .site-header,.wa-float,.sticky-cta,.hero-actions,.turn-cta,.offer-panel .btn{display:none!important}
  body{background:#fff;color:#000;font-size:12pt}
  .s-forest,.s-sage,.s-bg2{background:#fff!important;color:#000!important}
  .s-forest .fold-h,.s-forest h2,.s-forest h3,.s-forest .body-txt,.s-forest .anchor,.s-forest .declare,.s-forest .d11-turn,.s-forest .offer-close{color:#000!important}
  .offer-panel{box-shadow:none;border:1px solid #999}
  .reveal{opacity:1;transform:none}
}

/* ---------- WhatsApp flutuante (reuso da identidade) ---------- */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:80;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -8px rgba(31,164,99,.6);transition:transform .25s var(--ease)}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa);animation:wa-ring 2.6s var(--ease) infinite;pointer-events:none}
.wa-float:hover{transform:scale(1.08)}
@keyframes wa-ring{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.7);opacity:0}}

a:focus-visible,.wa-float:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}

/* ===========================================================
   ESCALA v4 · PROPORÇÃO UNIFICADA (camada de tipografia)
   Régua modular única sobre TODO o sistema: corpo, listas,
   headlines e captions na MESMA proporção. Vem por último de
   propósito — a escala final mora num lugar só, fácil de afinar.
   =========================================================== */
.hero h1{font-size:var(--fs-h1);line-height:var(--lh-tight)}
.fold-h{font-size:var(--fs-h2);line-height:var(--lh-tight)}
.offer-title{font-size:var(--fs-h2);line-height:var(--lh-tight)}
.hero-deck,.anchor,.a3-bridge,.notis-close,.d4-close,.offer-close,.d11-turn,.d8-bridge{
  font-size:var(--fs-lead);line-height:var(--lh-mid)}
.hammer,.closing-pledge,.seal-verdict{font-size:var(--fs-xl);line-height:var(--lh-snug)}
.declare,.callout p{font-size:var(--fs-xl);line-height:var(--lh-mid)}
.a3-col h3,.face-main .face-h,.notis-list h3,.aud-col h3,.feature h3{
  font-size:var(--fs-h3);line-height:var(--lh-snug)}
.q-list li{font-size:var(--fs-h3);line-height:var(--lh-snug)}
.body-txt,.a3-list li,.a3-plain li,.a3-chap span,.gains li,.face-list li,
.try-list p,.idx-list p,.d6-steps li,.author-intro,.creds li,.faq-item p,
.scar-aside p,.ps p,.lifetime-copy,.price-lead{
  font-size:var(--fs-body);line-height:var(--lh-body)}
.face-aside li,.gains-aside li,.guarantee-txt span,.notis-list p{
  font-size:var(--fs-sm);line-height:1.5}
.chap,.a3-eyebrow,.a3-micro,.hero-book-cap,.antenna-cap,.target-cap,.cycle-cap,
.turn-book figcaption,.offer-name,.idx-label,.price-note,.author-verified,
.gains-aside .gains-aside-h,.face-aside .face-h,.brand-sub{
  font-size:var(--fs-cap)}
/* respiro padronizado entre headline e conteúdo da dobra */
.fold-head{margin-bottom:var(--sp-4)}

/* ===========================================================
   RITMO COMPACTO (versão SÍNTESE) — encolhe o todo SEM cortar copy:
   respiro vertical menor, figuras ilustrativas menores, entrelinha
   mais densa. O "comprido" era altura, não texto.
   =========================================================== */
:root{--lh-body:1.55;--sp-4:1.35rem;--sp-5:clamp(1.5rem,3vw,2.2rem)}
.section{padding:clamp(30px,4.2vw,56px) 0}
.hero{padding:clamp(20px,3vw,38px) 0 clamp(28px,4vw,50px)}
.fold-head{margin-bottom:clamp(15px,2.3vw,24px)}
.body-txt{margin-bottom:var(--sp-2)}
/* figuras ilustrativas: eram protagonistas de altura, viram apoio */
.turn-book{max-width:400px;margin:clamp(4px,1.2vw,12px) auto clamp(14px,2.4vw,24px)}
.antenna-fig svg,.antenna-fig img,.target-fig svg,.cycle-fig svg{max-width:288px}
.d8-grid,.d6-grid,.d9-grid{gap:clamp(20px,3vw,38px);align-items:center}
.turn-cta,.s-cta{margin-top:clamp(18px,2.6vw,28px)}
.offer-panel{margin-top:clamp(6px,1.4vw,14px)}
.ps{margin-top:clamp(26px,3.6vw,38px);padding-top:1.3rem}
@media (max-width:560px){
  .section{padding:30px 0}
  .antenna-fig svg,.antenna-fig img,.target-fig svg{max-width:230px}
  .turn-book svg{max-width:280px}
}

/* ===========================================================
   FUSÃO · vocabulário trazido do agente6 pra forma do consumo
   .q-list = "as perguntas que giram" (a dor B / incerteza), em
   filete escaneável. Aqui na variante CLARA (fundos ivory/sage).
   =========================================================== */
.q-list{list-style:none;margin:clamp(1.1rem,2.6vw,1.5rem) auto 0;padding:0;max-width:34ch;display:grid;border-top:1px solid var(--line)}
.q-list li{display:flex;align-items:center;gap:.8rem;padding:.82rem .1rem;border-bottom:1px solid var(--line);font-family:var(--display);font-weight:700;font-size:var(--fs-h3);line-height:var(--lh-snug);color:var(--forest);letter-spacing:-.01em}
.q-list li::before{content:"?";flex:none;width:1.55rem;height:1.55rem;border-radius:50%;border:1.5px solid var(--gold-deep);color:var(--gold-deep);font-family:var(--display);font-size:.88rem;font-weight:700;display:grid;place-items:center}
.s-forest .q-list{border-top-color:var(--line-dark)}
.s-forest .q-list li{border-bottom-color:var(--line-dark);color:#fff}
.s-forest .q-list li::before{border-color:var(--gold-soft);color:var(--gold-soft)}

/* ===========================================================
   CAMADA DE DESIGN v5 — profundidade, superfície e luz.
   Tira o "documento chapado": fundos com atmosfera, seções
   escuras com grão + glow, figuras e painéis com elevação real.
   =========================================================== */

/* superfícies claras: atmosfera radial em vez de cor lisa */
.s-ivory{background:radial-gradient(ellipse 82% 55% at 50% -12%,rgba(186,154,91,.07),transparent 60%),var(--bg)}
.s-sage{background:radial-gradient(ellipse 66% 60% at 80% 112%,rgba(138,114,80,.13),transparent 56%),radial-gradient(ellipse 46% 40% at 10% -4%,rgba(172,151,125,.10),transparent 55%),var(--sage-band)}

/* seções escuras: profundidade dramática (glow petróleo + dourado) + grão fílmico */
.s-forest{background:
  radial-gradient(ellipse 56% 46% at 22% 16%,rgba(200,170,110,.13),transparent 60%),
  radial-gradient(ellipse 52% 52% at 86% 90%,rgba(120,165,152,.11),transparent 56%),
  linear-gradient(155deg,#0b2027,var(--forest-700) 58%,#02090c);
  position:relative}
.s-forest::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.s-forest>*{position:relative;z-index:1}

/* figuras: elevação + halo (deixam de ser desenho solto, ganham corpo) */
.antenna-fig img{border-radius:16px;box-shadow:0 32px 60px -26px rgba(0,0,0,.65),0 0 0 1px rgba(200,170,110,.20)}
.turn-book,.target-fig,.cycle-fig,.antenna-fig{position:relative}
.turn-book::before,.target-fig::before,.antenna-fig::before{content:"";position:absolute;inset:-10% -6% -2%;z-index:-1;
  background:radial-gradient(ellipse at 50% 45%,rgba(186,154,91,.16),transparent 64%);filter:blur(4px)}

/* callout com leve superfície (não só filete) */
.callout{background:linear-gradient(100deg,rgba(186,154,91,.08),transparent 72%);border-radius:0 14px 14px 0;padding:1rem 1.2rem 1rem 1.3rem}
.s-forest .callout{background:linear-gradient(100deg,rgba(200,170,110,.13),transparent 72%)}

/* divisor de luz entre seções: transição, não corte seco */
.section+.section::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;z-index:2;
  background:linear-gradient(90deg,transparent,rgba(138,114,80,.28),transparent)}
.section+.s-forest::before{background:linear-gradient(90deg,transparent,rgba(200,170,110,.35),transparent)}

/* HERO com drama: halo dourado atrás da capa + sombra projetada rica */
.hero{background:radial-gradient(ellipse 74% 52% at 50% -8%,rgba(186,154,91,.11),transparent 58%),radial-gradient(ellipse 38% 40% at 86% 58%,rgba(172,151,125,.10),transparent 60%),var(--bg)}
.hero-figure::after{content:"";position:absolute;width:80%;aspect-ratio:1;left:50%;top:44%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(200,170,110,.32),rgba(186,154,91,.10) 46%,transparent 70%);filter:blur(8px)}
.hero-figure .book-3d{position:relative;z-index:1;filter:drop-shadow(0 46px 50px rgba(5,22,27,.45)) drop-shadow(0 0 38px rgba(200,170,110,.16))}

/* mobile: livro POUSADO — sombra ancorada proporcional ao mockup pequeno, sem o blob-superfície (que vira mancha em coluna única) nem halo solto */
@media (max-width:860px){
  .hero-figure .book-3d{filter:drop-shadow(0 14px 22px rgba(5,22,27,.30)) drop-shadow(0 3px 7px rgba(5,22,27,.22))}
  .hero-blob{display:none}
  .hero-figure::after{width:64%;top:50%;background:radial-gradient(circle,rgba(200,170,110,.22),rgba(186,154,91,.06) 50%,transparent 72%);filter:blur(10px)}
  /* fecha os buracos: grid-gap vira o único espaçador, neutraliza margens parasitas (1em do <figure>, margin do actions, mb da H2) */
  .hero-grid{gap:30px}
  .hero-figure{margin-block:0}
  .hero-copy .hero-deck{margin-bottom:0}
  .hero-grid>.hero-actions{margin-top:0}
}

/* trust signals do hero (credibilidade visual, dados reais reusados) */
.hero-trust{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin:1.15rem auto 0;padding:0;max-width:40ch}
.hero-trust li{display:inline-flex;align-items:center;gap:.42rem;font-family:var(--body);font-size:var(--fs-cap);font-weight:600;color:var(--sage-600);letter-spacing:.01em}
.hero-trust li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);flex:none}

/* ===========================================================
   CAMADA SÍNTESE v6 — blocos novos (10 dobras)
   Componente "ledger" 2-col reutilizável (D8 pra-quem é/não / D9 é-não),
   capítulos editoriais (D7), lista-leque (D5) e âncora de oferta (D9).
   Aditiva: vem por último, não toca no aprovado fora destes blocos.
   Verde dessaturado (família sage/petróleo) pro "é"; gold pro "não é".
   =========================================================== */
:root{--ok:#5f9072;--ok-deep:#436b54;--ok-soft:#8fc0a0}

/* —— LEDGER: duas colunas pareadas (é ✓ / não é ✗) —— */
.ledger{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3.6vw,48px);max-width:920px;margin:0 auto;align-items:start}
.ledger-h{font-family:var(--display);font-weight:800;font-size:var(--fs-h3);line-height:var(--lh-snug);letter-spacing:-.01em;margin:0 0 .5rem}
.ledger-col.is .ledger-h{color:var(--ok-deep)}
.ledger-col.isnt .ledger-h{color:var(--gold-deep)}
.ledger ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ledger li{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;padding:.95rem .1rem;border-bottom:1px solid var(--line)}
.ledger li p{margin:0;color:var(--ink-soft);font-size:var(--fs-sm);line-height:1.5}
.ledger li p b{color:var(--forest);font-weight:700}
.lg-mark{flex:none;margin-top:.05rem;width:26px;height:26px;border-radius:50%;border:1.5px solid;display:grid;place-items:center}
.lg-mark svg{width:14px;height:14px}
.lg-mark.ok{border-color:var(--ok);color:var(--ok)}
.lg-mark.no{border-color:var(--gold);color:var(--gold)}
/* ledger sobre fundo escuro (D9 oferta) */
.s-forest .ledger ul{border-top-color:var(--line-dark)}
.s-forest .ledger li{border-bottom-color:var(--line-dark)}
.s-forest .ledger li p{color:rgba(238,244,240,.92)}
.s-forest .ledger li p b{color:#fff}
.s-forest .ledger-col.is .ledger-h{color:var(--ok-soft)}
.s-forest .ledger-col.isnt .ledger-h{color:var(--gold-soft)}
.s-forest .lg-mark.ok{border-color:var(--ok-soft);color:var(--ok-soft)}
.s-forest .lg-mark.no{border-color:var(--gold-soft);color:var(--gold-soft)}

/* —— LEQUE (D5): lista-teaser em filete sobre forest —— */
.leque-list{list-style:none;margin:clamp(1.2rem,2.6vw,1.7rem) auto 0;padding:0;max-width:48ch;border-top:1px solid var(--line-dark)}
.leque-list li{position:relative;padding:.92rem 0 .92rem 1.5rem;border-bottom:1px solid var(--line-dark);color:rgba(238,244,240,.92);font-size:var(--fs-body);line-height:var(--lh-body)}
.leque-list li::before{content:"";position:absolute;left:0;top:1.55em;width:.8rem;height:2px;border-radius:2px;background:var(--gold-soft)}

/* —— CAPÍTULOS editoriais (D7): número maior + título + isca —— */
.idx-chapters li{align-items:baseline}
.idx-chapters li::before{font-size:1.3rem;color:var(--gold-deep)}
.idx-ch{display:block}
.idx-ch b{display:block;font-family:var(--display);font-weight:700;font-size:var(--fs-h3);line-height:1.2;color:var(--forest);letter-spacing:-.01em;margin-bottom:.18rem}
.idx-ch span{display:block;color:var(--ink-soft);font-size:var(--fs-sm);line-height:1.5}

/* —— Âncora emocional antes do preço (D9) —— */
.price-lead{max-width:48ch;margin:.5rem auto 0;text-align:center;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-soft)}
.s-forest .price-lead{color:rgba(238,244,240,.9)}

/* —— Responsivo: ledger colapsa em 1 coluna no mobile —— */
@media (max-width:680px){
  .ledger{grid-template-columns:1fr;gap:1.5rem}
  .ledger-col.isnt{margin-top:.1rem}
}
@media (max-width:560px){
  .leque-list li{font-size:var(--fs-body)}
  .idx-ch b{font-size:var(--fs-body)}
}

/* ===========================================================
   CAMADA SÍNTESE v7 — distinção D8 × D9 (anti-repetição)
   D8 = .ledger (checklist marcado, círculos ✓/✗, ivory, arejado): a leitora se audita.
   D9 = .pact (eixo central dourado + sinais +/–, forest, tom afirma/contém): a Dra.
   declara o que entrega. Mesma estrutura "lado a lado", arquétipo visual distinto.
   =========================================================== */
.pact{display:grid;grid-template-columns:1fr 1px 1fr;gap:0 clamp(22px,4vw,50px);max-width:900px;margin:0 auto}
.pact-spine{width:1px;background:linear-gradient(180deg,transparent,rgba(200,170,110,.55) 16%,rgba(200,170,110,.55) 84%,transparent)}
.pact-col ul{list-style:none;margin:0;padding:0}
.pact-h{font-family:var(--display);font-weight:800;font-size:var(--fs-h3);line-height:var(--lh-snug);letter-spacing:-.01em;margin:0 0 .6rem}
.pact-is .pact-h{color:var(--gold-soft)}
.pact-isnt .pact-h{color:rgba(238,244,240,.6)}
.pact li{position:relative;padding:.92rem 0 .92rem 1.55rem;border-bottom:1px solid var(--line-dark)}
.pact li:first-child{border-top:1px solid var(--line-dark)}
.pact li p{margin:0;font-size:var(--fs-sm);line-height:1.5}
.pact-is li p{color:rgba(238,244,240,.95)}
.pact-is li p b{color:#fff;font-weight:700}
.pact-isnt li p{color:rgba(238,244,240,.7)}
.pact-isnt li p b{color:rgba(255,255,255,.84);font-weight:700}
.pact li::before{position:absolute;left:0;line-height:1}
.pact-is li::before{content:"+";top:.82rem;font-family:var(--display);font-weight:800;font-size:1.25rem;color:var(--gold-soft)}
.pact-isnt li::before{content:"";top:1.5rem;width:.74rem;height:2px;border-radius:2px;background:rgba(238,244,240,.42)}
@media (max-width:680px){
  .pact{grid-template-columns:1fr;gap:0}
  .pact-spine{display:none}
  .pact-isnt{margin-top:1.4rem;padding-top:.2rem;border-top:1px solid var(--line-dark)}
}

/* ===========================================================
   CAMADA SÍNTESE v8 — contraste & legibilidade no escuro
   (1) fundo forest: o grão estava ESTICADO (noise sem background-size
       => blocos gigantes = aspecto "vídeo 144p"). Agora é grão FINO,
       discreto, em tile pequeno, que serve de dithering sem aparecer.
   (2) gradiente mais profundo/limpo => texto claro destaca.
   (3) texto claro sobre escuro firme (régua da skill ~>=.93). A hierarquia
       do pacto migra pro sinal (+ dourado / traço) e header, não no apagar.
   =========================================================== */
.s-forest{background:
  radial-gradient(ellipse 58% 48% at 24% 14%,rgba(200,170,110,.11),transparent 62%),
  radial-gradient(ellipse 54% 54% at 88% 92%,rgba(120,165,152,.09),transparent 58%),
  linear-gradient(160deg,#0a1d24,#05161b 52%,#020a0d)}
.s-forest::after{background-size:168px 168px;background-repeat:repeat;opacity:.026}

.s-forest .body-txt{color:rgba(238,244,240,.96)}
.leque-list li{color:rgba(238,244,240,.95)}
.s-forest .price-lead{color:rgba(238,244,240,.93)}

.pact-is li p{color:rgba(238,244,240,.97)}
.pact-is li p b{color:#fff}
.pact-isnt li p{color:rgba(238,244,240,.9)}
.pact-isnt li p b{color:#fff}
.pact-isnt .pact-h{color:rgba(238,244,240,.84)}
.pact-isnt li::before{background:rgba(238,244,240,.62)}

/* ===========================================================
   CAMADA SÍNTESE v9 — split D9/D10: honestidade (sage) × preço (forest)
   O pacto agora mora em fundo claro (D9). Variante clara do .pact:
   texto escuro legível, eixo/"+" em dourado-profundo, traço em taupe.
   O preço ganhou dobra própria no forest (palco escuro = painel destaca).
   =========================================================== */
.s-sage .pact-spine{background:linear-gradient(180deg,transparent,rgba(138,114,80,.4) 16%,rgba(138,114,80,.4) 84%,transparent)}
.s-sage .pact li{border-bottom-color:var(--line)}
.s-sage .pact li:first-child{border-top-color:var(--line)}
.s-sage .pact-is .pact-h{color:var(--gold-deep)}
.s-sage .pact-isnt .pact-h{color:var(--sage-600)}
.s-sage .pact-is li p,.s-sage .pact-isnt li p{color:var(--ink-soft)}
.s-sage .pact-is li p b,.s-sage .pact-isnt li p b{color:var(--forest)}
.s-sage .pact-is li::before{color:var(--gold-deep)}
.s-sage .pact-isnt li::before{background:var(--sage-600)}

/* ===========================================================
   CAMADA SÍNTESE v10 — fileira móvel (D2): marquee horizontal
   infinito dos 5 meios que ela tentou. Cards-foto escuros sobre
   o sage claro (vitrine de evidências). Trilho com 2 sets
   idênticos + translateX(-50%) linear infinito = loop sem
   costura (cada card carrega seu gap via margin-right). Pausa no
   hover e no toque. Respeita prefers-reduced-motion.
   =========================================================== */
.fileira{position:relative;overflow:hidden;margin:clamp(1.5rem,3.8vw,2.4rem) 0 clamp(.9rem,2.4vw,1.4rem)}
.fileira::before,.fileira::after{content:"";position:absolute;top:0;bottom:0;width:clamp(26px,8vw,96px);z-index:2;pointer-events:none}
.fileira::before{left:0;background:linear-gradient(90deg,var(--sage-band),rgba(232,223,209,0))}
.fileira::after{right:0;background:linear-gradient(270deg,var(--sage-band),rgba(232,223,209,0))}
.fileira-track{display:flex;align-items:flex-start;width:max-content;animation:fil-marquee 64s linear infinite;will-change:transform}
.fileira:hover .fileira-track,.fileira.is-paused .fileira-track{animation-play-state:paused}
@keyframes fil-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fil-card{flex:0 0 auto;width:clamp(300px,min(90vw,73vh),760px);margin-right:clamp(14px,3vw,22px)}
.fil-ph{position:relative;aspect-ratio:3/2;border-radius:18px;overflow:hidden;box-shadow:0 18px 46px rgba(8,21,25,.22);border:1px solid var(--line-sage)}
.fil-ph img{width:100%;height:100%;object-fit:cover;display:block}
.fil-n{position:absolute;top:.85rem;left:.85rem;z-index:1;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:.92rem;color:var(--gold-soft);background:rgba(8,21,25,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.fil-lab{margin:.85rem .2rem 0;font-family:var(--display);font-weight:600;font-size:clamp(.98rem,.92rem + .4vw,1.18rem);line-height:1.22;color:var(--forest);letter-spacing:-.006em;max-width:23ch}
.fil-lab b{font-weight:700}
.fil-x{display:flex;align-items:center;gap:.32rem;width:fit-content;margin-top:.55rem;font-family:var(--body);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep)}
.fil-x::before{content:"✗";font-size:.82rem}
/* D2: no DESKTOP (>=861) o card encolhe um tico (proporção vs livro/letra) — mobile intocado (lá manda 90vw, não vh) */
@media (min-width:861px){.fil-card{width:clamp(300px,min(88vw,68vh),710px)}}
@media (prefers-reduced-motion:reduce){
  .fileira{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .fileira-track{animation:none}
}
/* proporção D2: q-list e callout são exclusivos da D2 — enxuga o bloco de texto
   pra dobra caber melhor em telas de pouca altura (13", HD baixo, zoom). */
.q-list{margin-top:clamp(.85rem,2.2vw,1.25rem)}
.q-list li{padding:.6rem .1rem}
.callout{margin-top:clamp(1rem,2.5vw,1.45rem);padding-top:.82rem;padding-bottom:.82rem}
.callout p{font-size:clamp(1.16rem,2.1vw,1.38rem);line-height:1.4}

/* ===========================================================
   CAMADA SÍNTESE v11 — TIPOGRAFIA HOLÍSTICA POR ALTURA (desktop)
   Causa-raiz do desproporção em telas baixas (13", HD, zoom): o tipo
   escalava só por LARGURA (vw), então tela larga-e-baixa ganhava fonte
   grande e a dobra estourava a altura. Aqui a ROOT font-size passa a
   escalar pela ALTURA do viewport (vh) no desktop — e como quase tudo na
   página é rem (tipos, espaços, paddings, line-heights), TUDO compacta
   junto e a dobra fica ≈ 1 tela em qualquer altura.
   Teto 16px = aparência APROVADA intacta em telas com ~900px+ de altura
   útil (1440→4K); abaixo, compacta proporcional (16% em 768, ~21% em 720).
   Mobile (<768) intocado de propósito: vh em font-size causaria reflow
   com a barra de URL aparecendo/sumindo no scroll.
   =========================================================== */
@media (min-width:768px){
  :root{ font-size: clamp(11px, calc(1.89vh - 1px), 16px); }
  .section{ padding: 3.4rem 0; }
}

/* ===========================================================
   CAMADA SÍNTESE v12 — diagramação da D2 abaixo da fileira
   Mapeia retórica→layout (como D8 ledger × D9 pact):
   • as 3 perguntas = a VOZ INTERNA dela — pull-quote íntimo, itálico,
     introduzido por um filete dourado curto, clímax dourado no "até quando".
     Sai a cara de lista genérica com bolinhas "?".
   • o callout = a RESPOSTA da médica — voz direta (não-itálica), com
     "é com você que eu falo" em destaque dourado. Sem caixa.
   • fotos mais próximas, sem o número redondo (infantil), e o
     "não resolveu" vira chip de alto contraste (forest + ✗ dourado).
   =========================================================== */

/* as perguntas — voz interna */
.q-list{list-style:none;max-width:34ch;margin:clamp(1.5rem,3.2vw,2.2rem) auto 0;padding:clamp(1rem,2.4vw,1.5rem) 0 0;display:grid;gap:clamp(.45rem,1.3vw,.7rem);border-top:none;text-align:center;position:relative}
.q-list::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:34px;height:2px;background:var(--gold);border-radius:2px}
.q-list li{display:block;padding:0;border:none;font-family:var(--body);font-style:italic;font-weight:500;font-size:var(--fs-lead);line-height:1.28;color:var(--forest);letter-spacing:-.012em}
.q-list li::before{content:none}
.q-list li:last-child{color:var(--gold-deep);font-weight:600}

/* o callout — resposta da médica, voz direta */
.callout{max-width:46ch;margin:clamp(1.6rem,3.4vw,2.4rem) auto 0;padding:0;border:none;background:none;border-radius:0;text-align:center}
.callout p{font-family:var(--body);font-style:normal;font-weight:500;font-size:var(--fs-lead);line-height:1.46;color:var(--ink-soft)}
.callout p .turn{color:var(--gold-deep);font-weight:700}

/* "não resolveu" — selo de veredito SOBRE a foto (canto sup. esq.),
   integrado à imagem em vez de solto abaixo da legenda */
.fil-x{position:absolute;top:.7rem;left:.7rem;z-index:1;display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.4rem .72rem;border-radius:5px;background:#EFE8DC;color:var(--forest);font-family:var(--body);font-size:.8rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 14px rgba(8,21,25,.34)}
.fil-x::before{content:"✗";color:var(--gold-deep);font-size:.96rem;font-weight:800}

/* fotos mais próximas; número infantil fora; card relativo p/ ancorar o selo */
.fil-card{margin-right:clamp(5px,0.9vw,8px);position:relative}
.fil-n{display:none}

/* ===========================================================
   CAMADA SÍNTESE v13 — desktop: o bloco de texto da D2 estava
   "boiando" como fita centralizada estreita num mar de sage (cara
   de layout mobile esticado, sem composição). Aqui ele vira uma
   PEÇA contida e ancorada — painel cream com filete dourado no topo,
   perguntas como centro de peso (maiores), callout separado por filete.
   Tudo em rem ⇒ continua escalando com o sistema de altura (v11).
   =========================================================== */
.d2-voz{max-width:600px;margin:clamp(1.8rem,3.6vw,2.8rem) auto 0;padding:clamp(1.9rem,3.6vw,2.9rem) clamp(1.6rem,3.2vw,2.6rem);background:var(--sage-soft);border:1px solid var(--line-sage);border-radius:20px;box-shadow:0 16px 46px rgba(8,21,25,.07);position:relative}
.d2-voz::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:46px;height:3px;background:var(--gold);border-radius:0 0 4px 4px}
.d2-voz .body-txt{margin:0 auto;max-width:40ch}
.d2-voz .q-list{margin-top:clamp(1.3rem,2.8vw,1.9rem)}
.d2-voz .q-list li{font-size:1.62rem}
.d2-voz .callout{margin-top:clamp(1.4rem,3vw,2rem);padding-top:clamp(1.3rem,2.6vw,1.7rem);border-top:1px solid var(--line-sage)}

/* ===========================================================
   CAMADA SÍNTESE v14 — D2 redesenhada como DIÁLOGO de duas vozes.
   Retórica → tipografia (tudo centralizado, tudo em rem ⇒ escala
   no sistema de altura v11):
   1) PONTE  = setup quieto, corpo macio, aponta pro que vem (":").
   2) PERGUNTAS = a VOZ INTERNA dela às 3h: três batidas de uma só
      respiração ansiosa, presas num filete-espinha central, em
      itálico, crescendo até o ouro (clímax "até quando isso vai durar").
   3) RESPOSTA = a VOZ DA MÉDICA: troca de registro (romano, firme),
      separada por um glifo-folha centrado (a marca dela, não rótulo),
      com o "é com você que eu falo" em ouro de afirmação.
   O painel cream ganha PRESENÇA (largura + composição) no desktop e
   lê limpo e vertical no mobile.
   Esta camada é a última do arquivo: vence v10/v12/v13 por cascata.
   =========================================================== */

/* — o painel: peça contida, ancorada, com presença no campo sage — */
.d2-voz{
  max-width:42rem;                 /* ~672px @16px: largo o bastante p/ não "boiar" */
  margin:clamp(2rem,4vw,3rem) auto 0;
  padding:clamp(2.2rem,4vw,3.2rem) clamp(1.6rem,3.4vw,3rem) clamp(2rem,3.6vw,2.8rem);
  background:var(--sage-soft);
  border:1px solid var(--line-sage);
  border-radius:1.25rem;
  box-shadow:0 1.4rem 3.4rem rgba(8,21,25,.08), 0 .2rem .7rem rgba(8,21,25,.04);
  position:relative;
}
.d2-voz::before{               /* aba dourada — assinatura do design system */
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:3rem;height:.22rem;background:var(--gold);border-radius:0 0 4px 4px;
}

/* 1 — A PONTE (setup) */
.d2-voz .d2-bridge{
  font-family:var(--body);font-weight:500;font-style:normal;
  font-size:var(--fs-body);line-height:1.5;
  color:var(--ink-soft);
  text-align:center;max-width:30rem;margin:0 auto;
}
.d2-voz .d2-bridge .hl{font-weight:700}

/* 2 — AS PERGUNTAS (voz interna, em loop) ----------------------- */
.d2-voz .q-list{
  list-style:none;
  margin:clamp(1.5rem,3.2vw,2.2rem) auto 0;
  padding:clamp(1.5rem,3vw,2.1rem) 0 1rem;
  max-width:24rem;
  display:grid;gap:clamp(.55rem,1.4vw,.95rem);
  text-align:center;position:relative;
  border-top:none;
}
/* a espinha central: um filete vertical contínuo, nó dourado no topo
   (onde o pensamento começa) e ponto-terminal dourado embaixo (onde a
   pergunta-clímax descansa) — segura as três batidas como uma só
   corrente de pensamento que escorre de cima a baixo. */
.d2-voz .q-list::before{
  content:"";position:absolute;top:.1rem;bottom:1rem;left:50%;transform:translateX(-50%);
  width:1px;background:var(--line-sage);
}
.d2-voz .q-list::after{                      /* nó de partida, no topo */
  content:"";position:absolute;top:-.3rem;left:50%;transform:translateX(-50%);
  width:.56rem;height:.56rem;border-radius:50%;
  background:var(--sage-soft);border:1.5px solid var(--gold);z-index:2;
}
.d2-voz .q-list li{
  display:block;padding:0;border:none;margin:0;
  position:relative;z-index:1;
}
.d2-voz .q-list li::before{content:none}
.d2-voz .q-list li .q-txt{
  display:inline-block;position:relative;
  background:var(--sage-soft);padding:.06rem .9rem;     /* abre a espinha atrás do texto */
  font-family:var(--body);font-style:italic;font-weight:500;
  line-height:1.26;letter-spacing:-.014em;color:var(--forest);
}
/* escalonamento de intensidade: cada pergunta mais forte que a anterior */
.d2-voz .q-list li:nth-child(1) .q-txt{font-size:1.3rem;color:#43534c}
.d2-voz .q-list li:nth-child(2) .q-txt{font-size:1.5rem;color:var(--forest)}
.d2-voz .q-list li:nth-child(3) .q-txt{font-size:1.72rem;font-weight:600;color:var(--gold-deep)}
/* ponto-terminal: fecha a corrente sob a pergunta-clímax */
.d2-voz .q-list li:nth-child(3)::after{
  content:"";position:absolute;bottom:-.7rem;left:50%;transform:translateX(-50%);
  width:.4rem;height:.4rem;border-radius:50%;background:var(--gold);z-index:2;
}

/* 3 — A RESPOSTA DA MÉDICA (troca de voz) ----------------------- */
.d2-voz .callout{
  position:relative;max-width:32rem;
  margin:clamp(1.9rem,3.8vw,2.7rem) auto 0;
  padding:clamp(1.7rem,3.4vw,2.3rem) 0 0;
  border:none;background:none;border-radius:0;text-align:center;
}
/* separador: filete que afina nas pontas (não uma régua dura) */
.d2-voz .callout::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(70%,18rem);height:1px;
  background:linear-gradient(90deg,transparent,var(--line-sage) 22%,var(--line-sage) 78%,transparent);
}
/* a marca da médica — folha/glifo centrado sobre o filete (sua assinatura) */
.d2-voz .callout-mark{
  position:absolute;top:0;left:50%;transform:translate(-50%,-50%);
  width:2.5rem;height:2.5rem;border-radius:50%;
  display:grid;place-items:center;
  background:var(--sage-soft);color:var(--gold-deep);
}
.d2-voz .callout-mark svg{width:1.35rem;height:1.35rem;display:block}
.d2-voz .callout p{
  font-family:var(--body);font-style:normal;font-weight:500;
  font-size:var(--fs-lead);line-height:1.5;
  color:var(--forest);margin:0;
}
.d2-voz .callout p .turn{
  color:var(--gold-deep);font-weight:700;
  box-shadow:inset 0 -.52em 0 rgba(186,154,91,.16);  /* grifo de afirmação, fica em uma linha */
}

/* — MOBILE (<768): o sistema de altura não roda; reforça presença vertical — */
@media (max-width:767px){
  .d2-voz{
    max-width:none;
    padding:clamp(1.7rem,7vw,2.3rem) clamp(1.2rem,5vw,1.6rem) clamp(1.5rem,6vw,2rem);
    border-radius:1.1rem;
  }
  .d2-voz .d2-bridge{font-size:1.16rem;line-height:1.5}
  .d2-voz .q-list{max-width:20rem;gap:.7rem;padding-top:1.6rem;margin-top:1.6rem}
  .d2-voz .q-list li:nth-child(1) .q-txt{font-size:1.24rem}
  .d2-voz .q-list li:nth-child(2) .q-txt{font-size:1.42rem}
  .d2-voz .q-list li:nth-child(3) .q-txt{font-size:1.6rem}
  .d2-voz .q-list li .q-txt{padding:0 .7rem}
  .d2-voz .callout{margin-top:1.9rem;padding-top:1.9rem}
  .d2-voz .callout p{font-size:1.24rem;line-height:1.48}
  .d2-voz .callout-mark{width:2.3rem;height:2.3rem}
}

/* ===========================================================
   CAMADA SÍNTESE v15 — D2 enxuta (decisão do Antônio): saiu a ponte
   + 2 perguntas + o callout antigo. Sobra só a pergunta-clímax grande
   em itálico (a voz que não cala), o glifo-marca dourado, e a virada
   de acolhimento. Tudo rem ⇒ escala com o sistema de altura (v11).
   Sobrescreve o painel/q-list/callout do v12-v14 (que ficam órfãos).
   =========================================================== */
.d2-voz{max-width:34ch;margin:clamp(2rem,4.4vw,3.4rem) auto 0;padding:0;background:none;border:none;border-radius:0;box-shadow:none;text-align:center;position:static}
.d2-voz::before{content:none}
.d2-q{font-family:var(--body);font-style:italic;font-weight:500;font-size:var(--fs-xl);line-height:1.22;color:var(--forest);letter-spacing:-.018em;margin:0}
.d2-sep{display:block;width:1.7rem;margin:clamp(1.1rem,2.6vw,1.7rem) auto;color:var(--gold)}
.d2-sep svg{width:1.7rem;height:1.7rem;display:block}
.d2-turn{font-family:var(--body);font-weight:600;font-size:var(--fs-lead);line-height:1.46;color:var(--ink-soft);letter-spacing:-.005em;margin:0 auto;max-width:34ch}
.d2-turn .hk{color:var(--gold-deep);font-weight:700}

/* ===========================================================
   CAMADA SÍNTESE v16 — fecho da D2: tira o "morto/apagado/flutuando".
   • ENERGIA: pergunta em NEGRITO alto-contraste (forest 14:1), não mais
     itálico peso-médio lavado; o payoff ganha o grifo dourado .hl (texto
     escuro legível + energia dourada por baixo, em vez de texto dourado
     a 3.6:1). • GROUNDING: glifo-marca dourado ABRE o momento no topo +
     bloco mais próximo das imagens (menos sage vazio em volta). Sem caixa
     de texto (regra anti-card do site-lead-premium).
   =========================================================== */
.d2-voz{max-width:34rem;margin:clamp(1.6rem,3.4vw,2.6rem) auto 0;padding:0;background:none;border:none;box-shadow:none;text-align:center;position:static}
.d2-voz::before{content:none}
.d2-sep{display:block;width:2rem;margin:0 auto clamp(.85rem,2vw,1.3rem);color:var(--gold)}
.d2-sep svg{width:2rem;height:2rem;display:block;margin:0 auto}
.d2-q{font-family:var(--body);font-style:normal;font-weight:700;font-size:var(--fs-xl);line-height:1.2;color:var(--forest);letter-spacing:-.02em;margin:0}
.d2-turn{font-family:var(--body);font-weight:600;font-size:var(--fs-lead);line-height:1.46;color:var(--forest);letter-spacing:-.005em;margin:clamp(.85rem,2vw,1.3rem) auto 0;max-width:32ch}
.d2-turn .hl{font-weight:700}

/* ===========================================================
   CAMADA SÍNTESE v17 — fileira NAVEGÁVEL: o marquee CSS puro virou
   carrossel por SCROLL. Auto-avanço (RAF) + ARRASTAR (desktop, cursor
   grab) + SETAS (desktop no hover / mobile touch ≥44px) + swipe nativo
   (mobile). Loop infinito via clones gerados em JS (3 sets). O JS pausa
   o auto no hover/drag/toque. Respeita prefers-reduced-motion.
   =========================================================== */
.fileira{overflow:visible}
.fileira-track{animation:none!important}
.fil-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;cursor:grab}
.fil-scroll::-webkit-scrollbar{display:none}
.fil-scroll.dragging{cursor:grabbing;user-select:none}
.fil-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:2.9rem;height:2.9rem;display:grid;place-items:center;padding:0;border:none;border-radius:50%;background:rgba(8,21,25,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--gold-soft);cursor:pointer;box-shadow:0 6px 20px rgba(8,21,25,.32);transition:opacity .22s ease,background .22s ease}
.fil-arrow svg{width:1.45rem;height:1.45rem}
.fil-prev{left:clamp(.4rem,1.6vw,1.3rem)}
.fil-next{right:clamp(.4rem,1.6vw,1.3rem)}
.fil-arrow:hover{background:rgba(8,21,25,.82)}
.fil-arrow:active{transform:translateY(-50%) scale(.94)}
.fil-arrow:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px}
@media (hover:hover) and (pointer:fine){
  .fil-arrow{opacity:0}
  .fileira:hover .fil-arrow,.fil-arrow:focus-visible{opacity:1}
}
@media (hover:none){
  .fil-arrow{opacity:.9;width:2.8rem;height:2.8rem}
  .fil-arrow svg{width:1.3rem;height:1.3rem}
}

/* ===========================================================
   CAMADA HERO-DEPTH (herolab) — profundidade · material · luz na D1
   Apêndice de maior prioridade; scoped ao .hero; reversível removendo este bloco.
   =========================================================== */

/* 1 · SUPERFÍCIE VIVA — campo de luz quente + grão fino (mata o "papel do Word") */
.hero{
  background:
    radial-gradient(ellipse 66% 58% at 84% 0%, rgba(216,184,120,.55), transparent 54%),
    radial-gradient(ellipse 62% 70% at 98% 42%, rgba(192,152,112,.40), transparent 56%),
    radial-gradient(ellipse 84% 82% at 92% 100%, rgba(94,138,128,.32), transparent 58%),
    radial-gradient(ellipse 86% 78% at 2% 104%, rgba(118,96,66,.30), transparent 56%),
    radial-gradient(ellipse 64% 58% at 12% 24%, rgba(251,245,233,.62), transparent 62%),
    linear-gradient(165deg,#F4ECD7 0%, #EBE1CB 40%, #E1D3B7 74%, #D8C9A8 100%);
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:168px 168px;
}
.hero > *{position:relative;z-index:1}

/* 2 · LIVRO EM PALCO — pedestal quente + sombra de contato + glow ancorado */
.hero-figure .book-3d{
  filter:drop-shadow(0 48px 52px rgba(5,22,27,.50)) drop-shadow(0 0 50px rgba(200,170,110,.24));
}
.hero-blob{
  background:radial-gradient(ellipse 70% 80% at 50% 36%, #efe6d6, #d8c7a8 58%, rgba(172,151,125,0) 84%);
  filter:blur(6px);opacity:.7;height:92%;
}
.hero-figure::before{
  content:"";position:absolute;left:50%;bottom:7%;transform:translateX(-50%);
  width:60%;height:26px;border-radius:50%;z-index:0;
  background:radial-gradient(ellipse,rgba(5,22,27,.34),transparent 72%);filter:blur(8px);
}

/* 3 · CTA COMO OBJETO — gradiente dourado + brilho interno + sombra em camadas + glow */
.btn-gold{
  border-radius:14px;
  background:linear-gradient(180deg,#D9BB7B 0%, #BA9A5B 54%, #9E7C40 100%);
  border:1px solid rgba(138,111,60,.55);
  text-shadow:0 1px 1px rgba(110,86,40,.35);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.40),
    inset 0 -1px 0 rgba(0,0,0,.14),
    0 10px 22px -10px rgba(186,154,91,.80),
    0 24px 50px -20px rgba(138,111,60,.60);
}
.btn-gold:hover{
  background:linear-gradient(180deg,#E2C588 0%, #C4A465 54%, #A6843F 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    inset 0 -1px 0 rgba(0,0,0,.14),
    0 12px 26px -10px rgba(186,154,91,.92),
    0 30px 60px -22px rgba(138,111,60,.66);
  transform:translateY(-2px);
}
.btn-gold .arr{transition:transform .25s var(--ease)}
.btn-gold:hover .arr{transform:translateX(4px)}

/* mobile: sombra de contato menor + grão um tico mais presente */
@media (max-width:860px){
  .hero-figure::before{width:54%;height:18px;bottom:9%;background:radial-gradient(ellipse,rgba(5,22,27,.26),transparent 74%);filter:blur(7px)}
  .hero::after{opacity:.05}
}

/* 4 · CENA-HERÓI — imagem real (chá/leveza) no idioma da página (painel + ring dourado);
   e-book entra como card de produto sobreposto. Substitui o blob bege. */
.hero-figure.has-scene{display:block;min-height:0}
.hero-figure.has-scene .hero-scene{position:relative;width:100%;aspect-ratio:4/5;border-radius:18px;overflow:hidden;
  box-shadow:0 44px 80px -34px rgba(5,22,27,.6),0 0 0 1px rgba(200,170,110,.24)}
.hero-figure.has-scene .hero-scene img{width:100%;height:100%;object-fit:cover;display:block}
.hero-figure.has-scene .hero-scene::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 82% 64% at 50% 26%,transparent 58%,rgba(5,22,27,.12)),
            linear-gradient(180deg,rgba(255,255,255,.05),rgba(5,22,27,.22))}
.hero-figure.has-scene .book-3d.book-inset{position:absolute;left:-5%;bottom:-6%;width:44%;margin:0;z-index:3;
  transform:rotateY(-16deg) rotateX(2deg);
  filter:drop-shadow(0 26px 32px rgba(5,22,27,.55)) drop-shadow(0 0 22px rgba(200,170,110,.22))}
.hero-figure.has-scene:hover .book-3d.book-inset{transform:rotateY(-11deg) rotateX(1deg)}
.hero-figure.has-scene::before,.hero-figure.has-scene::after{display:none}
@media (max-width:860px){
  .hero-figure.has-scene .hero-scene{aspect-ratio:5/4}
  .hero-figure.has-scene .book-3d.book-inset{width:40%;left:-3%;bottom:-5%}
}

/* 5 · CONTRASTE DA H1 — texto escuro firme sobre o fundo quente (luz forte foi pro lado do livro) */
.hero h1{color:var(--ink)}
.hero h1 .em{color:#274038}        /* sage profundo, alto contraste (era sage-600 lavado) */

/* 6 · CAPA DO LIVRO — arte de IA (fundo) + tipografia de código (premium, não gradiente chapado) */
.book-cover{
  justify-content:flex-start;   /* nome + título + subtitle agrupados no topo → o motivo GRANDE respira no meio-baixo, autor no rodapé */
  background:
    linear-gradient(180deg, rgba(4,17,21,.40) 0%, rgba(4,17,21,.05) 30%, rgba(4,17,21,.05) 60%, rgba(4,17,21,.50) 100%),
    url("img/book-cover-art.jpg?v=5") center/cover no-repeat,
    #06161b;
  box-shadow:inset 0 0 0 1px rgba(200,170,110,.24), inset 0 1px 0 rgba(255,255,255,.08);
}
.book-cover .bc-title{text-shadow:0 2px 18px rgba(0,0,0,.62)}
.book-cover .bc-sub{text-shadow:0 1px 10px rgba(0,0,0,.6)}
.book-cover .bc-kick{text-shadow:0 1px 9px rgba(0,0,0,.6)}
.book-cover .bc-author{margin-top:auto}   /* autor ancorado no rodapé, longe do motivo grande */

/* ░░ D3 fundida (gastrite × normal) + D5 clareada — port herolab ░░ */
.cmp{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,2.6vw,30px);max-width:720px;margin:clamp(1.6rem,4vw,2.6rem) auto 0}
.cmp-item{margin:0;min-width:0}
.cmp-ph{position:relative;border-radius:16px;overflow:hidden;background:#06181d;box-shadow:0 26px 52px -26px rgba(0,0,0,.7),0 0 0 1px rgba(200,170,110,.22)}
.cmp-ph img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.cmp-x{font-family:var(--display);font-weight:600;font-size:clamp(1.1rem,2.8vw,1.7rem);color:var(--gold-soft);opacity:.6;transform:translateY(-2.5rem)}
.cmp-lab{text-align:center;margin:.78rem 0 0}
.cmp-lab b{display:block;font-family:var(--mono);font-weight:600;font-size:.98rem;letter-spacing:.01em;color:var(--gold-soft)}
.cmp-lab span{display:block;font-size:.9rem;line-height:1.38;color:rgba(238,244,240,.8);margin:.24rem auto 0;max-width:22ch}
@media (max-width:560px){
  .cmp{gap:8px}
  .cmp-lab b{font-size:.9rem}
  .cmp-lab span{font-size:.8rem;max-width:18ch}
  .cmp-x{font-size:1rem;transform:translateY(-2.1rem)}
}
.s-sage .leque-list{border-top-color:var(--line-sage)}
.s-sage .leque-list li{color:var(--ink-soft);border-bottom-color:var(--line-sage)}
.s-sage .leque-list li::before{background:var(--gold-deep)}
.s-sage .d11-turn{color:var(--forest)}
.s-sage .d11-turn .em{color:var(--gold-deep)}

/* ░░ D3 diagrama didático — parede ampliada (saudável × gastrite) ░░ */
.zoom{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(18px,5vw,56px);max-width:720px;margin:clamp(1.9rem,4vw,2.9rem) auto 0}
.zoom-organ{position:relative;justify-self:center;width:100%;max-width:234px}
.zoom-organ img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 34px rgba(0,0,0,.5))}
.zoom-spot{position:absolute;left:57%;top:55%;width:15%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--gold-soft);background:rgba(200,170,110,.1);box-shadow:0 0 12px 2px rgba(200,170,110,.4)}
.zoom-conn{position:absolute;inset:0;width:100%;height:100%;color:var(--gold-soft);stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.85;pointer-events:none;overflow:visible}
.zoom-stack{display:grid;gap:clamp(20px,3.6vw,34px);justify-self:center}
.zoom-cell{margin:0;text-align:center}
.zoom-circ{position:relative;display:block;width:100%;max-width:147px;margin-inline:auto;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px rgba(200,170,110,.6),0 18px 32px -14px rgba(0,0,0,.6)}
.zoom-circ.zc-gastrite{overflow:visible;box-shadow:0 0 0 2px #c8704f,0 18px 32px -14px rgba(0,0,0,.6)}
.zoom-circ.zc-gastrite img{border-radius:50%}
.zoom-circ img{width:100%;height:100%;object-fit:cover;display:block}
.wound{position:absolute;left:49%;top:40%;width:18%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #ffe6bd;box-shadow:0 0 0 1.5px rgba(60,20,10,.45),0 0 12px 2px rgba(255,214,150,.55);z-index:3}
.wound-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:#ffdca6;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;fill:none;z-index:2}
.zoom-lab{margin:.55rem 0 0;font-family:var(--mono);font-weight:600;font-size:.92rem;letter-spacing:.01em;color:rgba(238,244,240,.82)}
.zoom-lab b{color:var(--gold-soft)}
.zoom-lab.gastrite b{color:#e8a98e}
.zoom-lab span{display:block;font-family:var(--body);font-weight:500;font-size:.76rem;color:rgba(238,244,240,.55);margin-top:.12rem;letter-spacing:0}
.wound-tag{margin:.5rem auto 0;max-width:24ch;text-align:center}
.wound-tag b{display:block;font-family:var(--mono);font-weight:700;font-size:.98rem;letter-spacing:.02em;color:#eab38e}
.wound-tag span{display:block;font-family:var(--body);font-weight:500;font-size:.8rem;line-height:1.35;color:rgba(238,244,240,.66);margin-top:.14rem}
@media (max-width:760px){
  .zoom{grid-template-columns:1fr;justify-items:center;gap:10px;max-width:400px}
  .zoom-organ{max-width:147px}
  .zoom-stack{grid-template-columns:1fr 1fr;gap:14px;width:100%;align-items:start}
  .zoom-circ{max-width:117px}
  .wound-tag{font-size:.78rem;max-width:20ch}
  .wound-tag b{font-size:.9rem}
  .zoom-lab span{font-size:.72rem}
}

/* ░░ callout lateral v2 — seta pra fora (lado) + rótulo ao lado ░░ */
.zc-gastrite{position:relative}
.wound-tag{position:absolute;left:101%;top:31%;width:max-content;max-width:108px;margin:0;text-align:left;line-height:1.2;z-index:3}
.wound-tag b{display:block;font-family:var(--mono);font-weight:700;font-size:.9rem;letter-spacing:.02em;color:#eab38e}
.wound-tag>span{display:block;font-family:var(--body);font-weight:500;font-size:.76rem;color:rgba(238,244,240,.66);margin-top:.12rem}
.zoom-lab.gastrite .lab-sub{display:none}
@media (max-width:760px){
  .wound-tag{display:none}
  .zoom-lab.gastrite .lab-sub{display:block}
}

/* ░░ tapete/palco premium sob o diagrama D3 ░░ */
.zoom-stage{position:relative;max-width:704px;margin:clamp(1.9rem,4vw,2.9rem) auto 0;padding:clamp(22px,4vw,46px) clamp(18px,3.4vw,40px);border-radius:26px;
  background:radial-gradient(120% 80% at 50% 0%, rgba(200,170,110,.10), transparent 56%), linear-gradient(165deg, rgba(30,54,58,.55), rgba(8,20,24,.30));
  box-shadow:0 42px 84px -40px rgba(0,0,0,.78), inset 0 1px 0 rgba(255,255,255,.07), inset 0 -40px 70px -50px rgba(0,0,0,.5);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.zoom-stage::before{content:"";position:absolute;inset:0;border-radius:26px;padding:1px;
  background:linear-gradient(160deg, rgba(200,170,110,.5), rgba(172,151,125,.16) 46%, transparent 76%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.zoom-stage>.zoom{margin:0 auto}
@media (max-width:760px){
  .zoom-stage{max-width:420px;padding:20px 14px;border-radius:20px}
}

/* ░░ legendas anatômicas — fora do órgão, ligadas por fio fino (atlas) ░░ */
.org-leads{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4}
.org-leads line{stroke:var(--gold-soft);stroke-width:3;opacity:.75;stroke-linecap:round}
.org-leads circle{fill:var(--gold-soft);opacity:.9}
.org-lab{position:absolute;font-family:var(--mono);font-size:.55rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(238,244,240,.78);white-space:nowrap;pointer-events:none;z-index:5;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.org-lab.eso{right:60%;top:0}
.org-lab.duo{left:17%;top:104%}
@media (max-width:760px){ .org-lab.eso{right:auto;left:106%;top:3%} .org-lab.duo{left:-56%;top:70%} }

/* ░░ mobile declutter — menos texto solto abaixo do diagrama ░░ */
@media (max-width:760px){
  .zoom-lab span,.zoom-lab.gastrite .lab-sub{display:none}
  .wound,.wound-line{display:none}
  .turn-body{margin-top:clamp(14px,4vw,22px)}
  .turn-body .d11-turn{margin-top:1rem}
}