/* ============================================
   PV Pos-Advertorial — Gutierre "Pai"
   Design System Hipercontroll (contexto PV)
   ============================================ */

/* ── Tokens Base (Design System Hipercontroll) ── */
:root {
  --cor-navy: #1A4B7A;
  --cor-navy-escuro: #0F2E4D;
  --cor-offwhite: #F8F6F2;
  --cor-branco: #FFFFFF;
  --cor-terracota: #D4580F;
  --cor-terracota-hover: #B8470D;
  --cor-verde: #4A7A45;
  --cor-verde-hover: #3D6838;
  --cor-texto: #1C1C1C;
  --cor-texto-corpo: #2D2D2D;
  --cor-texto-sec: #5A6470;
  --cor-texto-muted: #888888;
  --cor-fundo-box: #F0F7EE;
  --cor-borda: #E8EAED;
  --cor-borda-destaque: #1A4B7A;
  --sombra-card: 0 2px 12px rgba(0,0,0,0.08);
  --sombra-card-forte: 0 4px 16px rgba(0,0,0,0.10);
  --sombra-hover: 0 4px 20px rgba(0,0,0,0.12);
  --font-titulo: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-corpo: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --h1: 42px;
  --h2: 28px;
  --h3: 20px;
  --corpo: 18px;
  --corpo-sm: 16px;
  --caption: 14px;
  --legal: 13px;
  --h1-mobile: 28px;
  --h2-mobile: 22px;
  --corpo-mobile: 17px;
  --lh-titulo: 1.25;
  --lh-corpo: 1.8;
  --peso-normal: 400;
  --peso-medium: 500;
  --peso-semi: 600;
  --peso-bold: 700;
  --peso-extra: 800;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 80px;
  --gap-paragrafos: 24px;
  --gap-secoes-pv: 80px;
  --pad-desktop: 40px;
  --pad-mobile: 16px;
  --pad-card-pv: 32px;
  --max-container: 1100px;
  --max-texto-pv: 720px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
  --borda-fina: 1px solid var(--cor-borda);
  --borda-esquerda: 4px solid var(--cor-navy);
  --transicao: 0.3s ease;
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body { overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }

/* ── Body ── */
body {
  font-family: var(--font-corpo);
  font-size: var(--corpo);
  font-weight: var(--peso-normal);
  line-height: var(--lh-corpo);
  color: var(--cor-texto-corpo);
  background: var(--cor-offwhite);
  -webkit-font-smoothing: antialiased;
}

/* ── Container ── */
.container {
  max-width: var(--max-container);
  margin: 0 auto;
  padding: 0 var(--pad-desktop);
}
.container--text {
  max-width: var(--max-texto-pv);
  margin: 0 auto;
}

/* ── Sections ── */
.section {
  padding: var(--space-4xl) var(--pad-desktop);
}
.section--navy {
  background: var(--cor-navy-escuro);
  color: var(--cor-branco);
}
.section--offwhite {
  background: var(--cor-offwhite);
}
.section--white {
  background: var(--cor-branco);
}
.section--fundo-box {
  background: var(--cor-fundo-box);
}

/* ── Section Titles ── */
.section-titulo {
  font-family: var(--font-titulo);
  font-size: var(--h2);
  font-weight: var(--peso-bold);
  line-height: var(--lh-titulo);
  color: var(--cor-texto);
  margin-bottom: var(--space-xl);
  text-align: center;
}
.section--navy .section-titulo {
  color: var(--cor-branco);
}

/* ── Body Text ── */
.body-text p {
  margin-bottom: var(--gap-paragrafos);
}
.body-text strong {
  font-weight: var(--peso-bold);
  color: var(--cor-texto);
}

/* ── Header ── */
.header {
  background: var(--cor-navy-escuro);
  padding: var(--space-md) var(--pad-desktop);
  text-align: center;
}
img.header__logo {
  width: 180px;
  height: auto;
  max-width: 60%;
  margin: 0 auto;
  display: block;
}

/* ══════════════════════════════════════
   S1 — HERO
   ══════════════════════════════════════ */
.hero {
  background: var(--cor-navy-escuro);
  color: var(--cor-branco);
  padding: var(--space-3xl) var(--pad-desktop) var(--space-4xl);
  text-align: center;
}
.hero__content {
  max-width: var(--max-texto-pv);
  margin: 0 auto;
}
.hero__titulo {
  font-family: var(--font-titulo);
  font-size: var(--h1);
  font-weight: var(--peso-extra);
  line-height: 1.2;
  color: var(--cor-branco);
  margin-bottom: var(--space-lg);
}
.hero__sub {
  font-family: var(--font-corpo);
  font-size: var(--corpo);
  line-height: 1.6;
  color: rgba(255,255,255,0.85);
  margin-bottom: var(--space-xl);
}
.hero__produto {
  margin: var(--space-xl) auto;
  max-width: 320px;
}
.hero__selos {
  margin-top: var(--space-xl);
}

/* ── Selos ── */
.selos {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  justify-content: center;
}
.selo {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: var(--caption);
  font-weight: var(--peso-medium);
  color: var(--cor-verde);
  background: var(--cor-fundo-box);
  padding: 8px 16px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--cor-verde);
}
.selo svg { flex-shrink: 0; }
.selo--hero {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.25);
  color: rgba(255,255,255,0.9);
}

