/* ============================================================
 * CertiFolio Style — Solo textos y fondo
 * Aplicado: 2026-05-07
 * Rollback: bash /opt/wordpress/backups/pre-certifolio-style-20260507-233521/ROLLBACK.sh
 * ============================================================ */

/* ── FONDO — canvas #F8FAFD (crema-azulado CertiFolio) ────── */
html, body {
  background-color: #F8FAFD !important;
}

/* ── TEXTOS PRINCIPALES — ink #30336b ─────────────────────── */
body,
.col-inner,
.section-title,
.widget-title,
h1, h2, h3, h4, h5, h6 {
  color: #30336b !important;
}

/* ── TEXTOS SECUNDARIOS — slate #4A5568 ───────────────────── */
p,
.text-box p,
.col-inner p,
.box-text p,
li {
  color: #4A5568 !important;
}

/* ── TEXTOS TERCIARIOS / MUTED — #8A97A9 ─────────────────── */
.breadcrumbs,
.nav-breadcrumbs,
small,
.meta,
.posted_in,
.tagged_as {
  color: #8A97A9 !important;
}

/* ── SECCIONES CON FONDO OSCURO — restaurar textos blancos ── */
/* Flatsome marca secciones oscuras con .dark                  */
/* También incluimos el CTA de suscripción por su row ID       */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6,
.dark p, .dark li, .dark a, .dark span,
.dark .col-inner, .dark .section-title, .dark .widget-title,
.dark .text-box p, .dark .col-inner p, .dark .box-text p,
#row-564207863 h1, #row-564207863 h2, #row-564207863 h3,
#row-564207863 h4, #row-564207863 h5, #row-564207863 h6,
#row-564207863 p, #row-564207863 li, #row-564207863 a,
#row-564207863 span, #row-564207863 .col-inner {
  color: #ffffff !important;
}
.dark a:hover,
#row-564207863 a:hover {
  color: #BBD4F7 !important;
}

/* ── FOOTER (sección de widgets) — restaurar textos blancos ── */
.footer-wrapper,
.footer-wrapper .col-inner,
.footer-wrapper .widget-title,
.footer-wrapper h1, .footer-wrapper h2, .footer-wrapper h3,
.footer-wrapper h4, .footer-wrapper h5, .footer-wrapper h6,
.footer-wrapper p, .footer-wrapper .text-box p,
.footer-wrapper .col-inner p, .footer-wrapper .box-text p,
.footer-wrapper li, .footer-wrapper a, .footer-wrapper span {
  color: #ffffff !important;
}
.footer-wrapper a:hover {
  color: #BBD4F7 !important;
}