/* ============================================================
   ha-typography.css — Sistema tipográfico por nivel de encabezado
   Una familia tipográfica ESPECÍFICA para cada <h1>…<h6>, aplicada
   de forma global (se carga en el layout main.php) para que la
   jerarquía visual de los encabezados sea coherente en TODO el sitio.

   Escala / familia por nivel:
     h1 → Oswald      (display condensada, impacto de hero)
     h2 → Poppins     (geométrica, títulos de sección)
     h3 → Montserrat  (corporativa limpia, subsecciones)
     h4 → Raleway     (elegante, encabezados menores)
     h5 → Poppins     (continuidad con h2 en bloques densos)
     h6 → Montserrat  (continuidad con h3, etiquetas)

   Sólo se fuerza font-family (con !important) para ganar a las
   reglas de componente del tema; el color, tamaño y peso siguen
   gobernados por el tema/ha-seo para no romper diseños existentes.
   Las clases .h1…​.h6 (Bootstrap) se incluyen para cubrir títulos
   que usan la clase en vez de la etiqueta semántica.
   ============================================================ */

h1, .h1 { font-family: 'Oswald', 'Roboto Condensed', sans-serif !important; letter-spacing: .4px; }
h2, .h2 { font-family: 'Poppins', 'Segoe UI', sans-serif !important; }
h3, .h3 { font-family: 'Montserrat', 'Segoe UI', sans-serif !important; }
h4, .h4 { font-family: 'Raleway', 'Segoe UI', sans-serif !important; }
h5, .h5 { font-family: 'Poppins', 'Segoe UI', sans-serif !important; }
h6, .h6 { font-family: 'Montserrat', 'Segoe UI', sans-serif !important; }

/* Oswald rinde fino en su peso por defecto: aseguramos cuerpo
   suficiente en los h1 de hero sin pisar pesos mayores del tema. */
h1, .h1 { font-weight: 700; }

/* NOTA: los iconos dentro de encabezados (<i class="fa">, [class^="flaticon-"])
   conservan su propia familia tipográfica vía su clase; un font-family
   !important en el elemento padre NO se propaga a los hijos, así que no
   hace falta ninguna regla defensiva para ellos. */