/* ── CTA Button ── */
.btn-cta {
  display: inline-block;
  font-family: var(--font-ui);
  font-size: var(--corpo-sm);
  font-weight: var(--peso-semi);
  text-decoration: none;
  text-align: center;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transicao);
  line-height: 1;
  color: var(--cor-branco);
  background: var(--cor-terracota);
  padding: 20px 40px;
  min-height: 56px;
  border: none;
}
.btn-cta:hover {
  background: var(--cor-terracota-hover);
  transform: translateY(-2px);
  box-shadow: var(--sombra-hover);
}
.btn-cta--full {
  display: block;
  width: 100%;
}
.btn-cta--center {
  margin: var(--space-xl) auto 0;
  display: block;
  max-width: 480px;
}

/* ══════════════════════════════════════
   S2 — PONTE NARRATIVA
   ══════════════════════════════════════ */
/* Usa .body-text padrao */

/* ══════════════════════════════════════
   S3 — MECANISMO
   ══════════════════════════════════════ */
.mecanismo-subtitulo {
  font-family: var(--font-titulo);
  font-size: var(--h3);
  font-weight: var(--peso-bold);
  color: var(--cor-navy);
  margin-top: var(--space-2xl);
  margin-bottom: var(--space-md);
}

/* ── Box de Estudo ── */
.box-estudo {
  background: var(--cor-fundo-box);
  border-left: var(--borda-esquerda);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  padding: var(--space-lg);
  margin: var(--space-xl) 0;
}
.box-estudo-label {
  display: inline-block;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: var(--peso-semi);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--cor-navy);
  margin-bottom: var(--space-sm);
}
.box-estudo p {
  font-family: var(--font-corpo);
  font-size: var(--corpo-sm);
  line-height: 1.7;
  color: var(--cor-texto-corpo);
  margin: 0;
}
.box-estudo p + p {
  margin-top: var(--space-md);
}

/* ── Pullquote ── */
.pullquote {
  border-left: var(--borda-esquerda);
  padding-left: var(--space-lg);
  margin: var(--space-2xl) 0;
}
.pullquote p {
  font-family: var(--font-corpo);
  font-size: 20px;
  font-style: italic;
  line-height: 1.6;
  color: var(--cor-navy);
  margin: 0;
}
.section--navy .pullquote p {
  color: rgba(255,255,255,0.9);
}
.section--navy .pullquote {
  border-left-color: rgba(255,255,255,0.3);
}
.pullquote cite {
  display: block;
  margin-top: var(--space-sm);
  font-family: var(--font-ui);
  font-size: var(--caption);
  font-style: normal;
  color: var(--cor-texto-sec);
}
.section--navy .pullquote cite {
  color: rgba(255,255,255,0.6);
}

/* ══════════════════════════════════════
   S4 — REVELACAO DO PRODUTO
   ══════════════════════════════════════ */
