/**
 * mcs-custom.css — Medicina Clínica y Social
 * OJS 3.5.0.3 — Tema hijo del Default
 *
 * Orden real del DOM dentro de .obj_article_summary:
 * .title → .authors → .pages → .galleys_links
 */

:root {
    --mcs-blue: #005082;
    --mcs-blue-dark: #003d63;
    --mcs-blue-soft: #e8f3f8;
    --mcs-muted: #6b8494;
    --mcs-line: #d7e6ee;
}

/* Espacio entre tarjetas */
.obj_issue_toc .sections .section .articles > li,
.obj_issue_toc .articles > li,
.cmp_article_list > li {
    margin-bottom: 0.85rem !important;
    padding-bottom: 0 !important;
}

/* Tarjeta */
.obj_article_summary {
    position: relative !important;
    margin: 0 !important;
    padding: 0.9rem 1.2rem 0.9rem 1.6rem !important;
    border: 1px solid var(--mcs-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* Borde izquierdo azul */
.obj_article_summary::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important; top: 0 !important; bottom: 0 !important;
    width: 4px !important;
    background: var(--mcs-blue) !important;
}

/* Título */
.obj_article_summary .title {
    margin: 0 0 0.4rem 0 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: var(--mcs-blue) !important;
}

.obj_article_summary .title a {
    color: var(--mcs-blue) !important;
    text-decoration: none !important;
}

.obj_article_summary .title a:hover {
    color: var(--mcs-blue-dark) !important;
    text-decoration: underline !important;
}

/* Identificador — float derecha ANTES de autores en el flujo visual */
/* Como .pages viene después de .authors en el DOM, usamos un truco:
   hacemos .pages float:right con margin-top negativo para subirlo */
.obj_article_summary .pages {
    float: right !important;
    clear: right !important;
    margin: -1.5rem 0 0 0.75rem !important;
    padding: 0.1rem 0.55rem !important;
    border-radius: 99px !important;
    background: var(--mcs-blue-soft) !important;
    color: var(--mcs-blue) !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    position: static !important;
    transform: none !important;
    display: inline-block !important;
}

/* Autores */
.obj_article_summary .authors {
    display: block !important;
    overflow: hidden !important;
    margin: 0 0 0.55rem 0 !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 0.82rem !important;
    line-height: 1.35 !important;
    color: var(--mcs-muted) !important;
}

/* Botones */
.obj_article_summary .galleys_links {
    clear: both !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.35rem !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.obj_article_summary .galleys_links li {
    margin: 0 !important;
    padding: 0 !important;
}

.obj_article_summary .galleys_links a,
.obj_article_summary .galleys_links a:link,
.obj_article_summary .galleys_links a:visited {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 0.28rem 0.85rem !important;
    border: 1.5px solid var(--mcs-blue) !important;
    border-radius: 99px !important;
    background: #ffffff !important;
    color: var(--mcs-blue) !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    text-decoration: none !important;
}

.obj_article_summary .galleys_links a:hover {
    background: var(--mcs-blue) !important;
    color: #ffffff !important;
}

/* Crossmark */
.mcs-crossmark--near-title {
  margin: 0.35rem 0 1rem 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.mcs-crossmark--near-title a.mcs-crossmark__link {
  display: inline-block !important;
  width: 130px !important;
  max-width: 130px !important;
  height: auto !important;
  text-decoration: none !important;
}

.mcs-crossmark--near-title img.mcs-crossmark__img {
  display: block !important;
  width: 130px !important;
  max-width: 130px !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: 42px !important;
  object-fit: contain !important;
}


/* DOI en tabla de contenidos */
.obj_article_summary .mcs-article-doi {
    clear: both !important;
    margin: 0 0 0.35rem 0 !important;
    padding: 0 !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 0.74rem !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
}

.obj_article_summary .mcs-article-doi a,
.obj_article_summary .mcs-article-doi a:link,
.obj_article_summary .mcs-article-doi a:visited {
    color: var(--mcs-muted) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.obj_article_summary .mcs-article-doi a:hover {
    color: var(--mcs-blue-dark) !important;
    text-decoration: underline !important;
}

/* === MCS ARTICLE DETAILS V3 START === */
.obj_article_details {
    --mcs-blue: #005082;
    --mcs-blue-dark: #003d63;
    --mcs-blue-soft: #e8f3f8;
    --mcs-line: #d7e6ee;
    --mcs-muted: #5d6f7f;
    --mcs-text: #26323f;
}
.obj_article_details .mcs-article-header-doi {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.42rem !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0.15rem 0 0.65rem 0 !important;
    padding: 0.34rem 0.58rem !important;
    border: 1px solid var(--mcs-line) !important;
    border-radius: 6px !important;
    background: var(--mcs-blue-soft) !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
}
.obj_article_details .mcs-article-header-doi__label {
    font-size: 0.75rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    color: var(--mcs-blue-dark) !important;
}
.obj_article_details .mcs-article-header-doi a,
.obj_article_details .mcs-article-header-doi a:link,
.obj_article_details .mcs-article-header-doi a:visited {
    font-size: 0.83rem !important;
    line-height: 1.25 !important;
    color: var(--mcs-blue) !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
}
.obj_article_details .mcs-article-header-doi a:hover,
.obj_article_details .mcs-article-header-doi a:focus {
    color: var(--mcs-blue-dark) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}
.obj_article_details .page_title {
    margin-bottom: 0.75rem !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(1.38rem, 1.85vw, 1.78rem) !important;
    line-height: 1.16 !important;
    font-weight: 700 !important;
    color: var(--mcs-blue) !important;
}
.obj_article_details .mcs-crossmark--near-title {
    margin: 0 0 1.35rem 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}
.obj_article_details .mcs-crossmark--near-title a.mcs-crossmark__link {
    display: inline-block !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
}
.obj_article_details .mcs-crossmark--near-title img.mcs-crossmark__img {
    display: block !important;
    height: auto !important;
    object-fit: contain !important;
}
.obj_article_details .main_entry .item.authors {
    margin-bottom: 1.1rem !important;
    padding-bottom: 0.85rem !important;
    border-bottom: 1px solid #edf3f6 !important;
}
.obj_article_details .main_entry .item.authors .authors {
    margin: 0 !important;
    padding: 0 !important;
}
.obj_article_details .main_entry .item.authors .authors > li {
    margin-bottom: 0.55rem !important;
    padding-bottom: 0 !important;
}
.obj_article_details .main_entry .item.authors .name {
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 0.98rem !important;
    font-weight: 600 !important;
    color: var(--mcs-text) !important;
}
.obj_article_details .main_entry .item.authors .affiliation {
    display: block !important;
    margin-top: 0.15rem !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 0.84rem !important;
    line-height: 1.35 !important;
    color: var(--mcs-muted) !important;
}
.obj_article_details .main_entry .item.abstract {
    position: relative !important;
    margin: 0 0 1.45rem 0 !important;
    padding: 1.05rem 1.25rem 1.1rem 1.45rem !important;
    border: 1px solid var(--mcs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
.obj_article_details .main_entry .item.abstract::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: var(--mcs-blue) !important;
}
.obj_article_details .main_entry .item.abstract .label {
    margin: 0 0 0.65rem 0 !important;
    padding: 0 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1.18rem !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: var(--mcs-blue) !important;
}
.obj_article_details .main_entry .item.abstract p {
    margin: 0 0 0.75rem 0 !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 0.94rem !important;
    line-height: 1.62 !important;
    color: var(--mcs-text) !important;
}
.obj_article_details .main_entry .item.abstract p:last-child {
    margin-bottom: 0 !important;
}
.obj_article_details .entry_details {
    font-family: "Segoe UI", Arial, sans-serif !important;
}
.obj_article_details .entry_details .item {
    margin-bottom: 1.05rem !important;
    padding-top: 0.9rem !important;
    border-top: 1px solid var(--mcs-line) !important;
}
.obj_article_details .entry_details .item:first-child {
    padding-top: 0 !important;
    border-top: 0 !important;
}
.obj_article_details .entry_details .label {
    margin: 0 0 0.4rem 0 !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 0.74rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.045em !important;
    color: var(--mcs-blue-dark) !important;
}
.obj_article_details .entry_details .value,
.obj_article_details .entry_details .value p,
.obj_article_details .entry_details .value span {
    font-size: 0.84rem !important;
    line-height: 1.4 !important;
    color: var(--mcs-text) !important;
}
.obj_article_details .entry_details .cover_image img {
    max-width: 100% !important;
    border: 1px solid var(--mcs-line) !important;
    border-radius: 8px !important;
}
.obj_article_details .entry_details .item.galleys {
    padding: 0.9rem 0 !important;
    border-top: 1px solid var(--mcs-line) !important;
    border-bottom: 1px solid var(--mcs-line) !important;
    text-align: center !important;
}
.obj_article_details .entry_details .item.galleys::before {
    content: "Descargas" !important;
    display: block !important;
    margin: 0 0 0.55rem 0 !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 0.74rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.045em !important;
    color: var(--mcs-blue-dark) !important;
    text-align: center !important;
}
.obj_article_details .entry_details .galleys_links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.4rem !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.obj_article_details .entry_details .galleys_links li {
    margin: 0 !important;
    padding: 0 !important;
}
.obj_article_details .entry_details .obj_galley_link,
.obj_article_details .entry_details .obj_galley_link:link,
.obj_article_details .entry_details .obj_galley_link:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 1.8rem !important;
    padding: 0.35rem 0.7rem !important;
    border: 1px solid #9fc2d4 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--mcs-blue) !important;
    box-shadow: none !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 0.78rem !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.obj_article_details .entry_details .obj_galley_link:hover,
.obj_article_details .entry_details .obj_galley_link:focus {
    background: var(--mcs-blue) !important;
    border-color: var(--mcs-blue) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
.obj_article_details .entry_details .item.citation .value {
    padding: 0.65rem 0.75rem !important;
    border: 1px solid #edf3f6 !important;
    border-radius: 8px !important;
    background: #fbfdfe !important;
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
}
.obj_article_details .main_entry .item.references {
    margin-top: 1.4rem !important;
    padding-top: 1.1rem !important;
    border-top: 1px solid var(--mcs-line) !important;
}
.obj_article_details .main_entry .item.references .label {
    margin: 0 0 0.75rem 0 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1.12rem !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: var(--mcs-blue) !important;
}
.obj_article_details .main_entry .item.references .value,
.obj_article_details .main_entry .item.references p,
.obj_article_details .main_entry .item.references li {
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
    color: var(--mcs-text) !important;
}
.obj_article_details .main_entry .item.references a,
.obj_article_details .entry_details a {
    color: var(--mcs-blue) !important;
    text-decoration: none !important;
}
.obj_article_details .main_entry .item.references a:hover,
.obj_article_details .main_entry .item.references a:focus,
.obj_article_details .entry_details a:hover,
.obj_article_details .entry_details a:focus {
    color: var(--mcs-blue-dark) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}
@media (max-width: 768px) {
    .obj_article_details .page_title {
        font-size: 1.32rem !important;
        line-height: 1.18 !important;
    }
    .obj_article_details .mcs-article-header-doi {
        display: block !important;
        width: 100% !important;
    }
    .obj_article_details .mcs-article-header-doi__label {
        display: block !important;
        margin-bottom: 0.25rem !important;
    }
    .obj_article_details .main_entry .item.abstract {
        padding: 0.95rem 1rem 1rem 1.2rem !important;
    }
    .obj_article_details .main_entry .item.abstract .label {
        font-size: 1.08rem !important;
    }
    .obj_article_details .main_entry .item.abstract p {
        font-size: 0.9rem !important;
        line-height: 1.55 !important;
    }
}
/* === MCS ARTICLE DETAILS V3 END === */

/* =========================================================
   MCS FOOTER - pie institucional
   Oculta OJS/PKP y compacta el pie de página
   ========================================================= */

:root {
    --mcs-blue: #005082;
    --mcs-blue-dark: #003d63;
    --mcs-blue-soft: #e8f3f8;
    --mcs-line: #d7e6ee;
    --mcs-text: #26323f;
    --mcs-muted: #5d6f7f;
}

/* Ocultar marca OJS/PKP */
.pkp_brand_footer,
.pkp_structure_footer .pkp_brand_footer,
.pkp_structure_footer_wrapper .pkp_brand_footer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Contenedor general del footer */
.pkp_structure_footer_wrapper {
    margin-top: 2rem !important;
    padding: 0 !important;
    background: #f5f8fa !important;
    border-top: 1px solid var(--mcs-line) !important;
}

/* Footer interno */
.pkp_structure_footer {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 1.7rem 1.5rem 1.6rem !important;
    background: transparent !important;
    color: var(--mcs-text) !important;
}

/* Bloque principal de descripción */
.pkp_structure_footer .pkp_footer_content {
    max-width: 980px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
    color: var(--mcs-text) !important;
}

.pkp_structure_footer .pkp_footer_content p {
    margin: 0 0 0.85rem 0 !important;
    padding: 0 !important;
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
    color: var(--mcs-text) !important;
}

.pkp_structure_footer .pkp_footer_content strong,
.pkp_structure_footer .pkp_footer_content b {
    color: var(--mcs-blue-dark) !important;
    font-weight: 700 !important;
}

.pkp_structure_footer .pkp_footer_content a {
    color: var(--mcs-blue) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.pkp_structure_footer .pkp_footer_content a:hover,
.pkp_structure_footer .pkp_footer_content a:focus {
    color: var(--mcs-blue-dark) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

/* Imagen Creative Commons */
.pkp_structure_footer .pkp_footer_content img {
    display: block !important;
    max-width: 88px !important;
    height: auto !important;
    margin: 0.75rem 0 0.65rem 0 !important;
}

/* Línea de licencia */
.pkp_structure_footer .pkp_footer_content p:last-child {
    margin-top: 0.6rem !important;
    padding-top: 0.75rem !important;
    border-top: 1px solid var(--mcs-line) !important;
    font-size: 0.86rem !important;
    color: var(--mcs-muted) !important;
}

@media (max-width: 768px) {
    .pkp_structure_footer {
        padding: 1.35rem 1rem 1.4rem !important;
    }

    .pkp_structure_footer .pkp_footer_content,
    .pkp_structure_footer .pkp_footer_content p {
        font-size: 0.86rem !important;
        line-height: 1.5 !important;
    }

    .pkp_structure_footer .pkp_footer_content img {
        max-width: 78px !important;
    }
}

