@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@700;800&display=swap");

/* Tema claro de venda = padrão. Tema escuro (Delta Digital) com data-tema="escuro" (config.js ou ?tema=escuro). */
:root {
  --surface:#FFFFFF; --surface-raised:#FFFFFF; --surface-deep:#F3F4F1; --line:#E3E5E0;
  --ink:#16181B; --ink-muted:#4F555C;
  --delta-green:#15803D; --delta-green-hover:#166534; --on-delta-green:#FFFFFF;
  --delta-green-deep:#1F5A17; --ink-on-deep:#FFFFFF; --delta-green-soft:#DCFCE7;
  --neon-lime:#15803D; --promo-gold:#FACC15; --ink-on-gold:#16181B;
  --promo-orange:#F29A16; --danger:#C93A2B; --focus:#15803D;
  --marca-texto:#FDE047;
  --glow-green:0 8px 22px rgba(21,128,61,.32); --glow-forte:0 10px 30px rgba(21,128,61,.45);
  --raised:0 6px 24px rgba(22,24,27,.08);
  --barra:rgba(255,255,255,.97);
  --display:"Montserrat", system-ui, sans-serif;
  --sans:"Inter", system-ui, sans-serif;
}
:root[data-tema="escuro"] {
  --surface:#1E2124; --surface-raised:#2A2E32; --surface-deep:#141619; --line:#3A3F44;
  --ink:#E8E2DA; --ink-muted:#A8A097;
  --delta-green:#5CB848; --delta-green-hover:#6CC85A; --on-delta-green:#0E1A0B;
  --ink-on-deep:#E8E2DA; --delta-green-soft:#1E3A18;
  --neon-lime:#9BE15D; --promo-gold:#F5C543; --ink-on-gold:#1E2124;
  --danger:#FF7A6B; --focus:#5CB848;
  --glow-green:0 0 24px rgba(155,225,93,.45); --glow-forte:0 0 36px rgba(155,225,93,.6);
  --raised:0 6px 20px rgba(0,0,0,.35);
  --barra:rgba(20,22,25,.96);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; background: var(--surface); color: var(--ink);
  font: 16px/24px var(--sans); -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: var(--delta-green); }