.produto-reveal {
  display: flex;
  gap: var(--space-2xl);
  align-items: center;
}
.produto-reveal__img {
  flex: 0 0 280px;
  max-width: 280px;
}
.produto-reveal__content {
  flex: 1;
}
.check-list {
  padding: 0;
  margin: var(--space-lg) 0;
}
.check-list li {
  padding: 10px 0 10px 36px;
  position: relative;
  font-size: var(--corpo);
  line-height: 1.6;
}
.check-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  width: 22px;
  height: 22px;
  background: var(--cor-verde);
  border-radius: var(--radius-full);
}
.check-list li::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 19px;
  width: 10px;
  height: 6px;
  border-left: 2px solid var(--cor-branco);
  border-bottom: 2px solid var(--cor-branco);
  transform: rotate(-45deg);
}

/* ══════════════════════════════════════
   S5 — INGREDIENTES
   ══════════════════════════════════════ */
.ingredientes-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
}
.ingrediente-card {
  background: var(--cor-branco);
  border-radius: var(--radius-lg);
  padding: var(--pad-card-pv);
  box-shadow: var(--sombra-card-forte);
  transition: var(--transicao);
}
.ingrediente-card:hover {
  box-shadow: var(--sombra-hover);
  transform: translateY(-2px);
}
.ingrediente-card__icone {
  width: 48px;
  height: 48px;
  color: var(--cor-navy);
  margin-bottom: var(--space-md);
}
.ingrediente-card__nome {
  font-family: var(--font-titulo);
  font-size: var(--h3);
  font-weight: var(--peso-bold);
  color: var(--cor-navy);
  margin-bottom: var(--space-sm);
}
.ingrediente-card__funcao {
  font-family: var(--font-corpo);
  font-size: var(--corpo-sm);
  line-height: 1.7;
  color: var(--cor-texto-corpo);
  margin-bottom: var(--space-sm);
}
.ingrediente-card__dado {
  font-family: var(--font-ui);
  font-size: var(--caption);
  color: var(--cor-verde);
  font-weight: var(--peso-medium);
}

/* ══════════════════════════════════════
   S6 & S10 — DEPOIMENTOS
   ══════════════════════════════════════ */
.depoimentos-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
  overflow: hidden;
}
.depoimento-print {
  text-align: center;
  min-width: 0;
  overflow: hidden;
}
.depoimento-print img {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  border-radius: var(--radius-md);
  box-shadow: var(--sombra-card);
}
.depoimento-print__caption {
  font-family: var(--font-ui);
  font-size: var(--caption);
  color: var(--cor-texto-sec);
  margin-top: var(--space-sm);
}
.depoimento-stat {
  text-align: center;
  margin-top: var(--space-xl);
  font-family: var(--font-ui);
  font-size: var(--corpo-sm);
  color: var(--cor-texto-sec);
}
.depoimento-stat strong {
  color: var(--cor-navy);
  font-weight: var(--peso-bold);
}

/* ══════════════════════════════════════
   S7 — FUTURE PACING
   ══════════════════════════════════════ */
/* Usa .body-text padrao com alert box */
.alerta-box {
  background: #FFF8F0;
  border: 1px solid var(--cor-terracota);
  border-left: 4px solid var(--cor-terracota);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  padding: var(--space-lg);
  margin: var(--space-xl) 0;
}
.alerta-box p {
  font-family: var(--font-corpo);
  font-size: var(--corpo-sm);
  line-height: 1.7;
  color: var(--cor-texto-corpo);
  margin: 0;
}

/* ══════════════════════════════════════
   S8 — OFERTA / KITS
   ══════════════════════════════════════ */
.kits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
  margin-top: var(--space-xl);
  align-items: start;
}
.kit-card {
  background: var(--cor-branco);
  border-radius: var(--radius-lg);
  padding: var(--pad-card-pv);
  box-shadow: var(--sombra-card-forte);
  text-align: center;
  position: relative;
  transition: var(--transicao);
}
.kit-card:hover {
  box-shadow: var(--sombra-hover);
}

