/*
 * INCAING — corrección del encabezado OJS
 * Objetivo: restaurar la portada configurada por OJS, evitando la altura forzada de 40px.
 * Basado en la inspección de header#headerNavigationContainer.pkp_structure_head.
 */

/* La imagen de portada YA la asigna OJS como background-image.
   No se fija aquí una URL para conservar la portada configurada en el sistema. */
#headerNavigationContainer.pkp_structure_head {
    height: 260px !important;
    min-height: 260px !important;
    max-height: none !important;
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    overflow: visible !important;
}

/* El contenedor interior ocupa el encabezado sin desplazarlo. */
#headerNavigationContainer .pkp_head_wrapper {
    position: relative !important;
    min-height: 260px !important;
    height: 260px !important;
    max-height: none !important;
    margin: 0 auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    overflow: visible !important;
}

/* Evita que el nombre del sitio provoque desplazamientos sobre la portada. */
#headerNavigationContainer .pkp_site_name_wrapper,
#headerNavigationContainer .pkp_site_name {
    margin: 0 !important;
}

/* Conserva la navegación y el usuario sin reglas globales sobre footer/sidebar. */
#headerNavigationContainer .pkp_site_nav_menu {
    position: relative !important;
}

/* Adaptación para pantallas medianas. */
@media (max-width: 1200px) {
    #headerNavigationContainer.pkp_structure_head,
    #headerNavigationContainer .pkp_head_wrapper {
        height: 220px !important;
        min-height: 220px !important;
    }
}

/* En móvil dejamos que OJS use una cabecera compacta y evitamos una portada enorme. */
@media (max-width: 767px) {
    #headerNavigationContainer.pkp_structure_head,
    #headerNavigationContainer .pkp_head_wrapper {
        height: 120px !important;
        min-height: 120px !important;
    }

    #headerNavigationContainer.pkp_structure_head {
        background-size: contain !important;
        background-position: center top !important;
    }
}