/* =====================================================================
   Paleta cálida — meditacionchile.org
   Solo colores + tipografía de títulos. Sin cambios de estructura.
   Cargar SIEMPRE después de material-kit-pro.css.
   ===================================================================== */

:root {
  /* Fondos */
  --fondo-base: #F7F3EC;
  --fondo-alterno: #EFE6D6;
  --fondo-tarjeta: #F7F3EC;

  /* Texto */
  --titulos: #2E3A32;
  --texto: #3E4A42;
  --texto-suave: #5F6B60;

  /* Marca */
  --salvia: #8FA98A;
  --salvia-oscuro: #6E8A69;
  --azul: #4A7A8C;

  /* Acción */
  --cta: #C97B5D;
  --cta-hover: #B5654A;
  --cta-texto: #FFF6EF;

  /* Especiales */
  --overlay-hero: rgba(46, 58, 50, 0.5);
  --estrellas: #D4B96A;
  --borde: #DFD3BC;
  --footer-bg: #2E3A32;
  --footer-texto: #F7F3EC;
  --footer-secundario: #8FA98A;
  --whatsapp: #25D366;
}

/* ---------- Tipografía de títulos (solo h1–h6) ---------- */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.3;
  color: var(--titulos);
}

/* ---------- Fondos base ---------- */
body,
body.bg-gray-200,
.bg-gray-200 {
  background-color: var(--fondo-base) !important;
  color: var(--texto);
}

.bg-gray-100 {
  background-color: var(--fondo-alterno) !important;
}

/* ---------- Texto ---------- */
p { color: var(--texto); }

.text-muted {
  color: var(--texto-suave) !important;
}

/* Nada de blanco puro: todo texto "blanco" pasa a crema */
.text-white {
  color: #F7F3EC !important;
}

/* ---------- Hero: overlay del video (y hero de empresas) ---------- */
.page-header .mask {
  background: var(--overlay-hero) !important;
}

/* Estrellas del hero (inline style #fbbf24) */
.page-header p[style*="color"] {
  color: var(--estrellas) !important;
}

/* ---------- Botones de reserva: ÚNICO elemento terracota ---------- */
a.btn[href^="https://reservas.meditacionchile.org"] {
  background: var(--cta) !important;
  background-image: none !important;
  color: var(--cta-texto) !important;
  border: none;
}
a.btn[href^="https://reservas.meditacionchile.org"]:hover,
a.btn[href^="https://reservas.meditacionchile.org"]:focus {
  background: var(--cta-hover) !important;
  color: var(--cta-texto) !important;
}

/* ---------- Botones WhatsApp en el flujo: estilo ghost ---------- */
a.btn[href^="https://wa.me"] {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid var(--salvia) !important;
  color: var(--salvia-oscuro) !important;
  box-shadow: none;
}
a.btn[href^="https://wa.me"]:hover {
  background: rgba(143, 169, 138, 0.15) !important;
  color: var(--salvia-oscuro) !important;
}
/* En el hero (sobre video oscuro) el texto del ghost va en crema */
.page-header a.btn[href^="https://wa.me"] {
  color: #F7F3EC !important;
}
.page-header a.btn[href^="https://wa.me"]:hover {
  color: #FFFFFF !important;
}

/* Burbuja flotante: verde salvia, a juego con el botón del menú */
.whatsapp-float {
  background-color: var(--salvia-oscuro) !important;
  color: #fff !important;
}

/* ---------- Números de pasos ---------- */
.step-number {
  background: var(--salvia) !important;
  background-image: none !important;
  color: #fff;
}

/* ---------- Íconos Material (cajas de ícono) ---------- */
.icon.icon-shape {
  background: var(--salvia-oscuro) !important;
  background-image: none !important;
}

/* ---------- Tarjetas ---------- */
.card {
  background-color: var(--fondo-tarjeta);
  border: 1px solid var(--borde);
  box-shadow: none !important;
}

/* Testimonio destacado (era morado con texto blanco) */
.card.bg-gradient-primary {
  background: var(--fondo-tarjeta) !important;
  background-image: none !important;
}
.card.bg-gradient-primary .text-white,
.card.bg-gradient-primary p,
.card.bg-gradient-primary span,
.card.bg-gradient-primary small {
  color: var(--texto) !important;
}

/* Historia real: borde de acento */
.border-info {
  border-color: var(--salvia) !important;
}

/* ---------- "¿Es este método para ti?" ---------- */
#es-para-ti .card[style*="background-color"] {
  background-color: rgba(143, 169, 138, 0.18) !important;
}
#es-para-ti .material-icons[style*="color"] {
  color: var(--salvia-oscuro) !important;
}
#es-para-ti .material-icons.text-muted {
  color: var(--azul) !important;
}

/* ---------- Estrellas de testimonios ---------- */
.fa-star.text-warning,
.rating .fa-star {
  color: var(--estrellas) !important;
}

/* ---------- Links de texto ---------- */
.text-primary,
.text-info {
  color: var(--azul) !important;
}
p a:not(.btn),
.card-body a:not(.btn) {
  color: var(--azul);
  text-decoration: underline;
}

/* ---------- Bandas destacadas (clase de prueba, CTA final) ---------- */
section.bg-gradient-primary,
section.bg-gradient-dark,
.my-10.bg-gradient-dark {
  background: var(--footer-bg) !important;
  background-image: none !important;
}
/* Texto dentro de bandas oscuras: crema, no el gris de párrafo global */
section.bg-gradient-primary p,
section.bg-gradient-dark p,
.page-header p {
  color: #F7F3EC;
}

/* ---------- Navbar ---------- */
.navbar.blur {
  background-color: rgba(247, 243, 236, 0.88) !important;
}
.navbar .nav-link {
  color: var(--texto);
}

/* ---------- Sticky mobile CTA ---------- */
.sticky-mobile-cta {
  background: var(--fondo-base) !important;
}

/* ---------- Footer ---------- */
.footer {
  background: var(--footer-bg);
}
.footer h6,
.footer p,
.footer .nav-link {
  color: var(--footer-texto);
}
.footer .nav-link:hover {
  color: var(--footer-secundario);
}
.footer .text-dark {
  color: var(--footer-texto) !important;
}
.footer a.font-weight-bold {
  color: var(--footer-secundario);
}
.footer .fab,
.footer .material-icons {
  color: var(--footer-secundario);
}
.footer .text-sm.text-muted {
  color: var(--footer-secundario) !important;
}
/* Línea de red internacional (inline #8898aa) */
.footer p[style*="color"] {
  color: var(--footer-secundario) !important;
}