/* Kit card inteiro clicável (tag <a>) */
.kit-card--link {
  display: block;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.kit-card--link:hover {
  transform: translateY(-2px);
  box-shadow: var(--sombra-hover);
}
.kit-card--link.kit-card--destaque:hover {
  transform: translateY(-2px) scale(1.02);
}

.kit-card--destaque {
  border: 2px solid var(--cor-terracota);
  transform: scale(1.02);
}
.kit-card__badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: var(--peso-bold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 6px 20px;
  border-radius: var(--radius-full);
  white-space: nowrap;
}
.kit-card__badge--popular {
  background: var(--cor-terracota);
  color: var(--cor-branco);
}
.kit-card__badge--valor {
  background: var(--cor-navy);
  color: var(--cor-branco);
}
.kit-card__img {
  max-width: 180px;
  margin: var(--space-md) auto;
}
.kit-card__nome {
  font-family: var(--font-titulo);
  font-size: var(--h3);
  font-weight: var(--peso-bold);
  color: var(--cor-texto);
  margin-bottom: var(--space-xs);
}
.kit-card__duracao {
  font-family: var(--font-ui);
  font-size: var(--caption);
  color: var(--cor-texto-sec);
  margin-bottom: var(--space-md);
}
.kit-card__preco-dia {
  font-family: var(--font-titulo);
  font-size: 32px;
  font-weight: var(--peso-extra);
  color: var(--cor-terracota);
  line-height: 1.2;
}
.kit-card__preco-dia small {
  font-size: 16px;
  font-weight: var(--peso-medium);
  color: var(--cor-texto-sec);
}
.kit-card__preco-total {
  font-family: var(--font-ui);
  font-size: var(--caption);
  color: var(--cor-texto-sec);
  margin: var(--space-sm) 0;
}
.kit-card__parcelas {
  font-family: var(--font-ui);
  font-size: var(--corpo-sm);
  font-weight: var(--peso-semi);
  color: var(--cor-texto);
  margin-bottom: var(--space-md);
}
.kit-card__bonus {
  padding: var(--space-md) 0;
  border-top: var(--borda-fina);
  margin-bottom: var(--space-md);
}
.kit-card__bonus-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: var(--caption);
  color: var(--cor-verde);
  font-weight: var(--peso-medium);
  padding: 4px 0;
}
.kit-card__bonus-item svg { flex-shrink: 0; }
.kit-card .btn-cta {
  width: 100%;
  display: block;
}

/* ══════════════════════════════════════
   S9 — GARANTIA
   ══════════════════════════════════════ */
.garantia-box {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  gap: var(--space-lg);
  background: var(--cor-fundo-box);
  border: 2px solid var(--cor-verde);
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
}
.garantia-box__icone {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  color: var(--cor-verde);
}
.garantia-box__titulo {
  font-family: var(--font-titulo);
  font-size: var(--h3);
  font-weight: var(--peso-bold);
  color: var(--cor-verde);
  margin-bottom: var(--space-sm);
}
.garantia-box p {
  font-family: var(--font-corpo);
  font-size: var(--corpo-sm);
  line-height: 1.7;
  color: var(--cor-texto-corpo);
  margin: 0 0 var(--space-sm);
}
.garantia-box p:last-child { margin-bottom: 0; }
.garantia-box__reason {
  font-family: var(--font-ui);
  font-size: var(--caption);
  color: var(--cor-texto-sec);
  font-style: italic;
}

/* ══════════════════════════════════════
   S11 — FAQ
   ══════════════════════════════════════ */
.faq-list {
  max-width: var(--max-texto-pv);
  margin: var(--space-xl) auto 0;
}
.faq-item {
  border-bottom: var(--borda-fina);
}
.faq-pergunta {
  font-family: var(--font-ui);
  font-size: 17px;
  font-weight: var(--peso-semi);
  color: var(--cor-texto);
  padding: var(--space-lg) 0;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
}
.faq-pergunta::-webkit-details-marker { display: none; }
.faq-pergunta::after {
  content: '+';
  font-size: 24px;
  font-weight: var(--peso-bold);
  color: var(--cor-navy);
  flex-shrink: 0;
  margin-left: var(--space-md);
  transition: var(--transicao);
}
.faq-item[open] .faq-pergunta::after {
  content: '\2212';
}
.faq-resposta {
  padding: 0 0 var(--space-lg) 0;
}
.faq-resposta p {
  font-family: var(--font-corpo);
  font-size: var(--corpo-sm);
  line-height: 1.7;
  color: var(--cor-texto-corpo);
  margin: 0;
}

