/* ========================================================
   Tema Defensa y Patria (Paleta del Banner - Alta Legibilidad)
   ======================================================== */

/* 0. ESTRUCTURA Y FONDOS GENERALES (BLANCO LIMPIO) */
body,
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main,
#main-content,
.page_index_journal {
    background-color: #ffffff !important;
    background-image: none !important; /* Elimina degradados oscuros del body */
    color: #222222 !important;       
      
}

body {
    font-size: 1.6rem !important; 
}

/* Forzar que todos los textos comunes sean oscuros y saturados sobre el fondo blanco */
p, span, li, dt, dd, label, td, th, 
.description, .published, .date, .journal-description, .issue-details, .published strong {
    color: #222222; 
}

/* Forzar títulos a ser oscuros y saturados */
h1, h2, h3, h4, h5, h6, 
.page-header h2, .current_issue_title {
    color: #1E2A16;
    font-weight: bold;
}

/* 1. BARRA DE NAVEGACIÓN (Header) */
.navbar-default {
    background-color: #51723B !important; /* Fondo verde militar principal del banner */
    border-color: #979C51 !important;     /* Borde inferior verde oliva */
}

/* Enlaces del menú superior */
.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
    color: #ffffff !important; 
    font-weight: bold;
    font-size: 1.25rem;
}

/* Hover de enlaces en menú superior */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #f3f6c2 !important;
    background-color: #51723B !important;
}

/* Menú desplegable (Dropdown) */
.navbar-default .navbar-nav .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #979C51;
}
.navbar-default .navbar-nav .dropdown-menu > li > a {
    color: #1E2A16 !important; /* Texto verde oscuro saturado */
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li > a:focus {
    background-color: #51723B !important;
    color: #ffffff !important;
}

.icon-bar {
    background-color: #fff !important;
}
.icon-bar {
    background-color: #fff !important;
}

/* 2. ENLACES DE USUARIO (Registrarse / Iniciar Sesión) */
#navigationUser > li > a {
    color: #ffffff !important;
    font-weight: 500;
}
#navigationUser > li > a:hover,
#navigationUser > li > a:focus {
    color: #ffffff !important;
    background-color: #9bae8fff !important;
    text-decoration: none;
}

/* Icono caret del menú desplegable */
.navbar-default .navbar-nav .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

/* 3. BOTONES PRINCIPALES (PDF, Ver más, etc.) */
.btn-primary {
    background-color: #51723B !important;
    border-color: #1E2A16 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #979C51 !important; 
    border-color: #1E2A16 !important;
    color: #1E2A16 !important; /* Texto oscuro para legibilidad sobre fondo claro */
}

/* Buscador del header */
.navbar-form .btn-default {
    background-color: #ffffff !important;
    border-color: #979C51 !important;
    color: #51723B !important;
    font-weight: bold;
}
.navbar-form .btn-default:hover {
    background-color: #51723B !important;
    color: #ffffff !important;
    border-color: #51723B !important;
}

/* 4. FORMULARIOS E INPUTS LIMPIOS (Quita el fondo oscuro de Slate) */
.form-control, 
input[type="text"], 
input[type="search"], 
input[type="password"], 
input[type="email"], 
select, 
textarea {
    background-color: #ffffff !important;
    color: #222222 !important;
    border: 1px solid #979C51 !important;
    box-shadow: none !important;
}
.form-control:focus {
    border-color: #51723B !important;
    box-shadow: 0 0 5px rgba(81, 114, 59, 0.5) !important;
}

/* 5. ENLACES Y TEXTOS DE ÉNFASIS */
a {
    color: #3b552b; /* Verde saturado y oscuro para enlaces generales */
    font-weight: 500;
    transition: color 0.2s ease-in-out;
}
a:hover,
a:focus {
    color: #979C51;
    text-decoration: underline;
}

/* Títulos de artículos con enlace */
.media-heading a {
    color: #1E2A16 !important; /* Títulos en verde militar oscuro saturado */
    font-weight: 600;
}
.media-heading a:hover {
    color: #51723B !important;
}

/* 6. ETIQUETAS Y BADGES */
.label-primary {
    background-color: #51723B !important;
    color: #ffffff !important;
}
.badge {
    background-color: #51723B !important;
    color: #ffffff !important;
}

/* 7. BARRA LATERAL (Sidebar) */
#sidebar {
    background-color: #ffffff !important;
}
#sidebar .pkp_block {
    background-color: #ffffff !important;
    border: none !important;
}

/* Títulos de los bloques */
#sidebar .pkp_block .title {
    color: #1E2A16; /* Título oscuro y saturado */
    border-bottom: 2px solid #979C51;
    padding-bottom: 5px;
    margin-bottom: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.1rem;
}

/* Lista lateral de Nuestras Revistas */
#customblock-nuestras-revistas .nav-pills > li > a {
    color: #51723B !important;
    background-color: transparent !important;
    transition: all 0.2s ease;
}
#customblock-nuestras-revistas .nav-pills > li > a:hover {
    color: #979C51 !important;
    background-color: #f9f9f9 !important; /* Hover casi blanco muy sutil */
    text-decoration: none;
}
#customblock-nuestras-revistas .nav-pills > li.active > a,
#customblock-nuestras-revistas .nav-pills > li.active > a:hover {
    background-color: #51723B !important;
    color: #ffffff !important;
}

/* Enlaces generales del sidebar */
#sidebar .content a, 
#sidebar ul li a {
    color: #3b552b;
}
#sidebar .content a:hover, 
#sidebar ul li a:hover {
    color: #979C51;
}

/* Botón de Enviar Artículo del Sidebar */
.block_make_submission_link {
    background-color: #51723B !important;
    color: #ffffff !important;
    border: 1px solid #1E2A16 !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: #979C51 !important; 
    border-color: #1E2A16 !important;
    color: #1E2A16 !important; /* Texto oscuro para legibilidad sobre fondo claro */
    text-decoration: none;
}

/* 8. BREADCRUMBS (Migas de pan) */
.breadcrumb {
    background-color: transparent !important; /* Elimina el fondo grisáceo por defecto */
    padding-left: 0;
}
.breadcrumb > li > a {
    color: #333333 !important;
}
.breadcrumb > li.active {
    color: #1E2A16 !important;
    font-weight: bold;
}

/* 9. PIE DE PÁGINA (Footer) */
.footer {
    color: #ffffff !important;
    border-top: 4px solid #979C51;        /* Línea superior verde oliva */
    padding: 25px 0;
}
.footer a {
    color: #d1d7b3 !important; /* Letras caqui claro bien saturadas */
}
.footer a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* 10. VISOR DE DOCUMENTOS (PDF / HTML) */
.header_view {
    background-color: #51723B !important; 
    border-bottom: 2px solid #979C51 !important;
}
.header_view a,
.header_view .title,
.header_view .return {
    color: #ffffff !important;
    font-weight: bold;
    text-decoration: none;
}
.header_view a:hover,
.header_view .title:hover,
.header_view .return:hover {
    color: #d1d7b3 !important;
}
.header_view .download .label {
    background-color: #51723B !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    padding: 6px 12px;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}
.header_view .download:hover .label,
.header_view .download .label:hover {
    background-color: #ffffff !important;   
    color: #51723B !important;              
}

/* Bugfixs */
.sections {
    padding-top: 15px;
}

/*Iconos */
.glyphicon {
    color: #fff;
}