/* ========================================================
   Tema Deauditu - CSS Optimizado y Personalizado
   Revista Uirtus - 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: #801000 !important; /* Rojo granate oscuro del banner */
    border-color: #dfa511 !important;     /* Borde inferior dorado 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 */
/* Reemplazado el tono rosa anterior por el dorado de la marca */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #dfa511 !important; 
    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 #dfa511; /* Borde dorado premium */
    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: #801000 !important; /* Fondo rojo granate */
    color: #dfa511 !important;             /* Texto dorado para contraste legible */
}

/* 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: #dfa511 !important; /* Dorado 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: #dfa511;
    border-bottom-color: #dfa511;
}

/* 3. BOTONES PRINCIPALES (Descargas de PDF, Ver más, etc) */
.btn-primary {
    background-color: #801000 !important; /* Fondo rojo granate */
    border-color: #600a00 !important;
    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: #c01020 !important; /* Rojo vivo en hover */
    border-color: #dfa511 !important;     /* Borde dorado 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: #801000;
    color: #dfa511; /* Texto dorado */
    border-color: #801000;
}

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

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

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

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

/* Color corregido de la insignia (badge) para mejor accesibilidad y contraste */
.badge {
    background-color: #dfa511 !important; /* Fondo dorado de acento */
    color: #202020 !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: #801000;
    border-bottom: 2px solid #dfa511; /* Borde inferior dorado */
    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: #801000 !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: #c01020 !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: #801000 !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: #801000 !important;
    color: #ffffff !important;
}

/* Botón llamativo para el envío de artículos (Make a Submission) */
.block_make_submission_link {
    background-color: #801000 !important;
    color: #ffffff !important;
    border: 1px solid #600a00 !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: #c01020 !important; /* Cambio a rojo vivo */
    border-color: #dfa511 !important;     /* Borde dorado de acento */
    color: #ffffff !important;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(128, 16, 0, 0.2);
}

/* 7. PIE DE PÁGINA (Footer) */
.footer {
    color: #333333 !important;
    border-top: 4px solid #dfa511; /* Borde superior en dorado de acento */
    padding: 25px 0;
}
.footer a {
    color: #801000;
    font-weight: bolder;
    transition: color 0.2s;
}
.footer a:hover {
    color: #c01020;
    text-decoration: underline;
}

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

/* 9. CABECERA DEL VISOR DE DOCUMENTOS (Visor de PDF / HTML) */
.header_view {
    background-color: #801000 !important; /* Fondo rojo granate */
    border-bottom: 2px solid #dfa511 !important; /* Borde inferior dorado */
}

/* 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: #dfa511 !important; /* Hover en dorado */
    text-decoration: none;
}

/* Botón descargar dentro del visor */
.header_view .download .label {
    background-color: #801000 !important;  
    border: 1px solid #dfa511 !important;   /* Borde dorado */
    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: #dfa511 !important;   /* Invierte a fondo dorado */
    color: #801000 !important;              /* Texto rojo granate */
    border-color: #801000 !important;
}

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