/* ══════════════════════════════════════
   S2.5 — AUTORIDADE
   ══════════════════════════════════════ */
.autoridade-box {
  display: flex;
  gap: var(--space-xl);
  align-items: flex-start;
  margin-bottom: var(--space-xl);
}
.autoridade-box__img {
  flex: 0 0 200px;
  max-width: 200px;
}
.autoridade-box__img img {
  border-radius: var(--radius-lg);
  box-shadow: var(--sombra-card);
}
.autoridade-box__content {
  flex: 1;
}
.autoridade-box__nome {
  font-family: var(--font-titulo);
  font-size: var(--h2);
  font-weight: var(--peso-bold);
  color: var(--cor-texto);
  margin-bottom: var(--space-md);
  line-height: var(--lh-titulo);
}
.autoridade-box__credenciais {
  list-style: none;
  padding: 0;
  margin: 0;
}
.autoridade-box__credenciais li {
  padding: 6px 0 6px 28px;
  position: relative;
  font-family: var(--font-ui);
  font-size: var(--corpo-sm);
  color: var(--cor-texto-corpo);
  line-height: 1.5;
}
.autoridade-box__credenciais li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 18px;
  height: 18px;
  background: var(--cor-navy);
  border-radius: var(--radius-full);
}
.autoridade-box__credenciais li::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 14px;
  width: 8px;
  height: 5px;
  border-left: 2px solid var(--cor-branco);
  border-bottom: 2px solid var(--cor-branco);
  transform: rotate(-45deg);
}

/* ══════════════════════════════════════
   S3 — MECANISMO (comprimido)
   ══════════════════════════════════════ */
.mecanismo-resumo {
  margin: var(--space-xl) 0;
}
.mecanismo-item {
  margin-bottom: var(--space-lg);
}
.mecanismo-item:last-child {
  margin-bottom: 0;
}

/* ══════════════════════════════════════
   S7 — TIMELINE DE RESULTADOS
   ══════════════════════════════════════ */
.timeline {
  margin: var(--space-xl) 0;
  border-left: 3px solid var(--cor-navy);
  padding-left: var(--space-lg);
}
.timeline__item {
  position: relative;
  margin-bottom: var(--space-xl);
  padding-left: var(--space-sm);
}
.timeline__item:last-child {
  margin-bottom: 0;
}
.timeline__item::before {
  content: '';
  position: absolute;
  left: calc(-1 * var(--space-lg) - 7px);
  top: 4px;
  width: 12px;
  height: 12px;
  background: var(--cor-navy);
  border-radius: var(--radius-full);
  border: 2px solid var(--cor-branco);
}
.timeline__periodo {
  display: block;
  font-family: var(--font-titulo);
  font-size: var(--corpo-sm);
  font-weight: var(--peso-bold);
  color: var(--cor-navy);
  margin-bottom: var(--space-xs);
}
.timeline__item p {
  font-family: var(--font-corpo);
  font-size: var(--corpo-sm);
  line-height: 1.7;
  color: var(--cor-texto-corpo);
  margin: 0;
}

/* ══════════════════════════════════════
   S7.5 — URGÊNCIA BIOLÓGICA
   ══════════════════════════════════════ */
.urgencia-fatos {
  margin: var(--space-xl) 0;
}
.urgencia-fato {
  display: flex;
  gap: var(--space-md);
  align-items: flex-start;
  margin-bottom: var(--space-lg);
}
.urgencia-fato:last-child {
  margin-bottom: 0;
}
.urgencia-fato__icone {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--cor-branco);
  border-radius: var(--radius-full);
  color: var(--cor-navy);
  box-shadow: var(--sombra-card);
}
.urgencia-fato__texto p {
  font-family: var(--font-corpo);
  font-size: var(--corpo-sm);
  line-height: 1.7;
  color: var(--cor-texto-corpo);
  margin: 0;
}

/* ══════════════════════════════════════
   S8 — ANCORAGEM DE VALOR
   ══════════════════════════════════════ */
