/* =========================================================
   OJS 3.5 - Bootstrap3
   Estructura tipo imagen de referencia
   ========================================================= */

/* Fondo general */
body,
body.pkp_page_index,
body.pkp_page_issue_view,
body.pkp_page_issue_archive,
body.pkp_page_article {
    background: #e9e9e9 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4a4a4a;
}

/* Caja central blanca */
.pkp_structure_page {
    background: #fff;
    max-width: 1170px;
    margin: 18px auto;
    box-shadow: none;
}

/* Contenedor principal */
.pkp_structure_content {
    padding: 24px 30px 40px 30px;
}

/* Layout principal */
.pkp_structure_main {
    width: 68%;
    padding-right: 30px;
}

.pkp_structure_sidebar {
    width: 32%;
    padding-left: 10px;
}

/* En móviles */
@media (max-width: 991px) {
    .pkp_structure_main,
    .pkp_structure_sidebar {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .pkp_structure_sidebar {
        margin-top: 30px;
    }
}

/* =========================================================
   Imagen de Cabecera
============================================================ */


#headerNavigationContainer {
    background: #ffffff url("bg.svg") no-repeat 30px center !important;
    background-size: 320px auto;
    border: none !important;
}

/* =========================================================
   Header
   ========================================================= */

   body {
    margin: 0 !important;
}

.pkp_structure_page {
    margin: 0 auto !important;
    padding-top: 0 !important;
}

#headerNavigationContainer {
    margin-top: 0 !important;
}
/* Header con imagen institucional */

#headerNavigationContainer {
    background: #ffffff url("bg.svg") no-repeat 30px center !important;
    background-size: 320px auto;
    border: none !important;
    min-height: 120px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Todo el texto del header en blanco */
#headerNavigationContainer,
#headerNavigationContainer a,
#headerNavigationContainer .nav > li > a,
#headerNavigationContainer .navbar-brand,
#headerNavigationContainer .site-name a,
#headerNavigationContainer .dropdown-toggle,
#headerNavigationContainer .dropdown-menu > li > a,
#headerNavigationContainer .btn,
#headerNavigationContainer .caret {
    color: #000000 !important;
}

/* Hover menú */
#headerNavigationContainer a:hover,
#headerNavigationContainer .nav > li > a:hover,
#headerNavigationContainer .nav > li > a:focus {
    color: #000000 !important;
    background: transparent !important;
    opacity: 0.9;
}

/* Fila superior: login / registro */
#headerNavigationContainer .row:first-child {
    min-height: 28px;
}

#navigationUser {
    margin-top: 0;
    margin-bottom: 6px;
}

#navigationUser > li > a {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
}

/* Logo / nombre revista */
#headerNavigationContainer .navbar-header {
    float: left;
    width: 36%;
    min-height: 70px;
}

#headerNavigationContainer .site-name {
    margin: 0;
}

#headerNavigationContainer .navbar-brand {
    height: auto !important;
    padding: 8px 15px 8px 110px;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 700;
    white-space: normal;
}

/* Menú principal debajo/al lado del logo */
#headerNavigationContainer #nav-menu {
    float: left;
    width: 64%;
    border: none;
    box-shadow: none;

    background: transparent;
}

#main-navigation {
    float: left;
    margin-top: 6px;
}

#main-navigation > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    color: #000000 !important;
}

/* Dropdown */
#headerNavigationContainer .dropdown-menu {
    background: #b01b29;
    border: none;
}

#headerNavigationContainer .dropdown-menu > li > a {
    color: #000000 !important;
}

#headerNavigationContainer .dropdown-menu > li > a:hover {
    background: rgba(255,255,255,0.08) !important;
    color: #000000 !important;
}

/* Buscador a la derecha */
#headerNavigationContainer .pull-md-right,
#headerNavigationContainer .navbar-form {
    float: right !important;
    margin-right: 0;
    margin-top: 2px;
}

