/* ==========================================
   FONDO DE CABECERA (ELIMINA GRADIENTE)
   ========================================== */

.navbar-default,
.navbar.navbar-default.navbar-fixed-top,
#headerNavigationContainer {
    background: #405765 !important;
    background-image: none !important;
    border-color: #405765 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.pkp_site_header {
    background: #405765 !important;
    background-image: none !important;
    border: none !important;
    overflow: visible !important;
}

/* ==========================================
   MENÚ PRINCIPAL (TEXTOS BLANCOS)
   ========================================== */

.navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #dcdcdc !important;
}

/* ==========================================
   MENÚ SUPERIOR (Panel de control / soporte)
   ========================================== */

#navigationUser.navbar-nav.nav > li > a,
#navigationUser.navbar-nav.nav > li > span,
.navbar-default #navigationUser.nav > li > a,
.navbar-default #navigationUser.nav > li > span {
    color: #ffffff !important;
}

/* ==========================================
   LOGO (Tamaño + Posición + Sobreposición)
   ========================================== */

.navbar-brand img,
.pkp_site_name .is_img img {
    max-height: 130px !important;
    height: auto;
    width: auto;
    display: block;
    margin-top: -50px !important;
    position: relative !important;
    z-index: 9999 !important;
}

.pkp_site_name .is_img img {
    background-color: transparent !important;
}

/* evita que el menú tape el logo */
#headerNavigationContainer {
    z-index: 1 !important;
}

/* ==========================================
   COLOR GENERAL DE LOS ENLACES
   ========================================== */

a,
a:link,
a:visited {
    color: #405765 !important;
}

a:hover {
    color: #2c3e50 !important;
}

/* ==========================================
   TEXTOS DE AUTORES EN ARTÍCULOS
   ========================================== */

.obj_article_summary .authors,
.pkp_page_article .authors,
.pkp_page_issue .authors {
    color: #ffffff !important;
}

/* ================================
   BOTONES PDF / HTML – Estilo moderno
   ================================ */

.obj_galley_link.btn,
.galley_link.btn,
a.galley_link,
a.obj_galley_link {
    background: #405765 !important;
    color: #ffffff !important;
    border: 1px solid #2d3b44 !important;
    box-shadow: none !important;
}

/* Quitar degradado del tema bootstrap */
.obj_galley_link.btn-primary,
.galley_link.btn-primary,
.btn-primary.galley_link {
    background-image: none !important;
}

/* Hover */
.obj_galley_link.btn:hover,
.galley_link.btn:hover,
a.galley_link:hover {
    background: #2d3b44 !important;
    color: #ffffff !important;
    border-color: #1f2a31 !important;
}

/* Bordes redondeados */
.obj_galley_link.btn,
.galley_link.btn {
    border-radius: 4px !important;
}

/* ==========================================
   *** NUEVO — SOLO BOTONES DE GALERADAS ***
   Fuerza la letra blanca sin afectar enlaces.
   ========================================== */

/* Botón PDF */
a.galley-link.btn.btn-primary.pdf,
a.galley_link.btn.btn-primary.pdf,
.btn.btn-primary.galley-link.pdf {
    color: #ffffff !important;
}

/* Botón HTML */
a.galley-link.btn.btn-primary.html,
a.galley_link.btn.btn-primary.html,
.btn.btn-primary.galley-link.html {
    color: #ffffff !important;
}

/* Asegura que nada los sobreescriba */
.galley-link.btn.btn-primary,
.obj_galley_link.btn.btn-primary {
    color: #ffffff !important;
}

/* ===========================================================
   NUEVOS ESTILOS PARA MEJOR VISUALIZACIÓN DE ARTÍCULOS HTML
   Estos ajustes mejoran la legibilidad del texto de los artículos
   sin alterar el diseño existente. Mantienen los márgenes y
   colores de la marca y proporcionan un ancho de lectura cómodo.
   =========================================================== */

/* Contenedores de lectura: ancho máximo y márgenes laterales */
.page_article .galley_view,
.page_article .galley_viewer,
.page_article .obj_article_details {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}

/* Ajustes de texto para párrafos */
.page_article .galley_viewer p {
    font-size: 16px;
    line-height: 1.6;
    text-align: justify;
    margin-top: 0;
    margin-bottom: 1rem;
}

/* Estilos de encabezados dentro del artículo */
.page_article .galley_viewer h1,
.page_article .galley_viewer h2,
.page_article .galley_viewer h3,
.page_article .galley_viewer h4 {
    color: #405765;
    margin-top: 2rem;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.page_article .galley_viewer h1 { font-size: 2rem; }
.page_article .galley_viewer h2 { font-size: 1.6rem; }
.page_article .galley_viewer h3 { font-size: 1.3rem; }
.page_article .galley_viewer h4 { font-size: 1.1rem; }

/* Estilos para tablas */
.page_article .galley_viewer table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
}

.page_article .galley_viewer table th,
.page_article .galley_viewer table td {
    border: 1px solid #dddddd;
    padding: 8px 12px;
    text-align: left;
}

.page_article .galley_viewer table thead th {
    background-color: #f5f5f5;
    font-weight: bold;
    color: #405765;
}

/* Estilos para listas */
.page_article .galley_viewer ul,
.page_article .galley_viewer ol {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

/* Estilo para citas / blockquotes */
.page_article .galley_viewer blockquote {
    border-left: 4px solid #405765;
    padding-left: 1rem;
    margin-left: 0;
    color: #555555;
    font-style: italic;
    background-color: #f9f9f9;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

/* Imágenes responsivas */
.page_article .galley_viewer img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* Pie de foto para figuras */
.page_article .galley_viewer figcaption {
    font-size: 0.9rem;
    color: #6c757d;
    text-align: center;
    margin-top: 0.5rem;
}