/* SUR-ES - ajustes de estilo personalizados */

/* Banner del header de borde a borde (todo el ancho de la pantalla).
   Por defecto el tema de OJS mete el logo en una franja de ~40px de alto,
   lo recorta y lo limita a la columna central. Estas reglas sacan el banner
   de esa columna y lo llevan al ancho completo de la ventana. */

.pkp_site_name_wrapper {
    height: auto;
    padding-left: 0;
    padding-right: 0;
}

.pkp_site_name {
    position: static !important;
    left: auto !important;
    right: auto !important;
    width: 100vw !important;              /* ancho completo de la ventana */
    margin-left: calc(50% - 50vw) !important; /* rompe la columna centrada */
    padding: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    text-align: center !important;
}

.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
}