#headerNavigationContainer .navbar-form .form-control {
   
    border-radius: 3px;
    min-width: 180px;
}

#headerNavigationContainer .navbar-form .btn {
    background: #2f2a8a;
    border: 1px solid #2f2a8a;
    color: #ffffff !important;
}

#headerNavigationContainer .navbar-form .btn:hover {
    background: #241f6e;
    border-color: #241f6e;
}

/* Línea divisoria bajo el header */
.pkp_structure_head {
    border-bottom: 1px solid #7f7e7e;
}

/* Responsive */
@media (max-width: 991px) {



    #headerNavigationContainer {
        background-position: 15px 15px !important;
        background-size: 180px auto !important;
        min-height: auto;
    }

    #headerNavigationContainer .navbar-header,
    #headerNavigationContainer #nav-menu {
        float: none;
        width: 100%;
       
    }
#headerNavigationContainer .navbar-header{ 
    background: url(bg.svg) no-repeat;
}
    #headerNavigationContainer .navbar-brand {
        padding-left: 90px;
        font-size: 18px;
    }

    #main-navigation,
    #headerNavigationContainer .navbar-form,
    #headerNavigationContainer .pull-md-right {
        float: none !important;
        width: 100%;
    }

    #headerNavigationContainer .navbar-form {
        margin-top: 10px;
    }
}
/* Ocultar nombre de la revista */
#headerNavigationContainer .site-name,
#headerNavigationContainer .navbar-brand {
    display: none !important;
}

/* efecto línea animada menú */

#main-navigation > li > a {
    position: relative;
    transition: all 0.25s ease;
}

#main-navigation > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0%;
    height: 2px;
    background: #000000;
    transition: width 0.3s ease;
}

#main-navigation > li > a:hover::after {
    width: 100%;
}
/* =========================================================
   Contenido principal
   ========================================================= */

/* Títulos principales */
.page h1,
.current_issue h2,
.obj_issue_toc .heading,
.issue_entry h2,
.pkp_page_index .current_issue h2 {
    font-size: 24px;
    font-weight: 400;
    color: #4d4d4d;
    margin-top: 0;
    margin-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 14px;
}

/* Subtítulos y textos del número */
.current_issue .current_issue_title,
.current_issue .title,
.obj_issue_summary .title,
.obj_issue_toc .issue_toc_section_heading {
    color: #2f3f58;
    font-weight: 400;
}

/* Meta */
.published,
.current_issue .published {
    font-size: 15px;
    color: #333;
    margin-top: 10px;
}

/* =========================================================
   Portada del número actual
   ========================================================= */

/* Bloque del número actual */
.current_issue,
.obj_issue_summary {
    margin-bottom: 30px;
}

/* Alinear portada e info */
.current_issue .media,
.obj_issue_summary .media {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

/* Imagen portada */
.current_issue .cover img,
.obj_issue_summary .cover img,
.current_issue .media-left img,
.obj_issue_summary .media-left img {
    width: 190px;
    max-width: 100%;
    height: auto;
    display: block;
    box-shadow: none;
    border: none;
}

/* Columna del texto */
.current_issue .media-body,
.obj_issue_summary .media-body {
    flex: 1;
    min-width: 0;
}

/* Título del número */
.current_issue .current_issue_title,
.obj_issue_summary .title {
    font-size: 19px;
    line-height: 1.4;
    font-weight: 400;
    color: #243a57;
    margin-top: 0;
    margin-bottom: 16px;
}

/* Descripción o resumen del número */
.current_issue .description,
.obj_issue_summary .description {
    margin-top: 18px;
    color: #666;
    line-height: 1.7;
}

/* Separadores */
.current_issue + .cmp_announcements,
.current_issue + .obj_issue_toc,
.obj_issue_summary + .obj_issue_toc {
    margin-top: 25px;
}

/* =========================================================
   Tabla de contenidos / artículos
   ========================================================= */

.obj_issue_toc .sections > li,
.obj_article_summary,
.cmp_article_list > li {
    border-top: 1px solid #e5e5e5;
    padding-top: 22px;
    padding-bottom: 22px;
    list-style: none;
}

/* Título de sección */
.obj_issue_toc .section h3,
.obj_issue_toc .issue_toc_section_heading {
    font-size: 17px;
    font-weight: 400;
    color: #666;
    margin-bottom: 20px;
}

/* Título del artículo */
.obj_article_summary .title,
.cmp_article_list h3,
.obj_issue_toc .title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #666;
}