.ancoragem-valor {
  background: var(--cor-fundo-box);
  border: 1px solid var(--cor-borda);
  border-radius: var(--radius-md);
  padding: var(--space-lg);
  margin-bottom: var(--space-xl);
  text-align: center;
  max-width: var(--max-texto-pv);
  margin-left: auto;
  margin-right: auto;
}
.ancoragem-valor p {
  font-family: var(--font-corpo);
  font-size: var(--corpo-sm);
  line-height: 1.7;
  color: var(--cor-texto-corpo);
  margin: 0;
}
.ancoragem-valor strong {
  color: var(--cor-texto);
  font-weight: var(--peso-bold);
}

/* ── Badge Experimentar (Kit 2) ── */
.kit-card__badge--experimentar {
  background: var(--cor-verde);
  color: var(--cor-branco);
}

/* ── Formas de Pagamento ── */
.pagamento-icones {
  display: flex;
  justify-content: center;
  gap: var(--space-xl);
  margin-top: var(--space-lg);
}
.pagamento-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: var(--caption);
  font-weight: var(--peso-medium);
  color: var(--cor-texto-sec);
}
.pagamento-item svg {
  flex-shrink: 0;
  color: var(--cor-texto-sec);
}

/* ══════════════════════════════════════
   S6/S10 — DEPOIMENTO CONTEXTO
   ══════════════════════════════════════ */
.depoimento-print__contexto {
  font-family: var(--font-corpo);
  font-size: var(--caption);
  font-style: italic;
  color: var(--cor-texto-sec);
  margin-top: var(--space-xs);
  line-height: 1.5;
}

/* ══════════════════════════════════════
   S9 — GARANTIA ASSINATURA
   ══════════════════════════════════════ */
.garantia-box__assinatura {
  font-family: var(--font-ui);
  font-size: var(--caption);
  color: var(--cor-texto-sec);
  margin-top: var(--space-md);
  font-style: italic;
}

/* ══════════════════════════════════════
   CTA INTERMEDIÁRIO
   ══════════════════════════════════════ */
.section--cta-intermediario {
  padding-top: 0;
  padding-bottom: var(--space-2xl);
}

/* ══════════════════════════════════════
   S8 — SELOS ABAIXO DOS KITS
   ══════════════════════════════════════ */
.selos--kits {
  margin-top: var(--space-xl);
}

/* ══════════════════════════════════════
   S12 — CROSSROADS BODY TEXT
   ══════════════════════════════════════ */
.crossroads__body {
  color: rgba(255,255,255,0.85);
}
.crossroads__body p {
  margin-bottom: var(--gap-paragrafos);
}
.crossroads__body strong {
  color: var(--cor-branco);
}

/* ══════════════════════════════════════
   S13 — FOOTER CONTATO
   ══════════════════════════════════════ */
.footer__contato {
  margin-bottom: var(--space-lg);
}
.footer__contato p {
  font-family: var(--font-ui);
  font-size: var(--corpo-sm);
  color: rgba(255,255,255,0.7);
  margin-bottom: var(--space-xs);
}
.footer__contato a {
  color: rgba(255,255,255,0.85);
  text-decoration: underline;
  transition: var(--transicao);
}
.footer__contato a:hover {
  color: var(--cor-branco);
}

/* ══════════════════════════════════════
   S12 — CROSSROADS CLOSE
   ══════════════════════════════════════ */
.crossroads {
  text-align: center;
}
.crossroads__stat {
  font-family: var(--font-ui);
  font-size: var(--corpo-sm);
  color: rgba(255,255,255,0.7);
  margin-top: var(--space-lg);
}

/* ══════════════════════════════════════
   S13 — FOOTER
   ══════════════════════════════════════ */
.footer {
  background: var(--cor-navy-escuro);
  color: var(--cor-branco);
  padding: var(--space-2xl) var(--pad-desktop) var(--space-lg);
}
.footer__inner {
  max-width: var(--max-container);
  margin: 0 auto;
  text-align: center;
}
.footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
  justify-content: center;
  margin-bottom: var(--space-lg);
}
.footer__links a {
  font-family: var(--font-ui);
  font-size: var(--caption);
  color: rgba(255,255,255,0.6);
  text-decoration: underline;
  transition: var(--transicao);
}
.footer__links a:hover { color: var(--cor-branco); }
.footer__legal {
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: var(--space-lg);
}
.footer__legal p {
  font-family: var(--font-ui);
  font-size: var(--legal);
  color: rgba(255,255,255,0.45);
  line-height: 1.6;
  margin-bottom: var(--space-sm);
}
.footer__legal a {
  color: rgba(255,255,255,0.6);
  text-decoration: underline;
}
.footer__legal a:hover { color: var(--cor-branco); }

