/**
 * 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;
}