/*
 * Estilos escopados por seção/componente.
 *
 * Este arquivo é a ÚNICA fonte de verdade para a cor do texto de cada
 * elemento da página. Ele é carregado DEPOIS de assets/styles-BbiCnY4g.css
 * (que é gerado automaticamente pelo build do Tailwind e não deve ser
 * editado manualmente — qualquer edição nele será perdida em um novo build).
 *
 * Cada seção tem suas próprias classes (ex: .offer-title, .hero-title).
 * Alterar uma classe aqui NUNCA afeta outra seção, mesmo que os valores
 * de cor sejam parecidos.
 *
 * As variáveis abaixo guardam somente a identidade visual da marca
 * (paleta de cores). Elas não controlam texto diretamente — cada classe
 * de seção decide, individualmente, qual variável (ou valor) usar.
 */

:root {
  --color-brand-blue: #1d4ed8;
  --color-brand-navy: #1e3a8a;
  --color-brand-dark: #0f172a;
  --color-brand-slate-700: #314158;
  --color-brand-slate-600: #45556c;
  --color-brand-slate-500: #62748e;
  --color-brand-red: #b91c1c;
  --color-brand-white: #ffffff;
}

/* ===== Banner promocional (topo) ===== */
.promo-banner {
  color: var(--color-brand-white);
}

/* ===== Seção Hero ===== */
.hero-title {
  color: var(--color-brand-navy);
}
.hero-subtitle {
  color: var(--color-brand-slate-700);
}
.hero-subtitle-highlight {
  color: var(--color-brand-blue);
}
.hero-description {
  color: var(--color-brand-slate-600);
}

/* ===== Seção "¿TE IDENTIFICAS?" (problema) ===== */
.problem-title {
  color: var(--color-brand-navy);
}
.problem-subtitle {
  color: var(--color-brand-slate-600);
}
.problem-card-title {
  color: var(--color-brand-dark);
}
.problem-card-description {
  color: var(--color-brand-slate-600);
}

/* ===== Seção "¿QUÉ ES?" (about) ===== */
.about-title {
  color: var(--color-brand-navy);
}
.about-description {
  color: var(--color-brand-slate-600);
}
.about-highlight {
  color: var(--color-brand-dark);
}

/* ===== Seção "MIRA ALGUNAS PARTES DEL MANUAL" (preview) ===== */
.preview-title {
  color: var(--color-brand-navy);
}
.preview-description {
  color: var(--color-brand-slate-600);
}
.preview-highlight {
  color: var(--color-brand-blue);
}
.preview-bullet-item {
  color: var(--color-brand-slate-700);
}

/* ===== Seção "QUÉ VIENE DENTRO" (included) ===== */
.included-title {
  color: var(--color-brand-navy);
}
.included-subtitle {
  color: var(--color-brand-slate-600);
}
.included-feature-label {
  color: var(--color-brand-dark);
}
.included-bonus-heading {
  color: var(--color-brand-navy);
}
.included-bonus-label {
  color: var(--color-brand-blue);
}
.included-bonus-title {
  color: var(--color-brand-dark);
}
.included-bonus-description {
  color: var(--color-brand-slate-600);
}

/* ===== Seção "QUIENES YA COMPRARON" (testimonials) ===== */
.testimonials-title {
  color: var(--color-brand-navy);
}
.testimonial-quote {
  color: var(--color-brand-slate-700);
}
.testimonial-name {
  color: var(--color-brand-dark);
}
.testimonial-location {
  color: var(--color-brand-blue);
}

/* ===== Seção de oferta / checkout (#comprar) ===== */
.offer-title {
  color: var(--color-brand-navy);
}
.offer-subtitle {
  color: var(--color-brand-slate-600);
}
.offer-countdown-label {
  color: var(--color-brand-red);
}
.offer-countdown-timer {
  color: var(--color-brand-red);
}
.offer-badge-featured {
  color: var(--color-brand-white);
}
.offer-plan-title {
  color: var(--color-brand-navy);
}
.offer-plan-old-price {
  color: var(--color-brand-slate-500);
}
.offer-plan-price {
  color: var(--color-brand-blue);
}
.offer-plan-price-unit {
  color: var(--color-brand-slate-600);
}
.offer-feature-item {
  color: var(--color-brand-slate-700);
}
.offer-feature-item-bonus {
  color: var(--color-brand-navy);
}
.offer-plan-footnote {
  color: var(--color-brand-slate-500);
}
.offer-receive-title {
  color: var(--color-brand-navy);
}
.offer-receive-item {
  color: var(--color-brand-slate-700);
}

/* Ganchos para diferenciar os dois planos sem duplicar classes de texto.
   Exemplo de uso futuro: apenas o plano PRO em dourado, sem tocar no básico:
   .offer-plan-card--pro .offer-plan-price { color: #f59e0b; } */
.offer-plan-card--basic {
}
.offer-plan-card--pro {
}

/* ===== Seção "GARANTÍA DE 7 DÍAS" ===== */
.guarantee-title {
  color: var(--color-brand-navy);
}
.guarantee-description {
  color: var(--color-brand-slate-600);
}

/* ===== Seção "PREGUNTAS FRECUENTES" (faq) ===== */
.faq-title {
  color: var(--color-brand-navy);
}
.faq-question {
  color: var(--color-brand-navy);
}
.faq-answer {
  color: var(--color-brand-slate-600);
}