/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */
@media (max-width: 768px) {
  .section {
    padding: var(--space-2xl) var(--pad-mobile);
  }
  .container {
    padding: 0;
  }
  .hero {
    padding: var(--space-xl) var(--pad-mobile) var(--space-2xl);
  }
  .hero__titulo {
    font-size: var(--h1-mobile);
  }
  .hero__sub {
    font-size: var(--corpo-mobile);
  }
  .hero__produto {
    max-width: 240px;
  }
  .section-titulo {
    font-size: var(--h2-mobile);
  }
  body {
    font-size: var(--corpo-mobile);
  }
  .pullquote p {
    font-size: 18px;
  }

  /* Produto reveal */
  .produto-reveal {
    flex-direction: column;
    text-align: center;
  }
  .produto-reveal__img {
    flex: none;
    max-width: 200px;
    margin: 0 auto;
  }

  /* Ingredientes */
  .ingredientes-grid {
    grid-template-columns: 1fr;
  }

  /* Depoimentos */
  .depoimentos-grid {
    grid-template-columns: 1fr;
  }

  /* Kits */
  .kits-grid {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .kit-card--destaque {
    transform: none;
  }

  /* Garantia */
  .garantia-box {
    flex-direction: column;
    text-align: center;
    padding: var(--space-lg);
  }
  .garantia-box__icone {
    margin: 0 auto;
  }

  /* CTA */
  .btn-cta {
    display: block;
    width: 100%;
    padding: 18px 24px;
  }
  .btn-cta--center {
    max-width: none;
  }

  /* Autoridade */
  .autoridade-box {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .autoridade-box__img {
    flex: none;
    max-width: 160px;
    margin: 0 auto;
  }
  .autoridade-box__credenciais li {
    text-align: left;
  }

  /* Urgência biológica */
  .urgencia-fato {
    gap: var(--space-sm);
  }
  .urgencia-fato__icone {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }
  .urgencia-fato__icone svg {
    width: 20px;
    height: 20px;
  }

  /* Timeline */
  .timeline {
    padding-left: var(--space-md);
  }
  .timeline__item::before {
    left: calc(-1 * var(--space-md) - 7px);
  }

  /* Pagamento */
  .pagamento-icones {
    gap: var(--space-md);
  }

  /* Header */
  .header {
    padding: var(--space-md) var(--pad-mobile);
  }

  /* Footer */
  .footer {
    padding: var(--space-xl) var(--pad-mobile) var(--space-md);
  }
  .footer__links {
    flex-direction: column;
    align-items: center;
  }
}

/* ══════════════════════════════════════
   ANIMAÇÃO — Destaque nos Kit Cards
   Ativada via JS quando o usuário clica
   em um CTA e é levado até a seção #kits
   ══════════════════════════════════════ */

/* Pulso de destaque */
@keyframes kit-pulse {
  0% { box-shadow: var(--sombra-card-forte); }
  50% { box-shadow: 0 0 0 6px rgba(212, 88, 15, 0.2), 0 4px 20px rgba(0,0,0,0.12); }
  100% { box-shadow: var(--sombra-card-forte); }
}

.kit-card--highlight {
  animation: kit-pulse 0.8s ease-in-out 2;
}

/* Seta indicadora no botão de checkout */
.kit-card .btn-cta {
  position: relative;
}

.kit-card .btn-cta::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  margin-left: 8px;
  vertical-align: middle;
  transition: transform 0.2s ease;
}

.kit-card .btn-cta:hover::after {
  transform: rotate(-45deg) translate(2px, 2px);
}

/* Texto auxiliar abaixo do botão */
.kit-card__cta-hint {
  display: block;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--cor-texto-sec);
  margin-top: 8px;
  text-align: center;
  opacity: 0.75;
}