/* ============================================
 * SISTEMA TIPOGRÁFICO DE ENCABEZADOS
 * Jerarquía visual coherente para ExpoNinot
 *
 * Aplica en:
 *   - Todo el contenido generado por WordPress (.entry-content)
 *   - Toda el área principal (.site-main)
 *
 * Excluye:
 *   - #hero (tiene su propia estética en la cabecera)
 *   - .expo-card, article (tarjetas con tamaños propios)
 * ============================================ */

/* === H1 — Título Principal de Página === */
.entry-content h1:not(#hero h1),
.site-main h1:not(#hero h1) {
    font-family: "Playfair Display", serif !important;
    font-style: italic !important;
    font-weight: 900 !important;
    font-size: 3rem !important;
    line-height: 1.2 !important;
    color: var(--color-expo-oscuro, #0B0B0C) !important;
    text-align: center;
    margin-top: 3.5rem;
    margin-bottom: 2.5rem;
}

/* === H2 — Subtítulo de Sección === */
.entry-content h2:not(#hero h2),
.site-main h2:not(#hero h2) {
    font-family: "Playfair Display", serif !important;
    font-style: italic !important;
    font-weight: 900 !important;
    font-size: 2.25rem !important;
    line-height: 1.3 !important;
    color: var(--color-expo-oscuro, #0B0B0C) !important;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0.75rem;
}

/* === H3 — Encabezado de Bloque === */
.entry-content h3:not(#hero h3):not(.expo-card h3):not(article h3),
.site-main h3:not(#hero h3):not(.expo-card h3):not(article h3) {
    font-family: "Playfair Display", serif !important;
    font-style: italic !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    line-height: 1.35 !important;
    color: var(--color-expo-oscuro, #0B0B0C) !important;
    text-align: center;
    margin-top: 0;
    margin-bottom: 1rem;
}

/* === H4 — Encabezado Secundario de Contenido === */
.entry-content h4:not(#hero h4),
.site-main h4:not(#hero h4) {
    font-family: "Playfair Display", serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 1.375rem !important;
    line-height: 1.4 !important;
    color: var(--color-expo-oscuro, #0B0B0C) !important;
    margin-top: 1.75rem;
    margin-bottom: 0.75rem;
}

/* === H5 — Etiqueta / Subtítulo Funcional === */
.entry-content h5:not(#hero h5),
.site-main h5:not(#hero h5) {
    font-family: "Inter Tight", sans-serif !important;
    font-style: normal !important;
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    line-height: 1.45 !important;
    color: var(--color-expo-oscuro, #0B0B0C) !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

/* === H6 — Micro-Encabezado / Nota === */
.entry-content h6:not(#hero h6),
.site-main h6:not(#hero h6) {
    font-family: "Inter Tight", sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 0.925rem !important;
    line-height: 1.5 !important;
    color: var(--color-expo-carmesi, #D32F2F) !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}

/* === Primer encabezado de página: más separación del menú === */
.entry-content h1:first-child,
.entry-content > .wp-block-group:first-child h1,
.entry-content > .wp-block-group:first-child h2 {
    margin-top: 4rem;
}

/* === Excepción: H3 dentro de tarjetas y artículos (respetan su Tailwind) === */
.expo-card h3,
.site-main article h3 {
    font-family: "Playfair Display", serif !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-size: 1.125rem !important;  /* Tailwind text-lg aprox */
    line-height: 1.25 !important;
    text-align: left !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Centrar texto en tarjetas de Eventos específicamente */
.site-main .grid .text-center h3 {
    text-align: center !important;
}