/* ========================================================
   Tema Deauditu - CSS Optimizado y Personalizado
   ======================================================== */

/* 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: rgb(155, 2, 2) !important; /* Fondo principal de la cabecera (rojo oscuro) */
    border-color: #a60000 !important;             /* Borde inferior de la cabecera */
}

/* 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;
}

/* 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: rgb(254, 207, 207) !important; 
    background-color: transparent !important;
}

/* Menú desplegable (Dropdown) de navegación (ej: "Acerca de") */
.navbar-default .navbar-nav .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #a60000;
}
.navbar-default .navbar-nav .dropdown-menu > li > a {
    color: #333333 !important;
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li > a:focus {
    background-color: #900201 !important;
    color: #ffffff !important;
}

/* 2. ENLACES DE USUARIO (Registrarse / Iniciar Sesión) */
/* Selector corregido para apuntar directamente a los enlaces dentro de la lista */
#navigationUser > li > a {
    color: #ffffff !important;
    font-weight: 500;
}
#navigationUser > li > a:hover,
#navigationUser > li > a:focus {
    color: rgb(254, 207, 207) !important;
    background-color: transparent !important;
    text-decoration: underline;
}

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

/* 3. BOTONES PRINCIPALES (Descargas de PDF, Ver más, etc) */
.btn-primary {
    background-color: #900201 !important;
    border-color: #440203 !important;
    color: #ffffff !important;
}

/* Efecto Hover, Focus y Active en botones primarios */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #a60000 !important;
    border-color: #440203 !important;
    color: #ffffff !important;
}

/* Personalización del botón de búsqueda del header para que no use el color gris base */
.navbar-form .btn-default {
    background-color: #ffffff;
    border-color: #ccc;
    color: #333;
}
.navbar-form .btn-default:hover {
    background-color: #900201;
    color: #ffffff;
    border-color: #900201;
}

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

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

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

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

/* Color corregido de la insignia (badge) para mejorar el contraste de accesibilidad */
.badge {
    background-color: #d93c2b !important; /* Rojo un poco más oscuro y contrastado con blanco */
    color: #ffffff !important;
}

/* 6. BARRA LATERAL (Sidebar) */
/* Da estilo a los títulos de los bloques del sidebar lateral */
#sidebar .pkp_block .title {
    color: #900201;
    border-bottom: 2px solid #900201;
    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: #900201 !important;       /* Rojo corporativo */
    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: #a60000 !important;       /* Rojo ligeramente más claro */
    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: #900201 !important; /* Fondo rojo corporativo */
    color: #ffffff !important;             /* Texto blanco para máximo contraste */
}

/* 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: #900201 !important;
    color: #ffffff !important;
}

/* Botón llamativo para el envío de artículos (Make a Submission) */
.block_make_submission_link {
    background-color: #900201 !important;
    color: #ffffff !important;
    border: 1px solid #440203 !important;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    padding: 10px 15px;
    display: block;
    transition: background-color 0.2s;
}
.block_make_submission_link:hover {
    background-color: #a60000 !important;
    color: #ffffff !important;
    text-decoration: none;
}

/* 7. PIE DE PÁGINA (Footer) */
.footer {
    color: #333333 !important;
    border-top: 4px solid #900201;
    padding: 25px 0;
}
.footer a {
    color: #333333;
    font-weight: bolder;
}
.footer a:hover {
    color: #a60000;
    text-decoration: underline;
}

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

/* 9. CABECERA DEL VISOR DE DOCUMENTOS (Visor de PDF / HTML) */
.header_view {
    background-color: rgb(155, 2, 2) !important; /* Fondo rojo de cabecera */
    border-bottom: 2px solid #a60000 !important; /* Borde inferior en rojo */
}

/* 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: rgb(254, 207, 207) !important;
    text-decoration: none;
}

/* Botón descargar dentro del visor */
.header_view .download .label {
    background-color: #900201 !important;  /* Fondo rojo oscuro corporativo */
    border: 1px solid #ffffff !important;    /* Borde blanco para darle forma de botón */
    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: #ffffff !important;   /* Invierte a fondo blanco */
    color: #900201 !important;              /* Texto rojo */
}

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