/* ESTILOS DEL HEADER Y TOP HEADER - GENERATEPRESS */

.top-header {
    background-color: #004a99; /* Azul corporativo */
    color: #ffffff;
    padding: 8px 0;
    font-size: 0.85rem;
}

.top-header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-header-contact {
    display: flex;
    gap: 20px;
}

.top-header-contact a {
    color: #fff !important;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
}

.top-header-social {
    display: flex;
    gap: 15px;
}

.top-header-social a {
    color: #fff !important;
}

/* OPTIMIZACIÓN MÓVIL TOP HEADER */
@media (max-width: 768px) {
    .top-header-contact {
        gap: 15px;
        font-size: 0; /* Oculta texto */
    }
    .top-header-contact i {
        font-size: 18px;
    }
    .top-header-container {
        justify-content: center;
        gap: 20px;
    }
}

/* --- ESTILOS DEL MENÚ PRINCIPAL --- */
.main-navigation .main-nav ul li a {
    font-size: 22px !important; /* Un poco más grande */
    font-weight: 500 !important; /* Negrita */
    letter-spacing: 0.5px;
}

.main-navigation .main-nav ul li a .dashicons {
    font-size: 24px;
    width: auto;
    height: auto;
}

/* Submenús */
.main-navigation ul ul li a {
    font-size: 18px !important;
    font-weight: 500 !important; /* Menos negrita */
    text-transform: none;
}

/* --- ESTILOS DE TÍTULOS DE PÁGINA --- */

/* Títulos más negrita (Extra Bold) */
.entry-title, h1.page-title {
    font-weight: 900 !important;
    color: #1a202c;
    margin-bottom: 30px;
}

/* Ocultar título en la página de INICIO */
.home .entry-title, .home h1.page-title {
    display: none !important;
}


/* --- OCULTAR CONTENIDO EN MÓVIL CUANDO EL MENÚ ESTÁ ABIERTO --- */
@media (max-width: 768px) {
    html.mobile-menu-open #page,
    html.mobile-menu-open .site-footer,
    html.mobile-menu-open footer {
        display: none !important;
    }
}