/* ==========================================================================
   0. EVITAR SCROLL HORIZONTAL (efecto lateral del truco 100vw del banner)
   ========================================================================== */
html, body {
    overflow-x: hidden !important;
}

/* ==========================================================================
   1. CABECERA CON LOGO GRANDE Y CENTRADO (Estilo REDIE)
   ========================================================================== */
header.navbar,
.navbar-default {
    background-color: #ffffff !important;
    border: none !important;
    border-bottom: 2px solid #e6e6e6 !important;
    border-radius: 0 !important;
    margin-bottom: 30px !important;
    padding: 15px 0 !important;
}

/* Color de texto oscuro para el menú, ya que el fondo ahora es blanco */
.navbar-default .navbar-nav > li > a,
.navbar-default #navigationUser a {
    color: #555555 !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default #navigationUser a:hover {
    color: #43AEC2 !important;
}

/* Centrar el bloque del logo en vez de alinearlo a la izquierda */
.navbar-header {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
}

.site-name {
    margin: 0 !important;
    width: 100% !important;
}

/* Logo real confirmado en el HTML: h1.site-name > a.navbar-brand.navbar-brand-logo > img */
.navbar-brand.navbar-brand-logo {
    float: none !important;
    display: inline-block !important;
    height: auto !important;
    line-height: normal !important;
    padding: 10px 0 !important;
}

.navbar-brand.navbar-brand-logo img {
    max-height: 110px !important;
    width: auto !important;
    margin: 0 auto !important;
    display: inline-block !important;
}

/* ==========================================================================
   2. IMAGEN DE INICIO A PANTALLA COMPLETA (banner estilo hero, como REDIE)
   ========================================================================== */
/* Clase real confirmada en el HTML: .homepage-image (contiene <img class="img-responsive">) */
.page_index_journal .homepage-image {
    display: block !important;
    width: calc(100vw + 20px) !important;
    height: 225px !important;
    max-width: calc(100vw + 20px) !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: calc(-50vw - 10px) !important;
    margin-right: calc(-50vw - 10px) !important;
    margin-bottom: 30px !important;
    overflow: hidden !important;
}

.page_index_journal .homepage-image img.img-responsive {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: right center !important;
    display: block !important;
    margin: 0 !important;
}

/* ==========================================================================
   3. ALINEACIÓN DE ESTRUCTURA Y BARRA LATERAL
   ========================================================================== */
.pkp_structure_content,
.page_index_journal {
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

.pkp_structure_main {
    float: left !important;
    width: 68% !important;
    padding-right: 30px !important;
    clear: none !important;
}

.pkp_structure_sidebar {
    float: right !important;
    width: 30% !important;
    clear: none !important;
    /* Empuja el sidebar para que empiece debajo de la imagen de inicio
       (altura fija del banner: 225px + 30px de margen = 255px) */
    margin-top: 255px !important;
}

/* ==========================================================================
   4. ESTILOS DE TÍTULOS Y BOTONES (Cian INS)
   ========================================================================== */
.current_issue_title, .page-header h1, h1, h2, h3 {
    color: #43AEC2 !important;
    font-weight: bold !important;
}

.obj_galley_link, .galley_link, .btn-primary {
    background-color: #43AEC2 !important;
    border-color: #3894a5 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    padding: 4px 10px !important;
}

.obj_galley_link:hover, .btn-primary:hover {
    background-color: #318a9b !important;
}

.pkp_structure_sidebar .block {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
}