/*
* ========================================
* ESTILOS PERSONALIZADOS PARA OJS
* ========================================
*/

/* ----------------------------------------
* CONFIGURACIÓN DE FUENTES GENERAL
* ---------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');

/* Aplicar 'Mulish' como fuente base para TODO el cuerpo de la página, incluyendo cualquier elemento restante */
body, h1, h2, h3, h4, h5, h6, p, a, div, span, li, blockquote, cite, dd, strong, em, * {
    font-family: 'Mulish', sans-serif !important;
}

/*
 * Restablece la fuente para los íconos de Font Awesome y Shariff, asegurando que no se vean afectados por la regla anterior.
 * El selector `[class*="shariff"]` se dirige específicamente a los íconos del plugin Shariff.
 */
.pkp_icon,
.fa,
.fab,
.fas,
.far,
[class*="fa-"],
.pkp_social_media_block [class*="fa-"],
[class*="shariff"] {
    font-family: 'Font Awesome 6 Free', 'Shariff', sans-serif !important;
    font-weight: 900 !important;
}

/* ----------------------------------------
* ESTILOS PARA LA SECCIÓN DE REFERENCIAS
* ---------------------------------------- */

.article-details .references,
.article-main .references,
.obj_article_details .references,
#references,
.section.references,
.article-sidebar .references,
.article-content .references {
    font-size: 10pt !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    line-height: 1.4;
}

.references h2,
.references h3,
.references .section-title {
    font-size: 12pt !important;
    margin-bottom: 15px;
}

.references p,
.references li,
.references .reference {
    font-size: 10pt !important;
    margin-bottom: 8px;
    text-align: justify;
}

/* ----------------------------------------
* ESTILOS VISUALES ADICIONALES
* ---------------------------------------- */

.pkp_issue_toc_description {
    font-size: 11pt !important;
    text-align: justify !important;
    line-height: 1.5 !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}

.cover_image {
    max-width: 100% !important;
    width: 300px !important;
    height: auto !important;
}

.pkp_issue_toc_issue_cover {
    max-width: 100% !important;
    width: auto !important;
}

.pkp_site_name,
.pkp_navigation_primary ul a,
.pkp_article_title,
.pkp_issue_title,
.pkp_block h2,
.page_title,
h1.pkp_page_title,
h1.text-left-issue-header,
h1.page_title.text-left-issue-header {
    font-weight: 500 !important;
}

a.galley-link:hover,
a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    opacity: 1 !important;
}

.block_make_submission_link {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 12pt !important;
    border: 1px solid #000000 !important;
    transition: all 0.3s ease-in-out !important;
}

.block_make_submission_link:hover {
    background-color: #717171 !important;
    color: #ffffff !important;
    border-color: #f0f0f0 !important;
}

#citationOutput, 
#citationOutput .csl-bib-body,
#citationOutput .csl-entry {
    font-size: 10pt !important;
}

body .pkp_head_wrapper,
body .pkp_navigation_primary_wrapper {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
}

body .pkp_structure_page,
body .pkp_structure_main {
    max-width: 100% !important;
    margin: 0 auto !important;
}

body .pkp_structure_main {
    border-right: 1px solid #e0e0e0 !important;
    padding-right: 2em !important;
}

body .cover_image {
    max-width: 100% !important;
    width: 400px !important;
    height: auto !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

body .block_make_submission_link a {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 12pt !important;
    border: 1px solid #000000 !important;
    transition: all 0.3s ease-in-out !important;
}

body .block_make_submission_link a:hover {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
    border-color: #f0f0f0 !important;
}

#articlesBySameAuthorPages strong {
    background-color: black;
    color: white;
    padding: 2px 5px;
}

.keywords_value li.keyword_item {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    font-size: 10pt !important;
}

a[href^="https://doi.org/"] {
    font-size: 10pt !important;
}