p { margin: 0 0 16px; }
/* Destaque: marca-texto amarelo no claro (como as placas das lojas), verde neon no escuro */
em { font-style: normal; background: linear-gradient(transparent 58%, var(--marca-texto) 58%, var(--marca-texto) 92%, transparent 92%); padding: 0 .08em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
[data-tema="escuro"] em { background: none; padding: 0; color: var(--neon-lime); }

.dd-wrap { width: 100%; max-width: 1080px; margin: 0 auto; padding: 0 16px; }
.dd-sec { padding: 64px 0; background: var(--surface); color: var(--ink); }
.dd-sec-deep, .dd-claro { background: var(--surface-deep); }
.dd-sec-curta { padding: 48px 0; }

/* Faixa escura no fim (fecha a página com força nos dois temas) */
.dd-final {
  --surface-deep:#16181B; --ink:#F5F3EF; --ink-muted:#B4B9BF; --line:#33373C;
  --marca-texto:transparent; --delta-green:#22A04B; --on-delta-green:#06140A;
}
.dd-final em { background: none; color: #86EFAC; }
.dd-final { background: linear-gradient(rgba(22,24,27,.86), rgba(22,24,27,.93)), url(img/feira-fundo.jpg) center / cover; }

/* No tema escuro, as seções "claras" alternam com as escuras */
[data-tema="escuro"] .dd-claro {
  --surface:#F7F5F1; --surface-raised:#FFFFFF; --surface-deep:#ECE8E1; --line:#E2DDD5;
  --ink:#1E2124; --ink-muted:#5E6369;
  --delta-green:#2B7421; --on-delta-green:#FFFFFF; --delta-green-soft:#E4F3DC;
  --neon-lime:#2B7421; --danger:#C93A2B; --focus:#2B7421;
  --glow-green:none; --raised:0 6px 20px rgba(30,33,36,.08);
  background: var(--surface);
}
[data-tema="escuro"] .dd-claro em { color: var(--delta-green); }

/* Aparecer ao rolar (só com JS e sem "reduzir movimento") */
.dd-revela.escondido { opacity: 0; transform: translateY(18px); }
.dd-revela { transition: opacity .6s ease, transform .6s ease; }
.dd-rotulo {
  font: 700 13px/16px var(--display); letter-spacing: .18em; text-transform: uppercase;
  color: var(--delta-green); margin: 0 0 12px;
}
.dd-h1, .dd-h2, .dd-h3 { font-family: var(--display); font-weight: 800; text-transform: uppercase; margin: 0 0 16px; text-wrap: balance; }
.dd-h1 { font-size: clamp(34px, 6vw, 56px); line-height: 1.07; letter-spacing: -.01em; }
.dd-h2 { font-size: clamp(26px, 4vw, 36px); line-height: 1.15; }
.dd-h3 { font: 700 18px/1.3 var(--sans); text-transform: none; }
.dd-sub { font-size: 19px; line-height: 28px; color: var(--ink-muted); max-width: 520px; }
.dd-texto { font-size: 17px; line-height: 27px; color: var(--ink-muted); }
.dd-estreito { max-width: 640px; }
.dd-sub b { color: var(--ink); font-weight: 600; }
.dd-center { text-align: center; }
.dd-center .dd-sub { margin-left: auto; margin-right: auto; }

/* Topo */
.dd-topo { border-bottom: 1px solid var(--line); background: var(--surface); }
[data-tema="escuro"] .dd-topo { background: var(--surface-deep); }
.dd-topo .dd-wrap { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 60px; }
.dd-marca { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); }
.dd-marca img { width: 30px; height: auto; }
.dd-marca span { font: 800 15px/1 var(--display); text-transform: uppercase; letter-spacing: .02em; }
.dd-marca span b { color: var(--delta-green); }
.dd-topo-insta { font: 600 14px/1 var(--sans); color: var(--ink-muted); text-decoration: none; }

/* Botões */
.dd-btn {
  font: 800 16px/1.2 var(--display); text-transform: uppercase; letter-spacing: .04em;
  min-height: 56px; padding: 14px 28px; border-radius: 12px; border: 0; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-align: center;
  text-decoration: none; transition: transform .15s ease, filter .15s ease;
}
.dd-btn-primary { background: var(--delta-green); color: var(--on-delta-green); box-shadow: var(--glow-green); }
.dd-btn-primary:hover { filter: brightness(1.08); transform: translateY(-1px); }
.dd-btn:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.dd-btn-full { width: 100%; }
.dd-btn-ghost { background: transparent; color: var(--ink-muted); font: 500 14px/20px var(--sans); text-transform: none; letter-spacing: 0; min-height: 44px; text-decoration: underline; text-underline-offset: 3px; }
.dd-btn-outline { background: transparent; color: var(--ink); border: 1px solid var(--line); }

.dd-btn-hero { min-height: 60px; font-size: 17px; padding: 16px 32px; }

.dd-confianca { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 16px; padding: 0; list-style: none; font-size: 14px; color: var(--ink-muted); }
.dd-confianca li { display: flex; align-items: center; gap: 6px; }
.dd-confianca svg, .dd-item-ico svg { width: 16px; height: 16px; fill: none; stroke: var(--delta-green); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }

/* Selos */
.dd-selo { display: inline-flex; align-items: center; gap: 6px; font: 800 12px/16px var(--display); letter-spacing: .08em; text-transform: uppercase; padding: 4px 10px; border-radius: 6px; }
.dd-selo-gold { background: var(--promo-gold); color: var(--ink-on-gold); }
.dd-selo-deep { background: var(--delta-green-deep); color: var(--ink-on-deep); }
.dd-selo-soft { background: var(--delta-green-soft); color: var(--neon-lime); }

/* Hero */
.dd-hero { padding: 48px 0 64px; position: relative; overflow: hidden; background: linear-gradient(180deg, #ECFDF3 0%, #FFFFFF 75%); }
[data-tema="escuro"] .dd-hero { background: var(--surface); }
.dd-hero::before {
  content: ""; position: absolute; inset: -200px -200px auto auto; width: 620px; height: 620px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(92,184,72,.16), transparent); pointer-events: none;
}
.dd-hero .dd-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; position: relative; }
.dd-hero-preco { display: flex; align-items: baseline; gap: 10px; margin: 24px 0 16px; flex-wrap: wrap; }
.dd-hero-preco small { font: 600 14px/1 var(--sans); color: var(--ink-muted); }
.dd-valor { font: 800 44px/1 var(--display); letter-spacing: -.02em; color: var(--neon-lime); }
.dd-valor sup { font-size: .42em; vertical-align: .9em; margin-right: 4px; letter-spacing: 0; }

/* Capas dos PDFs (feitas em CSS) */
/* Foto do topo (atacado de celulares) com a capa da lista por cima */
.dd-hero-foto { position: relative; max-width: 540px; margin: 0 auto 0 0; padding: 0 0 56px 64px; }
.dd-hero-foto .dd-foto-legenda { position: absolute; right: 14px; bottom: 70px; background: rgba(22,24,27,.78); color: #F5F3EF; font: 600 12px/1 var(--sans); padding: 7px 10px; border-radius: 999px; }
.dd-hero-foto > img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; border-radius: 22px; box-shadow: 0 24px 60px rgba(22,24,27,.28); }
.dd-hero-foto .dd-selo { position: absolute; top: 16px; right: 16px; font-size: 13px; padding: 8px 12px; box-shadow: var(--raised); }
.dd-hero-foto .dd-capa-solo { left: 0; bottom: 0; width: 150px; padding: 18px 16px; transform: rotate(-4deg); }
.dd-hero-foto .dd-capa-solo .dd-capa-titulo { font-size: 16px; }
.dd-hero-foto .dd-capa-solo img { width: 30px; }

.dd-pilha { position: relative; height: 440px; max-width: 380px; margin: 0 auto; width: 100%; }
.dd-capa {
  --ink:#E8E2DA; --ink-muted:#A8A097; --line:#3A3F44; --neon-lime:#9BE15D; --delta-green:#5CB848;
  position: absolute; width: 260px; aspect-ratio: 210 / 297; border-radius: 14px; padding: 22px 20px;
  background: linear-gradient(160deg, #2A2E32, #141619 70%); color: var(--ink);
  box-shadow: inset 0 0 0 2px var(--promo-orange), inset 0 0 0 5px #1E2124, inset 0 0 0 6px var(--delta-green), 0 20px 50px rgba(0,0,0,.55);
  display: flex; flex-direction: column; gap: 10px;
}
.dd-capa img { width: 38px; }
.dd-capa em { background: none; padding: 0; color: var(--neon-lime); }
.dd-capa-tipo { font: 700 10px/1 var(--display); letter-spacing: .2em; color: var(--ink-muted); text-transform: uppercase; }
.dd-capa-titulo { font: 800 24px/1.05 var(--display); text-transform: uppercase; margin-top: auto; }
.dd-capa-titulo em { display: block; }
.dd-capa-rodape { display: flex; justify-content: space-between; align-items: center; font: 600 11px/1 var(--sans); color: var(--ink-muted); border-top: 1px solid var(--line); padding-top: 10px; }
.dd-capa-pdf { background: var(--danger); color: #1E2124; font: 800 10px/1 var(--display); padding: 4px 6px; border-radius: 4px; }
.dd-capa-1 { left: 50%; top: 24px; transform: translateX(-50%) rotate(-2deg); z-index: 3; }
.dd-capa-2 { left: 4%; top: 64px; transform: rotate(-11deg) scale(.86); filter: brightness(.55) blur(1px); z-index: 1; }
.dd-capa-3 { right: 0; top: 70px; transform: rotate(10deg) scale(.86); filter: brightness(.55) blur(1px); z-index: 2; }
.dd-pilha .dd-selo { position: absolute; z-index: 4; right: 2%; bottom: 36px; transform: rotate(-4deg); box-shadow: var(--raised); font-size: 13px; padding: 8px 12px; }

/* Dor: lista simples, sem caixas */
.dd-lista-x { list-style: none; padding: 0; margin: 28px 0 32px; display: grid; gap: 18px; }
.dd-lista-x li { display: flex; gap: 14px; align-items: flex-start; font-size: 18px; line-height: 27px; }
.dd-lista-x li::before { content: "✕"; flex: none; width: 26px; height: 26px; margin-top: 1px; border-radius: 50%; display: grid; place-items: center; background: rgba(201,58,43,.1); color: var(--danger); font-weight: 700; font-size: 13px; }
.dd-frase { font: 800 clamp(20px, 3vw, 26px)/1.3 var(--display); text-transform: uppercase; text-align: center; margin: 0; }

/* Quem sou */
.dd-autor { display: grid; grid-template-columns: 320px 1fr; gap: 56px; align-items: center; max-width: 900px; }
.dd-foto { margin: 0; border-radius: 20px; overflow: hidden; aspect-ratio: 4 / 5; background: var(--surface-deep); display: grid; place-items: center; }
.dd-foto img { width: 100%; height: 100%; object-fit: cover; }
.dd-foto img.dd-sem-foto { width: 40%; height: auto; object-fit: contain; }
.dd-numeros { display: flex; gap: 32px; margin-top: 28px; flex-wrap: wrap; }
.dd-numeros b { display: block; font: 800 34px/1 var(--display); color: var(--neon-lime); margin-bottom: 4px; }
.dd-numeros span { font-size: 14px; color: var(--ink-muted); }

.dd-card { background: var(--surface-raised); border: 1px solid var(--line); border-radius: 20px; padding: 28px; }
.dd-checks { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 12px; }
.dd-checks li { display: flex; gap: 12px; align-items: flex-start; }
.dd-checks li::before { content: "✓"; flex: none; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--delta-green-soft); color: var(--neon-lime); font-weight: 800; font-size: 13px; margin-top: 1px; }

/* Vídeo */
.dd-video { position: relative; max-width: 380px; margin: 24px auto 0; aspect-ratio: 9 / 16; border-radius: 20px; overflow: hidden; background: var(--surface-raised); border: 1px solid var(--line); }
.dd-video iframe, .dd-video video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; }

/* Prova social */
.dd-provas-sec { border-top: 1px solid var(--line); }
.dd-provas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 32px; }
.dd-provas img { border-radius: 16px; border: 1px solid var(--line); width: 100%; }
.dd-espaco { border: 2px dashed var(--promo-orange); border-radius: 16px; min-height: 260px; display: grid; place-items: center; text-align: center; padding: 20px; color: var(--ink-muted); font: 700 13px/1.4 var(--display); letter-spacing: .08em; text-transform: uppercase; }

