/* ========================================================
   Tema Deauditu - CSS Optimizado y Personalizado
   Revista Ingenio - Paleta Corporativa Acorde al Banner
   ======================================================== */

/* 0. ESTRUCTURA Y FONDOS GENERALES */
/* Asegura que el contenedor del contenido sea blanco para que contraste con los textos oscuros */
.pkp_structure_page {
    background-color: #ffffff;
}

body {
    font-size: 1.6rem !important; 
}

/* 1. BARRA DE NAVEGACIÓN (Header) */
.navbar-default {
    background-color: #254696 !important; /* Azul rey del banner */
    border-color: #ffb000 !important;     /* Borde inferior amarillo-naranja de acento */
}

/* Color del texto y links principales de navegación */
.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
    color: #ffffff !important; 
    font-weight: bold;
    font-size: 1.25rem;
    transition: color 0.2s ease-in-out;
}

/* Color al pasar el cursor (Hover) y Focus en el menú principal */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffb000 !important; /* Amarillo-naranja en hover */
    background-color: transparent !important;
}

/* Menú desplegable (Dropdown) de navegación (ej: "Acerca de") */
.navbar-default .navbar-nav .dropdown-menu {
    background-color: #ffffff;
    border: 2px solid #ffb000; /* Borde de acento amarillo-naranja */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.navbar-default .navbar-nav .dropdown-menu > li > a {
    color: #333333 !important;
    transition: background-color 0.2s, color 0.2s;
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li > a:focus {
    background-color: #254696 !important; /* Fondo azul rey */
    color: #ffb000 !important;             /* Texto amarillo-naranja para buen contraste */
}

/* 2. ENLACES DE USUARIO (Registrarse / Iniciar Sesión) */
#navigationUser > li > a {
    color: #ffffff !important;
    font-weight: 500;
    transition: color 0.2s ease-in-out;
}
#navigationUser > li > a:hover,
#navigationUser > li > a:focus {
    color: #ffb000 !important; /* Amarillo-naranja en hover */
    background-color: transparent !important;
    text-decoration: none;
}

/* Icono caret (triangulito de menú desplegable) en blanco */
.navbar-default .navbar-nav .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-default .navbar-nav .dropdown:hover .caret,
.navbar-default .navbar-nav .dropdown:focus .caret {
    border-top-color: #ffb000;
    border-bottom-color: #ffb000;
}

/* 3. BOTONES PRINCIPALES (Descargas de PDF, Ver más, etc) */
.btn-primary {
    background-color: #254696 !important; /* Fondo azul rey */
    border-color: #1a326c !important;     /* Borde azul oscuro coherente */
    color: #ffffff !important;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

/* Efecto Hover, Focus y Active en botones primarios */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #1080e0 !important; /* Azul más claro del banner */
    border-color: #ffb000 !important;     /* Borde amarillo-naranja de enfoque */
    color: #ffffff !important;
}

/* Personalización del botón de búsqueda del header */
.navbar-form .btn-default {
    background-color: #ffffff;
    border-color: #ccc;
    color: #333;
    transition: all 0.2s ease-in-out;
}
.navbar-form .btn-default:hover {
    background-color: #254696;
    color: #ffb000; /* Texto amarillo-naranja */
    border-color: #254696;
}

/* 4. ENLACES Y TEXTOS DE ÉNFASIS */
a {
    color: #254696; /* Enlaces en azul rey */
    transition: color 0.2s ease-in-out;
}

/* Cambio de color en hover para dar feedback visual al usuario */
a:hover,
a:focus {
    color: #1080e0; /* Azul claro en hover */
    text-decoration: underline;
}

/* Títulos de los artículos/avisos en la lista principal */
.media-heading a {
    color: #254696 !important;
    font-weight: 600;
}
.media-heading a:hover {
    color: #1080e0 !important;
}

/* 5. ETIQUETAS, BADGES Y SECCIONES */
.label-primary {
    background-color: #254696 !important;
}

