/* ==========================================================================
   SOLO PARA EL INICIO DEL PORTAL PRINCIPAL (MÉTODO LIMPIO)
   ========================================================================== */

/* 1. Forzar al contenedor del logo a ocupar el 100% real de la pantalla */
.pkp_page_index.pkp_op_index .pkp_site_name_wrapper {
    position: relative !important;
    width: 100vw !important; 
    max-width: 100vw !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important; 
    margin-right: -50vw !important;
    padding: 0 !important;
    background: #0f2c59 !important; 
    overflow: hidden;
}

/* 2. Hacer que el enlace de la imagen ocupe todo el espacio */
.pkp_page_index.pkp_op_index .pkp_site_name_wrapper a.is_img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 160px !important; 
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Estirar la imagen para que actúe como fondo completo sin deformarse */
.pkp_page_index.pkp_op_index .pkp_site_name_wrapper img {
    width: 100% !important;
    height: 160px !important; 
    object-fit: cover !important; 
    object-position: left center !important; 
    display: block !important;
    max-width: 100% !important;
}

/* ==========================================================================
   RESETEO SEGURO PARA REVISTAS INTERNAS
   (Esto repara lo que el código de arriba rompa en las revistas)
   ========================================================================== */

/* Si el cuerpo tiene cualquier clase de contexto de revista (que no sea index), 
   devolvemos el contenedor del logo a su estado normal */
body[class*="pkp_context_"]:not(.pkp_context_index) .pkp_site_name_wrapper {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    padding: 20px 0 !important; /* Ajusta según el diseño original de tu revista */
    background: transparent !important;
}

body[class*="pkp_context_"]:not(.pkp_context_index) .pkp_site_name_wrapper a.is_img,
body[class*="pkp_context_"]:not(.pkp_context_index) .pkp_site_name_wrapper img {
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    display: inline-block !important;
}