/* O que recebe + preço: um cartão só */
.dd-pacote { max-width: 600px; margin: 32px auto 0; background: var(--surface-raised); border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--raised); overflow: hidden; }
.dd-pacote-itens { list-style: none; margin: 0; padding: 8px 28px; }
.dd-pacote-itens li { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.dd-pacote-itens li:last-child { border-bottom: 0; }
.dd-pacote-ico { flex: none; width: 40px; height: 40px; border-radius: 12px; background: var(--delta-green-soft); display: grid; place-items: center; }
.dd-pacote-ico svg { width: 22px; height: 22px; fill: none; stroke: var(--neon-lime); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.dd-pacote-nome { flex: 1; font-weight: 600; font-size: 16px; line-height: 22px; }
.dd-pacote-nome small { display: block; font: 700 11px/1.4 var(--display); letter-spacing: .12em; text-transform: uppercase; color: var(--neon-lime); }
.dd-pacote-valor { color: var(--ink-muted); font-size: 15px; white-space: nowrap; text-decoration: line-through; }
.dd-pacote-total { display: flex; justify-content: space-between; align-items: baseline; padding: 16px 28px; border-top: 2px solid var(--ink); font: 800 18px/1.2 var(--display); text-transform: uppercase; }
.dd-pacote-total > span { font-size: 14px; letter-spacing: .08em; }
.dd-pacote-total s { font-size: 22px; color: var(--ink-muted); text-decoration-thickness: 2px; text-decoration-color: var(--danger); }
.dd-pacote-preco { text-align: center; padding: 28px 28px 24px; background: var(--surface-deep); border-top: 1px solid var(--line); }
.dd-pacote-obs b { color: var(--ink); font-weight: 600; }
.dd-pacote-preco .dd-valor { font-size: 60px; }
.dd-pacote-de { margin: 0 0 6px; color: var(--ink-muted); }
.dd-pacote-obs { margin: 10px 0 20px; font-size: 14px; color: var(--ink-muted); }
.dd-garantia { display: flex; gap: 14px; align-items: center; padding: 18px 28px; border-top: 1px solid var(--line); }
.dd-garantia-selo { flex: none; width: 52px; height: 52px; border-radius: 50%; background: var(--promo-gold); color: var(--ink-on-gold); display: grid; place-items: center; align-content: center; text-align: center; font: 800 10px/1 var(--display); text-transform: uppercase; }
.dd-garantia-selo b { display: block; font-size: 20px; }
.dd-garantia p { margin: 0; font-size: 14px; line-height: 20px; color: var(--ink-muted); }
.dd-garantia p b { color: var(--ink); }

.dd-final .dd-h2 { max-width: 700px; margin: 0 auto 24px; }

/* WhatsApp flutuante */
.dd-whats { position: fixed; right: 16px; bottom: 20px; z-index: 60; width: 56px; height: 56px; border-radius: 50%; background: #25D366; display: grid; place-items: center; box-shadow: var(--raised); transition: transform .2s ease, bottom .25s ease; }
.dd-whats:hover { transform: scale(1.06); }
.dd-whats svg { width: 30px; height: 30px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linejoin: round; }
.dd-barra.on ~ .dd-whats { bottom: 88px; }

/* FAQ */
.dd-faq { max-width: 760px; margin: 32px auto 0; display: grid; gap: 10px; }
.dd-faq details { background: var(--surface-raised); border: 1px solid var(--line); border-radius: 14px; padding: 0 20px; }
.dd-faq summary { cursor: pointer; list-style: none; padding: 18px 0; font: 700 16px/1.35 var(--sans); display: flex; justify-content: space-between; gap: 16px; }
.dd-faq summary::-webkit-details-marker { display: none; }
.dd-faq summary::after { content: "+"; color: var(--delta-green); font: 800 22px/1 var(--display); }
.dd-faq details[open] summary::after { content: "–"; }
.dd-faq details p { color: var(--ink-muted); padding-bottom: 4px; }

/* Rodapé */
.dd-rodape { border-top: 1px solid var(--line); padding: 32px 0 120px; font-size: 13px; line-height: 20px; color: var(--ink-muted); text-align: center; }
.dd-rodape a { color: var(--ink-muted); }

/* Barra fixa no celular */
.dd-barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: var(--barra); box-shadow: 0 -6px 20px rgba(0,0,0,.08); border-top: 1px solid var(--line); padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); display: none; align-items: center; gap: 12px; transform: translateY(110%); transition: transform .25s ease; }
.dd-barra.on { transform: none; }
.dd-barra-preco { font: 800 22px/1 var(--display); color: var(--neon-lime); white-space: nowrap; }
.dd-barra-preco small { display: block; font: 500 11px/1.3 var(--sans); color: var(--ink-muted); }
.dd-barra-txt { font-size: 16px; color: var(--ink); }
.dd-hero .dd-btn-hero { margin-top: 12px; }
.dd-barra .dd-btn { flex: 1; min-height: 48px; padding: 10px 14px; font-size: 14px; }

/* Páginas depois da compra */
.dd-ok { background: var(--delta-green-deep); color: var(--ink-on-deep); text-align: center; padding: 12px 16px; font: 700 14px/1.4 var(--sans); }
.dd-passos { display: flex; gap: 6px; max-width: 360px; margin: 0 auto 24px; }
.dd-passos i { flex: 1; height: 6px; border-radius: 3px; background: var(--line); }
.dd-passos i.on { background: var(--delta-green); }
.dd-passos-txt { font-size: 13px; color: var(--ink-muted); text-align: center; margin-bottom: 8px; }
.dd-up { display: grid; grid-template-columns: 300px 1fr; gap: 48px; align-items: center; }
.dd-up .dd-pilha { height: 400px; }
.dd-espiar { position: relative; width: 100%; max-width: 300px; margin: 0 auto; aspect-ratio: 4 / 5; border-radius: 22px; overflow: hidden; background: #16181B; box-shadow: 0 20px 50px rgba(22,24,27,.3); }
.dd-espiar img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); }
.dd-espiar::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(22,24,27,.05) 30%, rgba(22,24,27,.85) 100%); }
.dd-espiar-cadeado { position: absolute; z-index: 1; left: 50%; top: 42%; transform: translate(-50%, -50%); width: 64px; height: 64px; border-radius: 50%; background: rgba(255,255,255,.92); display: grid; place-items: center; box-shadow: 0 8px 24px rgba(0,0,0,.3); }
.dd-espiar-cadeado svg { width: 28px; height: 28px; fill: none; stroke: #16181B; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.dd-espiar-txt { position: absolute; z-index: 1; left: 18px; right: 18px; bottom: 18px; color: #F5F3EF; }
.dd-espiar-txt span { display: block; font: 700 11px/1 var(--display); letter-spacing: .16em; text-transform: uppercase; color: #B4B9BF; margin-bottom: 8px; }
.dd-espiar-txt b { display: block; font: 800 22px/1.1 var(--display); text-transform: uppercase; }
.dd-espiar-txt em { display: block; background: none; padding: 0; color: #86EFAC; }
/* Versão pequena, por cima da foto do topo (lista principal) */
.dd-hero-foto .dd-espiar-mini { position: absolute; left: 0; bottom: 0; width: 160px; max-width: none; aspect-ratio: 4 / 5; margin: 0; border-radius: 16px; transform: rotate(-4deg); box-shadow: 0 0 0 3px #fff, 0 18px 40px rgba(22,24,27,.35); }
.dd-hero-foto .dd-espiar-mini .dd-espiar-cadeado { width: 44px; height: 44px; top: 38%; }
.dd-hero-foto .dd-espiar-mini .dd-espiar-cadeado svg { width: 20px; height: 20px; }
.dd-hero-foto .dd-espiar-mini .dd-espiar-txt { left: 12px; right: 12px; bottom: 12px; }
.dd-hero-foto .dd-espiar-mini .dd-espiar-txt span { font-size: 9px; margin-bottom: 5px; }
.dd-hero-foto .dd-espiar-mini .dd-espiar-txt b { font-size: 15px; }
.dd-up .dd-capa-1 { transform: translateX(-50%) rotate(-3deg); }
.dd-up-preco { display: flex; align-items: baseline; gap: 10px; margin: 20px 0; flex-wrap: wrap; }
.dd-up-preco .dd-valor { font-size: 52px; }
.dd-up-preco small { font-size: 14px; color: var(--ink-muted); }
.dd-up-acoes { display: grid; gap: 8px; max-width: 460px; }
/* Botões de 1 clique da Kiwify: o script dela força o próprio estilo (!important); aqui volta o da página */
.dd-up-acoes[data-upsell-url] {
  padding: 0 !important; margin: 0 !important;
  --kiwify-upsell-accept-bg: var(--delta-green); --kiwify-upsell-accept-color: var(--on-delta-green);
  --kiwify-upsell-decline-color: var(--ink-muted); --kiwify-upsell-font: var(--display); --kiwify-upsell-width: 100%;
}
.dd-up-acoes [id^=kiwify-upsell-trigger].dd-btn {
  display: inline-flex !important; min-height: 56px !important; padding: 14px 28px !important; border-radius: 12px !important;
  font: 800 16px/1.2 var(--display) !important; text-transform: uppercase !important; letter-spacing: .04em !important;
  box-shadow: var(--glow-green) !important; margin: 0 !important;
}
.dd-up-acoes [id^=kiwify-upsell-cancel-trigger].dd-btn {
  display: inline-flex !important; margin: 0 !important; min-height: 44px !important;
  font: 500 14px/20px var(--sans) !important; letter-spacing: 0 !important; text-underline-offset: 3px;
}

@media (max-width: 860px) {
  .dd-sec { padding: 48px 0; }
  .dd-hero { padding: 28px 0 48px; }
  .dd-hero .dd-wrap, .dd-autor, .dd-up { grid-template-columns: 1fr; gap: 32px; }
  .dd-provas { grid-template-columns: 1fr 1fr; }
  .dd-autor { gap: 28px; }
  .dd-btn-hero { width: 100%; }
  .dd-hero .dd-wrap { gap: 20px; }
  .dd-hero-foto { padding: 0 0 28px 16px; margin: 8px auto 0; }
  .dd-hero-foto .dd-foto-legenda { bottom: 40px; right: 10px; font-size: 11px; padding: 6px 9px; }
  .dd-hero-foto .dd-capa-solo { width: 128px; padding: 12px 11px; gap: 6px; }
  .dd-hero-foto .dd-capa-solo .dd-capa-titulo { font-size: 14px; }
  .dd-hero-foto .dd-capa-solo img { width: 22px; }
  .dd-hero-foto .dd-capa-solo .dd-capa-tipo { font-size: 7px; }
  .dd-hero-foto .dd-capa-solo .dd-capa-rodape { font-size: 9px; padding-top: 6px; }
  .dd-pilha { height: 290px; }
  .dd-capa { width: 180px; padding: 18px 16px; }
  .dd-pilha .dd-selo { bottom: 12px; }
  .dd-capa-titulo { font-size: 20px; }
  .dd-autor .dd-foto { max-width: 260px; margin: 0 auto; width: 100%; }
  .dd-barra { display: flex; }
  .dd-up { gap: 20px; }
  .dd-espiar { max-width: none; aspect-ratio: 4 / 3; }
  .dd-espiar img { object-position: 50% 58%; }
  .dd-espiar-txt b { font-size: 19px; }
  .dd-espiar-cadeado { top: 38%; width: 54px; height: 54px; }
  .dd-hero-foto .dd-espiar-mini { width: 118px; aspect-ratio: 4 / 5; }
  .dd-hero-foto .dd-espiar-mini .dd-espiar-cadeado { width: 34px; height: 34px; }
  .dd-hero-foto .dd-espiar-mini .dd-espiar-cadeado svg { width: 16px; height: 16px; }
  .dd-hero-foto .dd-espiar-mini .dd-espiar-txt { left: 9px; right: 9px; bottom: 9px; }
  .dd-hero-foto .dd-espiar-mini .dd-espiar-txt span { font-size: 7px; margin-bottom: 3px; }
  .dd-hero-foto .dd-espiar-mini .dd-espiar-txt b { font-size: 11px; }
  .dd-up .dd-pilha { height: 210px; }
  .dd-up .dd-capa { width: 140px; padding: 14px 12px; gap: 6px; top: 8px; }
  .dd-up .dd-capa img { width: 26px; }
  .dd-up .dd-capa-titulo { font-size: 14px; }
  .dd-up .dd-capa-tipo { font-size: 8px; }
  .dd-up-acoes { max-width: none; }
}
@media (max-width: 420px) {
  .dd-numeros { gap: 20px; justify-content: space-between; }
  .dd-numeros b { font-size: 28px; }
  .dd-numeros span { font-size: 13px; }
  .dd-provas { grid-template-columns: 1fr; }
  .dd-pacote-itens { padding: 4px 18px; }
  .dd-pacote-preco, .dd-garantia { padding-left: 18px; padding-right: 18px; }
  .dd-pacote-nome { font-size: 15px; }
  .dd-pacote-ico { width: 36px; height: 36px; }
  .dd-pacote-preco .dd-valor { font-size: 52px; }
}
@media (prefers-reduced-motion: reduce) {
  .dd-revela, .dd-btn { transition: none; }
  html { scroll-behavior: auto; }
}