/* Color corregido de la insignia (badge) para mejor accesibilidad y contraste */
.badge {
    background-color: #ffb000 !important; /* Fondo amarillo-naranja */
    color: #1a1a1a !important;             /* Texto oscuro para legibilidad óptima */
    font-weight: bold;
}

/* 6. BARRA LATERAL (Sidebar) */
/* Da estilo a los títulos de los bloques del sidebar lateral */
#sidebar .pkp_block .title {
    color: #254696;
    border-bottom: 2px solid #ffb000; /* Borde inferior amarillo-naranja */
    padding-bottom: 5px;
    margin-bottom: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.1rem;
}

/* Bloque personalizado de Nuestras Revistas */
#customblock-nuestras-revistas .nav-pills > li > a {
    color: #254696 !important;       
    background-color: transparent;
    transition: all 0.2s ease;
}
#customblock-nuestras-revistas .nav-pills > li > a:hover,
#customblock-nuestras-revistas .nav-pills > li > a:focus {
    color: #1080e0 !important;       
    background-color: #f5f5f5 !important; /* Fondo gris claro suave */
    text-decoration: none;
}
#customblock-nuestras-revistas .nav-pills > li.active > a,
#customblock-nuestras-revistas .nav-pills > li.active > a:hover,
#customblock-nuestras-revistas .nav-pills > li.active > a:focus {
    background-color: #254696 !important; 
    color: #ffffff !important;             
}

/* Pestaña activa en los menús laterales generales */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #254696 !important;
    color: #ffffff !important;
}

/* Botón llamativo para el envío de artículos (Make a Submission) */
.block_make_submission_link {
    background-color: #254696 !important;
    color: #ffffff !important;
    border: 1px solid #1a326c !important;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    padding: 10px 15px;
    display: block;
    transition: all 0.2s ease-in-out;
}
.block_make_submission_link:hover {
    background-color: #1080e0 !important; /* Cambio a azul más claro */
    border-color: #ffb000 !important;     /* Borde amarillo-naranja */
    color: #ffffff !important;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(37, 70, 150, 0.2);
}

/* 7. PIE DE PÁGINA (Footer) */
.footer {
    color: #333333 !important;
    border-top: 4px solid #ffb000; /* Borde superior en amarillo-naranja */
    padding: 25px 0;
}
.footer a {
    color: #254696;
    font-weight: bolder;
    transition: color 0.2s;
}
.footer a:hover {
    color: #1080e0;
    text-decoration: underline;
}

/* 8. RUTA DE NAVEGACIÓN (Breadcrumbs) */
.breadcrumb > li > a {
    color: #333333 !important;
    transition: color 0.2s;
}
.breadcrumb > li > a:hover {
    color: #254696 !important;
}
.breadcrumb > li.active {
    color: #254696 !important;
}

/* 9. CABECERA DEL VISOR DE DOCUMENTOS (Visor de PDF / HTML) */
.header_view {
    background-color: #254696 !important; /* Fondo azul rey */
    border-bottom: 2px solid #ffb000 !important; /* Borde inferior amarillo-naranja */
}

/* Enlaces del visor (Título, Volver y Descarga) */
.header_view a,
.header_view .title,
.header_view .return {
    color: #ffffff !important;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.2s ease;
}

.header_view a:hover,
.header_view .title:hover,
.header_view .return:hover {
    color: #ffb000 !important; /* Hover en amarillo-naranja */
    text-decoration: none;
}

/* Botón descargar dentro del visor */
.header_view .download .label {
    background-color: #254696 !important;  
    border: 1px solid #ffb000 !important;   /* Borde amarillo-naranja */
    color: #ffffff !important;
    padding: 6px 12px;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

/* Efecto Hover para el botón descargar */
.header_view .download:hover .label,
.header_view .download .label:hover {
    background-color: #ffb000 !important;   /* Invierte a fondo amarillo-naranja */
    color: #254696 !important;              /* Texto azul rey */
    border-color: #254696 !important;
}

/* Bugfixs: utils */
.sections {
    padding-top: 15px;
}