.obj_article_summary .title a,
.cmp_article_list h3 a,
.obj_issue_toc .title a {
    color: #666 !important;
    text-decoration: none;
}

.obj_article_summary .title a:hover,
.cmp_article_list h3 a:hover,
.obj_issue_toc .title a:hover {
    color: #1d4f91 !important;
    text-decoration: none;
}

/* Autores */
.obj_article_summary .authors,
.cmp_article_list .authors {
    color: #888;
    font-size: 14px;
    margin-top: 8px;
}

/* Galeras */
.obj_article_summary .galleys_links a,
.obj_article_summary .pages,
.obj_article_summary .subtitle {
    margin-top: 10px;
}

/* =========================================================
   Sidebar
   ========================================================= */

.pkp_block {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 2px;
    margin-bottom: 18px;
    padding: 0 16px 16px 16px;
    box-shadow: none;
}

/* Título del bloque */
.pkp_block .title {
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    color: #111;
    margin: 0 -16px 16px -16px;
    padding: 12px 16px 14px 16px;
    border-bottom: 1px solid #f0f0f0;
}

/* Línea dorada corta bajo el título */
.pkp_block .title::after {
    content: "";
    display: block;
    width: 82px;
    height: 3px;
    background: #d9a441;
    margin-top: 10px;
}

/* Lista dentro de bloques */
.pkp_block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pkp_block li {
    margin-bottom: 10px;
    line-height: 1.6;
}

.pkp_block a {
    color: #214fb3;
    text-decoration: none;
}

.pkp_block a:hover {
    color: #163a87;
    text-decoration: none;
}

/* Botón enviar artículo */
.block_make_submission a,
.pkp_block.block_make_submission a,
a.block_make_submission_link,
.cmp_button_wire,
.cmp_button {
    background: #2f2a8a !important;
    border: 1px solid #2f2a8a !important;
    color: #fff !important;
    border-radius: 4px;
    padding: 10px 16px;
    display: inline-block;
    text-decoration: none !important;
    box-shadow: none;
}

.block_make_submission a:hover,
.pkp_block.block_make_submission a:hover,
a.block_make_submission_link:hover,
.cmp_button_wire:hover,
.cmp_button:hover {
    background: #241f6e !important;
    border-color: #241f6e !important;
    color: #fff !important;
}

/* =========================================================
   Imágenes en bloques laterales
   ========================================================= */

.pkp_block img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* =========================================================
   Inputs
   ========================================================= */

input[type="text"],
input[type="search"],
input[type="email"],
select,
textarea {
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    box-shadow: none;
}

/* =========================================================
   Footer
   ========================================================= */

.pkp_structure_footer_wrapper {
    background: #fff;
    border-top: 1px solid #ececec;
}

.pkp_footer_content {
    max-width: 1170px;
    margin: 0 auto;
    padding: 20px 30px 30px 30px;
    color: #666;
}

/* =====================================
   FOOTER OJS FULL WIDTH
===================================== */

footer.footer {
    background: #a8a9ad !important;
    color: #ffffff;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-top: 40px;
    padding: 40px 0;
}

/* texto */
footer.footer p,
footer.footer strong,
footer.footer a {
    color: #ffffff !important;
}

/* contenedor interno */
footer.footer .container {
    max-width: 1200px;
}

/* logo OJS */
footer.footer img {
    filter: brightness(0) invert(1);
}

footer.footer {
    border-top: 4px solid #ffffff;
}