/* Síntesis. Revista de Filosofía
   Cabecera histórica refinada v3 — OJS 3.4 Default Theme
*/

/* ===== CABECERA ===== */

.pkp_structure_head {
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: calc(50% - 440px) 0 !important;
    background-size: auto 125px !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.pkp_head_wrapper {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 0 !important;
}

.has_site_logo .pkp_head_wrapper {
    padding-top: 0 !important;
}

.pkp_site_name_wrapper {
    min-height: 125px !important;
    height: 125px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
}

.pkp_site_name {
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 10px 0 10px !important;
    text-align: right !important;
    background: transparent !important;
}

.pkp_site_name .is_img {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name .is_img img {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    max-height: 108px !important;
    max-width: 285px !important;
    object-fit: contain !important;
}

/* ===== FRANJA BURDEOS Y NAVEGACIÓN ===== */

/* Quitamos el borde anterior y dibujamos una franja independiente,
   un poco más ancha que la navegación, alineada visualmente con los logos. */
.pkp_site_nav_menu {
    position: static !important;
    background: #ffffff !important;
    border-top: 0 !important;
    padding: 0 !important;
}

.pkp_site_nav_menu::before {
    content: "" !important;
    display: block !important;

    /* El contenedor de OJS ya está limitado al ancho del contenido.
       Extendemos la franja 50 px a cada lado para alinearla con la
       composición visual de los dos logos. */
    width: calc(100% + 100px) !important;
    max-width: none !important;
    height: 11px !important;
    margin-left: -50px !important;
    margin-right: -50px !important;
    background: #2A0000 !important;
}

.pkp_navigation_primary_row {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: #ffffff !important;
    border-bottom: 1px solid #ded7d7 !important;
    min-height: 40px !important;
}

.pkp_navigation_primary_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pkp_navigation_primary {
    text-align: left !important;
}

.pkp_navigation_primary > li > a {
    color: #171717 !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    margin-top: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 10px !important;
    border-bottom-color: transparent !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #7A1F26 !important;
    border-bottom-color: #7A1F26 !important;
    background: transparent !important;
}

.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper .pkp_search {
    color: #171717 !important;
}

.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus {
    color: #7A1F26 !important;
    border-bottom-color: #7A1F26 !important;
    background: transparent !important;
}

/* ===== MENÚ DE USUARIO ===== */

.pkp_navigation_user_wrapper {
    top: 125px !important;
    color: #ffffff !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    height: 11px !important;
    line-height: 11px !important;
}

.pkp_navigation_user,
.pkp_navigation_user > li > a {
    color: #ffffff !important;
    font-size: 0.68rem !important;
    line-height: 11px !important;
}

.pkp_navigation_user > li > a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pkp_navigation_user ul,
.pkp_navigation_user .dropdown-menu,
.pkp_navigation_user > li ul {
    background: #ffffff !important;
    border: 1px solid #d9d0d0 !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.14) !important;
}

.pkp_navigation_user ul a,
.pkp_navigation_user .dropdown-menu a,
.pkp_navigation_user > li ul a {
    color: #2A0000 !important;
    background: #ffffff !important;
    font-size: 0.82rem !important;
    line-height: 1.35 !important;
}

.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus,
.pkp_navigation_user .dropdown-menu a:hover,
.pkp_navigation_user .dropdown-menu a:focus,
.pkp_navigation_user > li ul a:hover,
.pkp_navigation_user > li ul a:focus {
    color: #2A0000 !important;
    background: #f1e4e5 !important;
}

/* ===== COLOR DE IDENTIDAD ===== */

a {
    color: #7A1F26;
}

a:hover,
a:focus {
    color: #2A0000;
}

/* ===== MÓVIL ===== */

@media (max-width: 991px) {

    .pkp_structure_head {
        background-image: none !important;
        background-color: #ffffff !important;
    }

    .pkp_head_wrapper,
    .pkp_navigation_primary_row {
        max-width: none !important;
    }

    .pkp_site_name_wrapper {
        min-height: 100px !important;
        height: 100px !important;
        justify-content: center !important;
    }

    .pkp_site_name {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        padding: 6px 14px !important;
        text-align: center !important;
    }

    .pkp_site_name .is_img img {
        max-height: 86px !important;
        max-width: 250px !important;
    }

    .pkp_site_nav_menu::before {
        width: 100% !important;
        max-width: none !important;
        height: 8px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .pkp_navigation_user_wrapper {
        position: static !important;
        height: auto !important;
        line-height: normal !important;
    }

    .pkp_navigation_user,
    .pkp_navigation_user > li > a {
        color: #171717 !important;
        font-size: 0.85rem !important;
        line-height: normal !important;
    }
}


/* ===== BARRA LATERAL — malva sobrio =====
   Rosa viejo desplazado hacia un malva grisáceo y más neutro.
*/

.pkp_structure_sidebar {
    background: #E9E4E8 !important;
    border-left: 1px solid #D6CED3 !important;
    padding-top: 0 !important;
}

/* Bloques limpios */
.pkp_structure_sidebar .pkp_block {
    background: transparent !important;
    margin: 0 !important;
    padding: 22px 22px 24px 22px !important;
    border-bottom: 1px solid #DCD4D8 !important;
}

/* Títulos en burdeos-malva, sin caja */
.pkp_structure_sidebar .pkp_block .title {
    display: block !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 8px 0 !important;
    background: transparent !important;
    color: #56303A !important;
    border-bottom: 2px solid #B9A7B0 !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.035em !important;
}

/* Enlaces */
.pkp_structure_sidebar a {
    color: #6B3945 !important;
}

.pkp_structure_sidebar a:hover,
.pkp_structure_sidebar a:focus {
    color: #3E2028 !important;
    text-decoration: underline !important;
}

/* Botón de envío: más claro y menos pesado que el burdeos casi negro */
.pkp_structure_sidebar .block_make_submission a,
.block_make_submission a {
    display: inline-block !important;
    background: #78454F !important;
    border: 1px solid #78454F !important;
    color: #ffffff !important;
    box-shadow: none !important;
    border-radius: 2px !important;
    padding: 8px 13px !important;
    font-weight: 700 !important;
}

.pkp_structure_sidebar .block_make_submission a:hover,
.pkp_structure_sidebar .block_make_submission a:focus,
.block_make_submission a:hover,
.block_make_submission a:focus {
    background: #643740 !important;
    border-color: #643740 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* "Creado por" discreto */
.pkp_structure_sidebar .block_developed_by,
.pkp_structure_sidebar .block_developed_by a {
    font-size: 0.76rem !important;
    color: #796E74 !important;
}

/* Aire */
.pkp_structure_sidebar .content,
.pkp_structure_sidebar ul {
    line-height: 1.55 !important;
}

/* ===== MÓVIL ===== */
@media (max-width: 991px) {
    .pkp_structure_sidebar {
        background: #ffffff !important;
        border-left: 0 !important;
    }

    .pkp_structure_sidebar .pkp_block {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}


/* ===== PORTADA — ritmo vertical compacto, sin portada del número ===== */

/* Reduce el vacío entre la presentación de la revista y el número actual */
.page_index_journal .current_issue {
    margin-top: 32px !important;
    padding-top: 0 !important;
}

/* Título del número en el mismo malva del botón */
.page_index_journal .current_issue .current_issue_title,
.page_index_journal .current_issue .current_issue_title a,
.obj_issue_toc .heading .title,
.obj_issue_toc .heading .title a {
    color: #78454F !important;
}

/* En la portada del sitio ocultamos la cubierta del número:
   evita que su altura empuje el índice hacia abajo */
.page_index_journal .current_issue .cover,
.page_index_journal .obj_issue_toc .cover {
    display: none !important;
}

/* Compacta el encabezado del número */
.page_index_journal .current_issue > h2 {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

.page_index_journal .obj_issue_toc .heading {
    margin-bottom: 14px !important;
    padding-bottom: 0 !important;
}

.page_index_journal .obj_issue_toc .heading .title {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

/* Menos aire antes de las secciones */
.page_index_journal .obj_issue_toc .sections {
    margin-top: 16px !important;
}

/* Secciones más compactas */
.page_index_journal .obj_issue_toc .section {
    margin-top: 18px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

.page_index_journal .obj_issue_toc .section:first-child {
    margin-top: 8px !important;
}

/* Quita la línea extra bajo "Editorial", "Artículos...", etc. */
.page_index_journal .obj_issue_toc .section > h2,
.page_index_journal .obj_issue_toc .section > h3 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* Quita separadores de los artículos y reduce sus márgenes */
.page_index_journal .obj_issue_toc .articles {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.page_index_journal .obj_issue_toc .articles > li,
.page_index_journal .obj_issue_toc .obj_article_summary {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 6px !important;
    padding-bottom: 10px !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* Evita líneas horizontales residuales del tema dentro del índice */
.page_index_journal .obj_issue_toc hr,
.page_index_journal .obj_issue_toc .galleys_links {
    border-top: 0 !important;
}


/* ===== ÍNDICE DEL NÚMERO — líneas entre artículos + secciones en negrita ===== */

/* Encabezados de sección: ARTÍCULOS DE INVESTIGACIÓN, RESEÑAS, etc. */
.page_index_journal .obj_issue_toc .section > h2,
.page_index_journal .obj_issue_toc .section > h3,
.page_index_journal .obj_issue_toc .section .title {
    font-weight: 700 !important;
    color: #171717 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.01em !important;
    margin-bottom: 8px !important;
    border: 0 !important;
}

/* Línea fina entre cada artículo, como en el diseño de referencia */
.page_index_journal .obj_issue_toc .articles > li,
.page_index_journal .obj_issue_toc .obj_article_summary {
    border-bottom: 1px solid #B9AEA7 !important;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}

/* Evita una línea extra al final de cada sección */
.page_index_journal .obj_issue_toc .articles > li:last-child,
.page_index_journal .obj_issue_toc .obj_article_summary:last-child {
    border-bottom: 0 !important;
}

/* Un poco de separación antes de una nueva sección */
.page_index_journal .obj_issue_toc .section + .section {
    margin-top: 18px !important;
}


/* ===== ELIMINAR DIVISORES VERTICALES DEL LAYOUT DE OJS ===== */

/* En el tema predeterminado, algunas líneas del layout no son bordes normales:
   se dibujan con pseudo-elementos ::before / ::after. */
.pkp_structure_main::before,
.pkp_structure_main::after,
.has_sidebar > .pkp_structure_sidebar::before,
.has_sidebar > .pkp_structure_sidebar::after,
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
}

/* Refuerzo por si alguna variante del tema usa borde directo */
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar {
    border-left: 0 !important;
    border-right: 0 !important;
}


/* ============================================================
   SÍNTESIS — PULIDO PROFESIONAL DE PÁGINAS INTERIORES
   v13: artículos, archivos, botones, metadatos, footer y móvil
   ============================================================ */

/* ===== MIGAS DE PAN / BREADCRUMBS ===== */
.cmp_breadcrumbs,
.cmp_breadcrumbs a {
    font-size: 0.78rem !important;
    color: #7A666D !important;
}

.cmp_breadcrumbs a:hover,
.cmp_breadcrumbs a:focus {
    color: #56303A !important;
}

/* ===== PÁGINA INDIVIDUAL DE ARTÍCULO ===== */

/* Título: más editorial, menos "plantilla OJS" */
.page_article .obj_article_details > .page_title,
.obj_article_details > .page_title {
    color: #211C1D !important;
    font-size: 2rem !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    letter-spacing: -0.012em !important;
    margin-bottom: 24px !important;
}

/* Quitamos divisores verticales internos del artículo */
.obj_article_details .main_entry,
.obj_article_details .entry_details {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Columna principal: lectura cómoda */
.obj_article_details .main_entry {
    padding-right: 34px !important;
}

/* Autoría */
.obj_article_details .authors {
    margin-bottom: 22px !important;
}

.obj_article_details .authors .name,
.obj_article_details .authors .name a {
    color: #211C1D !important;
    font-weight: 700 !important;
}

.obj_article_details .authors .affiliation {
    color: #746B6E !important;
    font-size: 0.88rem !important;
}

/* Etiquetas de metadatos: DOI, palabras clave, resumen, etc. */
.obj_article_details .main_entry .item > .label,
.obj_article_details .main_entry .item h2.label,
.obj_article_details .entry_details .item > .label,
.obj_article_details .entry_details .item h2.label {
    color: #6E6267 !important;
    font-family: "Noto Sans", sans-serif !important;
    font-size: 0.73rem !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.055em !important;
    margin-bottom: 7px !important;
}

/* DOI y palabras clave */
.obj_article_details .doi,
.obj_article_details .keywords {
    margin-top: 18px !important;
    margin-bottom: 22px !important;
}

.obj_article_details .doi a {
    color: #78454F !important;
    text-decoration: none !important;
    border-bottom: 1px solid #CDBFC4 !important;
}

.obj_article_details .doi a:hover,
.obj_article_details .doi a:focus {
    color: #56303A !important;
    border-bottom-color: #78454F !important;
}

/* Resumen */
.obj_article_details .abstract {
    margin-top: 30px !important;
}

.obj_article_details .abstract p,
.obj_article_details .abstract {
    line-height: 1.72 !important;
}

/* Referencias */
.obj_article_details .references {
    margin-top: 38px !important;
}

.obj_article_details .references p {
    line-height: 1.55 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

/* ===== COLUMNA DERECHA DEL ARTÍCULO ===== */
.obj_article_details .entry_details {
    padding-left: 26px !important;
}

/* Portada: más pequeña y limpia */
.obj_article_details .entry_details .cover_image,
.obj_article_details .entry_details .cover {
    margin-bottom: 18px !important;
    text-align: left !important;
}

.obj_article_details .entry_details .cover_image img,
.obj_article_details .entry_details .cover img {
    width: auto !important;
    height: auto !important;
    max-width: 205px !important;
    max-height: 285px !important;
    box-shadow: none !important;
    border: 1px solid #DDD5D8 !important;
}

/* Metadatos laterales como ficha editorial, no cajas OJS */
.obj_article_details .entry_details .item {
    margin: 0 !important;
    padding: 17px 0 !important;
    border-top: 1px solid #E2DCDE !important;
}

.obj_article_details .entry_details .item:first-child {
    border-top: 0 !important;
}

.obj_article_details .entry_details .item,
.obj_article_details .entry_details .item p,
.obj_article_details .entry_details .item a {
    font-size: 0.86rem !important;
    line-height: 1.5 !important;
}

.obj_article_details .entry_details .item a {
    color: #78454F !important;
}

/* ===== BOTONES / GALERADAS PDF ===== */

/* PDF y demás galeradas: outline malva elegante */
.obj_galley_link,
.obj_article_details .galleys .obj_galley_link {
    display: inline-flex !important;
    align-items: center !important;
    background: #FFFFFF !important;
    border: 1px solid #78454F !important;
    border-radius: 2px !important;
    color: #78454F !important;
    box-shadow: none !important;
    padding: 7px 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.obj_galley_link:hover,
.obj_galley_link:focus,
.obj_article_details .galleys .obj_galley_link:hover,
.obj_article_details .galleys .obj_galley_link:focus {
    background: #78454F !important;
    border-color: #78454F !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* Botones generales del frontend */
.page .cmp_button,
.page .pkp_button,
.page button[type="submit"],
.page input[type="submit"] {
    border-radius: 2px !important;
    box-shadow: none !important;
}

/* ===== PÁGINA DE ARCHIVO ===== */

.page_issue_archive .issues_archive {
    border: 0 !important;
}

.page_issue_archive .issues_archive > li {
    margin: 0 !important;
    padding: 26px 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #D9D0D3 !important;
}

.page_issue_archive .issues_archive > li:first-child {
    padding-top: 8px !important;
}

.page_issue_archive .obj_issue_summary {
    border: 0 !important;
    box-shadow: none !important;
}

.page_issue_archive .obj_issue_summary .title,
.page_issue_archive .obj_issue_summary .title a {
    color: #78454F !important;
    font-weight: 700 !important;
}

.page_issue_archive .obj_issue_summary .description {
    color: #625A5D !important;
    line-height: 1.55 !important;
}

.page_issue_archive .obj_issue_summary .cover {
    width: 105px !important;
    margin-right: 22px !important;
}

.page_issue_archive .obj_issue_summary .cover img {
    max-width: 105px !important;
    height: auto !important;
    border: 1px solid #DED6D9 !important;
    box-shadow: none !important;
}

/* ===== PÁGINA DE NÚMERO ===== */

/* Misma lógica visual que la portada */
.page_issue .obj_issue_toc .heading .title,
.page_issue .obj_issue_toc .heading .title a {
    color: #78454F !important;
}

.page_issue .obj_issue_toc .section > h2,
.page_issue .obj_issue_toc .section > h3,
.page_issue .obj_issue_toc .section .title {
    font-weight: 700 !important;
    color: #171717 !important;
    text-transform: uppercase !important;
}

.page_issue .obj_issue_toc .articles > li,
.page_issue .obj_issue_toc .obj_article_summary {
    border-bottom: 1px solid #B9AEA7 !important;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
}

.page_issue .obj_issue_toc .articles > li:last-child,
.page_issue .obj_issue_toc .obj_article_summary:last-child {
    border-bottom: 0 !important;
}

/* ===== FOOTER ===== */

.pkp_structure_footer_wrapper {
    background: #FFFFFF !important;
    border-top: 1px solid #B9A7B0 !important;
    margin-top: 48px !important;
}

.pkp_structure_footer {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 24px !important;
    padding-bottom: 28px !important;
}

.pkp_structure_footer,
.pkp_structure_footer p {
    color: #665D60 !important;
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
}

.pkp_structure_footer strong {
    color: #3F2A30 !important;
}

/* Si aparece la marca PKP/OJS en el footer, que quede discreta */
.pkp_brand_footer {
    opacity: 0.55 !important;
}

/* ===== RITMO GENERAL DE LAS PÁGINAS INTERIORES ===== */

.page_article,
.page_issue,
.page_issue_archive,
.page_about,
.page_submissions {
    padding-top: 8px !important;
}

/* ===== RESPONSIVE / MÓVIL ===== */
@media (max-width: 991px) {

    .page_article .obj_article_details > .page_title,
    .obj_article_details > .page_title {
        font-size: 1.62rem !important;
        line-height: 1.18 !important;
    }

    .obj_article_details .main_entry {
        padding-right: 0 !important;
    }

    .obj_article_details .entry_details {
        padding-left: 0 !important;
        margin-top: 28px !important;
        padding-top: 22px !important;
        border-top: 1px solid #D9D0D3 !important;
    }

    .obj_article_details .entry_details .cover_image img,
    .obj_article_details .entry_details .cover img {
        max-width: 160px !important;
    }

    .page_issue_archive .obj_issue_summary .cover {
        width: 82px !important;
        margin-right: 16px !important;
    }

    .page_issue_archive .obj_issue_summary .cover img {
        max-width: 82px !important;
    }

    .pkp_structure_footer {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}


/* ============================================================
   SÍNTESIS — v14 WIDE
   Más presencia horizontal: cabecera full-bleed + contenido amplio
   ============================================================ */

:root {
    --sintesis-wide-shell: 1500px;
    --sintesis-wide-gutter: 32px;
}

/* OJS suele limitar toda la página con .pkp_structure_page.
   Liberamos ese contenedor para que cabecera y franjas puedan ocupar
   realmente todo el ancho de la ventana. */
body > .pkp_structure_page {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
}

/* ===== DESKTOP / TABLET HORIZONTAL ===== */
@media (min-width: 992px) {

    /* Un mismo eje amplio para cabecera, navegación, contenido y footer */
    .pkp_head_wrapper,
    .pkp_navigation_primary_row,
    .pkp_structure_content,
    .pkp_structure_footer {
        width: calc(100% - (2 * var(--sintesis-wide-gutter))) !important;
        max-width: var(--sintesis-wide-shell) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* CABECERA: más alta y con el motivo histórico anclado
       al nuevo borde izquierdo del layout amplio */
    .pkp_structure_head {
        background-position: calc(50% - 640px) 0 !important;
        background-size: auto 145px !important;
    }

    .pkp_site_name_wrapper {
        min-height: 145px !important;
        height: 145px !important;
    }

    .pkp_site_name {
        padding-top: 6px !important;
        padding-right: 0 !important;
    }

    .pkp_site_name .is_img img {
        max-height: 124px !important;
        max-width: 330px !important;
    }

    /* La franja burdeos sí ocupa literalmente todo el viewport */
    .pkp_site_nav_menu::before {
        width: 100vw !important;
        max-width: none !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: 0 !important;
    }

    /* El nombre de usuario permanece dentro de la franja */
    .pkp_navigation_user_wrapper {
        top: 145px !important;
        width: calc(100% - (2 * var(--sintesis-wide-gutter))) !important;
        max-width: var(--sintesis-wide-shell) !important;
    }

    /* ===== CUERPO =====
       Aprovechamos el ancho extra para que el sitio tenga más presencia,
       sin convertir el texto en una línea interminable. */
    .pkp_structure_content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .has_sidebar > .pkp_structure_main {
        width: calc(100% - 350px) !important;
        padding-right: 48px !important;
    }

    .has_sidebar > .pkp_structure_sidebar {
        width: 302px !important;
        margin-left: 0 !important;
    }

    /* En páginas sin sidebar, dejamos respirar el contenido */
    .pkp_structure_content:not(.has_sidebar) > .pkp_structure_main,
    .pkp_structure_main:first-child:last-child {
        width: 100% !important;
    }

    /* La portada puede crecer, pero el párrafo institucional no debe
       volverse excesivamente largo. */
    .page_index_journal .homepage_about {
        max-width: 980px !important;
    }
}

/* Pantallas muy grandes: un poco más de escala visual en la cabecera */
@media (min-width: 1600px) {
    .pkp_structure_head {
        background-position: calc(50% - 655px) 0 !important;
        background-size: auto 150px !important;
    }

    .pkp_site_name_wrapper {
        min-height: 150px !important;
        height: 150px !important;
    }

    .pkp_navigation_user_wrapper {
        top: 150px !important;
    }

    .pkp_site_name .is_img img {
        max-height: 128px !important;
        max-width: 345px !important;
    }
}

/* Móvil: mantenemos la lógica compacta de v13 */
@media (max-width: 991px) {
    body > .pkp_structure_page {
        width: 100% !important;
        max-width: none !important;
    }
}


/* ============================================================
   SÍNTESIS — v15
   Franja superior más robusta + footer compacto y ordenado
   ============================================================ */

/* ===== FRANJA BURDEOS SUPERIOR ===== */
/* Más presencia visual, sin volverla pesada */
.pkp_site_nav_menu::before {
    height: 15px !important;
}

/* Ajustamos ligeramente la posición del menú de usuario
   para que siga centrado dentro de la franja más alta */
@media (min-width: 992px) {
    .pkp_navigation_user_wrapper {
        transform: translateY(2px) !important;
    }
}


/* ===== FOOTER COMPACTO Y EDITORIAL ===== */

.pkp_structure_footer_wrapper {
    background: #F7F4F5 !important;
    border-top: 1px solid #B9A7B0 !important;
    margin-top: 52px !important;
    padding: 0 !important;
}

/* Quitamos alturas/paddings heredados del tema */
.pkp_structure_footer {
    min-height: 0 !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;

    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 48px !important;
}

/* Bloque institucional de la izquierda */
.pkp_footer_content {
    float: none !important;
    width: auto !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_footer_content,
.pkp_footer_content p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: #665D60 !important;
    font-size: 0.80rem !important;
    line-height: 1.55 !important;
}

.pkp_footer_content strong {
    color: #3F2A30 !important;
    font-weight: 700 !important;
}

/* Marca OJS/PKP: presente, pero secundaria y bien alineada */
.pkp_brand_footer {
    float: none !important;
    flex: 0 0 150px !important;
    width: 150px !important;
    max-width: 150px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    opacity: 0.42 !important;
    text-align: right !important;
}

.pkp_brand_footer a {
    display: block !important;
    margin: 0 !important;
}

.pkp_brand_footer img {
    display: block !important;
    width: 100% !important;
    max-width: 150px !important;
    height: auto !important;
    margin: 0 0 0 auto !important;
}

/* Evita espacios vacíos heredados */
.pkp_structure_footer::before,
.pkp_structure_footer::after,
.pkp_footer_content::before,
.pkp_footer_content::after,
.pkp_brand_footer::before,
.pkp_brand_footer::after {
    content: none !important;
    display: none !important;
}

/* Móvil: footer en una sola columna, aún compacto */
@media (max-width: 767px) {
    .pkp_structure_footer {
        display: block !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .pkp_brand_footer {
        width: 115px !important;
        max-width: 115px !important;
        margin-top: 18px !important;
        opacity: 0.38 !important;
        text-align: left !important;
    }

    .pkp_brand_footer img {
        max-width: 115px !important;
        margin-left: 0 !important;
    }
}


/* ============================================================
   SÍNTESIS — v16
   Franja superior todavía más robusta
   ============================================================ */

.pkp_site_nav_menu::before {
    height: 20px !important;
}

@media (min-width: 992px) {
    .pkp_navigation_user_wrapper {
        transform: translateY(4px) !important;
    }
}


/* ============================================================
   SÍNTESIS — v17
   Full-bleed solo donde corresponde; contenido más contenido.
   Corrige overflow horizontal y elimina la barra inferior.
   ============================================================ */

:root {
    --sintesis-wide-shell: 1280px !important;
    --sintesis-wide-gutter: 28px !important;
}

/* Seguridad: ningún elemento del layout debe generar desplazamiento horizontal */
html,
body,
body > .pkp_structure_page {
    max-width: 100% !important;
}

html,
body {
    overflow-x: clip !important;
}

/* Si el navegador no soporta overflow-x: clip */
@supports not (overflow-x: clip) {
    html,
    body {
        overflow-x: hidden !important;
    }
}

@media (min-width: 992px) {

    /* El contenido queda amplio, pero no gigantesco */
    .pkp_head_wrapper,
    .pkp_navigation_primary_row,
    .pkp_structure_content,
    .pkp_structure_footer {
        width: calc(100% - 56px) !important;
        max-width: 1280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* Cabecera: conserva presencia visual, con logos dentro del eje de 1280 */
    .pkp_structure_head {
        background-position: calc(50% - 535px) 0 !important;
        background-size: auto 145px !important;
    }

    .pkp_site_name_wrapper {
        min-height: 145px !important;
        height: 145px !important;
    }

    .pkp_site_name .is_img img {
        max-height: 122px !important;
        max-width: 325px !important;
    }

    /* FRANJA: full-bleed sin usar 100vw.
       El truco de box-shadow extiende el color a ambos lados
       sin crear overflow horizontal. */
    .pkp_site_nav_menu::before {
        width: 100% !important;
        height: 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        background: #2A0000 !important;
        box-shadow: 0 0 0 100vmax #2A0000 !important;
        clip-path: inset(0 -100vmax) !important;
    }

    /* Quitamos el ancho artificial que podía empujar el layout */
    .pkp_navigation_user_wrapper {
        width: auto !important;
        max-width: none !important;
        top: 145px !important;
        transform: translateY(4px) !important;
    }

    /* Layout central parecido a Grecorromana:
       ancho generoso, pero columna de lectura controlada */
    .pkp_structure_content,
    .pkp_structure_main,
    .pkp_structure_sidebar {
        box-sizing: border-box !important;
    }

    .has_sidebar > .pkp_structure_main {
        width: calc(100% - 330px) !important;
        padding-right: 40px !important;
    }

    .has_sidebar > .pkp_structure_sidebar {
        width: 290px !important;
        margin-left: 0 !important;
    }

    .page_index_journal .homepage_about {
        max-width: 900px !important;
    }
}

/* En monitores grandes no volvemos a ensanchar el cuerpo */
@media (min-width: 1600px) {
    .pkp_head_wrapper,
    .pkp_navigation_primary_row,
    .pkp_structure_content,
    .pkp_structure_footer {
        max-width: 1280px !important;
    }

    .pkp_structure_head {
        background-position: calc(50% - 535px) 0 !important;
        background-size: auto 145px !important;
    }

    .pkp_site_name_wrapper {
        min-height: 145px !important;
        height: 145px !important;
    }

    .pkp_navigation_user_wrapper {
        top: 145px !important;
    }

    .pkp_site_name .is_img img {
        max-height: 122px !important;
        max-width: 325px !important;
    }
}


/* ============================================================
   SÍNTESIS — v18
   Recupera y realza el menú de usuario en la franja burdeos
   ============================================================ */

@media (min-width: 992px) {

    /* El menú de usuario queda por ENCIMA de la franja,
       alineado al borde derecho del contenedor principal */
    .pkp_navigation_user_wrapper {
        position: absolute !important;
        top: 145px !important;
        right: 0 !important;
        left: auto !important;
        width: auto !important;
        height: 20px !important;
        line-height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        z-index: 100 !important;
    }

    .pkp_navigation_user {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_navigation_user > li,
    .pkp_navigation_user > li > a {
        height: 20px !important;
        line-height: 20px !important;
        margin: 0 !important;
    }

    .pkp_navigation_user > li > a {
        color: #FFFFFF !important;
        font-size: 0.76rem !important;
        font-weight: 600 !important;
        padding: 0 8px !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .pkp_navigation_user > li > a:hover,
    .pkp_navigation_user > li > a:focus {
        color: #FFFFFF !important;
        background: rgba(255,255,255,0.10) !important;
    }

    /* El desplegable sigue blanco y legible */
    .pkp_navigation_user ul,
    .pkp_navigation_user .dropdown-menu,
    .pkp_navigation_user > li ul {
        z-index: 110 !important;
    }
}

/* En pantallas extra grandes mantenemos exactamente la misma posición */
@media (min-width: 1600px) {
    .pkp_navigation_user_wrapper {
        top: 145px !important;
        right: 0 !important;
    }
}


/* ============================================================
   SÍNTESIS — v19
   Menú de usuario estable al pasar el mouse
   ============================================================ */

@media (min-width: 992px) {

    /* El elemento que contiene el nombre de usuario actúa como ancla */
    .pkp_navigation_user > li {
        position: relative !important;
    }

    /* El desplegable comienza inmediatamente debajo del nombre:
       eliminamos el pequeño "vacío" que hacía perder el hover. */
    .pkp_navigation_user > li > ul,
    .pkp_navigation_user > li > .dropdown-menu {
        top: 100% !important;
        margin-top: 0 !important;
    }

    /* Mantiene abierto el menú mientras el puntero esté sobre
       el nombre O sobre cualquiera de las opciones del desplegable. */
    .pkp_navigation_user > li:hover > ul,
    .pkp_navigation_user > li:focus-within > ul,
    .pkp_navigation_user > li:hover > .dropdown-menu,
    .pkp_navigation_user > li:focus-within > .dropdown-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* Pequeño puente invisible de seguridad entre el botón y el menú.
       No cambia el aspecto visual, solo evita que se cierre por 1–2 px. */
    .pkp_navigation_user > li::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 100% !important;
        height: 8px !important;
        background: transparent !important;
        pointer-events: auto !important;
    }

    /* El menú debe quedar por encima del resto de la interfaz */
    .pkp_navigation_user > li > ul,
    .pkp_navigation_user > li > .dropdown-menu {
        z-index: 200 !important;
    }
}


/* ============================================================
   SÍNTESIS — v24 RECUPERACIÓN
   Recupera exactamente la apariencia de v19.
   Único cambio funcional: menú de usuario estable por clic/foco.
   ============================================================ */

@media (min-width: 992px) {

    .pkp_navigation_user > li {
        position: relative !important;
    }

    /* Cerrado por defecto */
    .pkp_navigation_user > li > ul,
    .pkp_navigation_user > li > .dropdown-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        top: 100% !important;
        margin-top: 0 !important;
        z-index: 250 !important;
    }

    /* Anula la apertura por hover del tema */
    .pkp_navigation_user > li:hover > ul,
    .pkp_navigation_user > li:hover > .dropdown-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Abierto por clic/foco; permanece estable mientras se usa */
    .pkp_navigation_user > li:focus-within > ul,
    .pkp_navigation_user > li:focus-within > .dropdown-menu,
    .pkp_navigation_user > li.is_open > ul,
    .pkp_navigation_user > li.is_open > .dropdown-menu,
    .pkp_navigation_user > li.open > ul,
    .pkp_navigation_user > li.open > .dropdown-menu,
    .pkp_navigation_user > li > a[aria-expanded="true"] + ul,
    .pkp_navigation_user > li > a[aria-expanded="true"] + .dropdown-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* Quitamos el puente invisible usado en la versión hover */
    .pkp_navigation_user > li::after {
        content: none !important;
        display: none !important;
    }

    .pkp_navigation_user > li > a {
        cursor: pointer !important;
    }
}


/* ============================================================
   SÍNTESIS — v25
   Único cambio: franja superior más burdeos, menos negra
   ============================================================ */

.pkp_site_nav_menu::before {
    background: #682B38 !important;
    box-shadow: 0 0 0 100vmax #682B38 !important;
}

/* Mantiene el nombre de usuario integrado en la misma franja */
.pkp_navigation_user_wrapper {
    background: transparent !important;
}


/* ============================================================
   SÍNTESIS — v28 / OPCIÓN C
   Más identidad gráfica, sin llenar la página de color.
   Mantiene intactos layout, header, footer y menú de usuario.
   ============================================================ */

:root {
    --sintesis-c-burgundy: #743440;
    --sintesis-c-burgundy-dark: #4E252D;
    --sintesis-c-rose: #C795A1;
    --sintesis-c-rose-pale: #F5ECEF;
    --sintesis-c-taupe: #B7A6A0;
    --sintesis-c-ink: #2B2526;
}

/* ===== NAVEGACIÓN PRINCIPAL ===== */
/* El menú permanece neutro, pero gana una señal gráfica en hover/activo */
.pkp_navigation_primary > li > a {
    position: relative !important;
}

.pkp_navigation_primary > li > a::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -7px !important;
    height: 3px !important;
    background: transparent !important;
}

.pkp_navigation_primary > li > a:hover::after,
.pkp_navigation_primary > li > a:focus::after,
.pkp_navigation_primary > li > a[aria-current="page"]::after {
    background: var(--sintesis-c-rose) !important;
}

/* ===== BREADCRUMBS ===== */
.cmp_breadcrumbs,
.cmp_breadcrumbs a {
    color: #81515A !important;
}

/* ===== ENCABEZADO DEL NÚMERO ===== */
/* Más gráfico que A, menos bloque que B */
.page_index_journal .obj_issue_toc .heading,
.page_issue .obj_issue_toc .heading {
    position: relative !important;
    padding-left: 22px !important;
    margin-bottom: 24px !important;
}

/* Punto/medallón editorial */
.page_index_journal .obj_issue_toc .heading::before,
.page_issue .obj_issue_toc .heading::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.35em !important;
    width: 11px !important;
    height: 11px !important;
    border-radius: 50% !important;
    background: var(--sintesis-c-rose) !important;
    box-shadow: 0 0 0 4px var(--sintesis-c-rose-pale) !important;
}

.page_index_journal .obj_issue_toc .heading .title,
.page_index_journal .obj_issue_toc .heading .title a,
.page_issue .obj_issue_toc .heading .title,
.page_issue .obj_issue_toc .heading .title a {
    color: var(--sintesis-c-burgundy) !important;
    font-weight: 700 !important;
}

/* ===== SECCIONES ===== */
/* Recupera la idea antigua de pequeños marcadores, pero actualizada */
.page_index_journal .obj_issue_toc .section > h2,
.page_index_journal .obj_issue_toc .section > h3,
.page_issue .obj_issue_toc .section > h2,
.page_issue .obj_issue_toc .section > h3 {
    color: var(--sintesis-c-ink) !important;
    position: relative !important;
    padding-left: 18px !important;
}

.page_index_journal .obj_issue_toc .section > h2::before,
.page_index_journal .obj_issue_toc .section > h3::before,
.page_issue .obj_issue_toc .section > h2::before,
.page_issue .obj_issue_toc .section > h3::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.38em !important;
    width: 7px !important;
    height: 7px !important;
    background: var(--sintesis-c-burgundy) !important;
    transform: rotate(45deg) !important;
}

/* ===== ARTÍCULOS ===== */
.page_index_journal .obj_article_summary .title a,
.page_issue .obj_article_summary .title a {
    color: #6E333D !important;
    font-weight: 700 !important;
}

.page_index_journal .obj_article_summary .title a:hover,
.page_issue .obj_article_summary .title a:hover {
    color: var(--sintesis-c-burgundy-dark) !important;
}

/* Autoría ligeramente más cálida */
.page_index_journal .obj_article_summary .authors,
.page_issue .obj_article_summary .authors {
    color: #8A7772 !important;
}

/* Números de página como acento secundario */
.page_index_journal .obj_article_summary .pages,
.page_issue .obj_article_summary .pages {
    color: #A75D6B !important;
    font-weight: 600 !important;
}

/* Separadores: línea fina + pequeño remate */
.page_index_journal .obj_issue_toc .articles > li,
.page_index_journal .obj_issue_toc .obj_article_summary,
.page_issue .obj_issue_toc .articles > li,
.page_issue .obj_issue_toc .obj_article_summary {
    border-bottom-color: #CDBBC0 !important;
    position: relative !important;
}

.page_index_journal .obj_issue_toc .articles > li::after,
.page_issue .obj_issue_toc .articles > li::after {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 38px !important;
    height: 2px !important;
    background: var(--sintesis-c-rose) !important;
}

/* ===== BOTÓN PDF ===== */
.obj_galley_link,
.obj_article_details .galleys .obj_galley_link {
    border-color: var(--sintesis-c-burgundy) !important;
    color: var(--sintesis-c-burgundy) !important;
}

.obj_galley_link:hover,
.obj_galley_link:focus,
.obj_article_details .galleys .obj_galley_link:hover,
.obj_article_details .galleys .obj_galley_link:focus {
    background: var(--sintesis-c-burgundy) !important;
    color: #FFFFFF !important;
}

/* ===== SIDEBAR ===== */
/* Pequeña pastilla de color en los títulos, sin cambiar el fondo */
.pkp_structure_sidebar .pkp_block .title {
    color: var(--sintesis-c-burgundy-dark) !important;
    position: relative !important;
    padding-left: 14px !important;
}

.pkp_structure_sidebar .pkp_block .title::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.3em !important;
    width: 4px !important;
    height: 1.15em !important;
    background: var(--sintesis-c-rose) !important;
}

/* ===== SOBRE LA REVISTA ===== */
/* Acento pequeño al comienzo del bloque, sin fondo */
.page_index_journal .homepage_about > h2,
.page_index_journal .homepage_about > h3 {
    position: relative !important;
    padding-left: 16px !important;
}

.page_index_journal .homepage_about > h2::before,
.page_index_journal .homepage_about > h3::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.28em !important;
    width: 5px !important;
    height: 1.15em !important;
    background: var(--sintesis-c-rose) !important;
}


/* ============================================================
   SÍNTESIS — v29 / OPCIÓN C REFINADA
   - reemplaza los rombos por puntos editoriales
   - oculta la fecha "Publicado" a nivel de número
   - conserva la fecha de publicación en la página de cada artículo
   ============================================================ */

/* ===== SECCIONES: punto circular en vez de rombo ===== */
.page_index_journal .obj_issue_toc .section > h2::before,
.page_index_journal .obj_issue_toc .section > h3::before,
.page_issue .obj_issue_toc .section > h2::before,
.page_issue .obj_issue_toc .section > h3::before {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    transform: none !important;
    background: #C795A1 !important;
    box-shadow: 0 0 0 3px #F5ECEF !important;
    top: 0.38em !important;
}

/* ===== FECHA DE PUBLICACIÓN DEL NÚMERO ===== */
/* Para publicación continua no aporta demasiado mostrar
   una única fecha de publicación del número en la portada o TOC. */
.page_index_journal .current_issue .published,
.page_index_journal .obj_issue_toc .published,
.page_issue .obj_issue_toc .published {
    display: none !important;
}

/* IMPORTANTE:
   No ocultamos .obj_article_details .published:
   la fecha individual del artículo sí sigue siendo útil y pertinente
   en un modelo de publicación continua. */


/* ============================================================
   SÍNTESIS — v30
   Corrige el punto huérfano bajo el título del número.
   Mantiene los puntos pequeños junto a las secciones.
   ============================================================ */

/* Elimina únicamente el medallón grande del encabezado del número */
.page_index_journal .obj_issue_toc .heading::before,
.page_issue .obj_issue_toc .heading::before {
    content: none !important;
    display: none !important;
}

/* Al no haber medallón, recuperamos el alineado natural del encabezado */
.page_index_journal .obj_issue_toc .heading,
.page_issue .obj_issue_toc .heading {
    padding-left: 0 !important;
}

/* Conserva el punto pequeño junto a EDITORIAL / ARTÍCULOS / RESEÑAS */
.page_index_journal .obj_issue_toc .section > h2,
.page_index_journal .obj_issue_toc .section > h3,
.page_issue .obj_issue_toc .section > h2,
.page_issue .obj_issue_toc .section > h3 {
    padding-left: 18px !important;
}


/* ============================================================
   SÍNTESIS — v31
   Artículo individual: "Cómo citar" antes de "Licencia"
   + pulido visual del selector de formatos.
   ============================================================ */

/* Permite reordenar únicamente los módulos de la columna derecha */
.page_article .obj_article_details .entry_details {
    display: flex !important;
    flex-direction: column !important;
}

/* Todo lo demás conserva su orden normal */
.page_article .obj_article_details .entry_details > * {
    order: 0;
}

/* Cómo citar va al final de los metadatos, pero antes de Licencia */
.page_article .obj_article_details .entry_details > .citation,
.page_article .obj_article_details .entry_details .item.citation {
    order: 90 !important;
}

/* Licencia siempre queda después de Cómo citar */
.page_article .obj_article_details .entry_details > .copyright,
.page_article .obj_article_details .entry_details .item.copyright {
    order: 100 !important;
}

/* Un poco más de separación antes de Cómo citar */
.page_article .obj_article_details .entry_details .item.citation {
    border-top: 1px solid #DED4D7 !important;
    padding-top: 18px !important;
    margin-top: 0 !important;
}

/* El botón "Más formatos de cita" se integra a la identidad de Síntesis */
.page_article .citation_formats_button {
    width: 100% !important;
    background: #FFFFFF !important;
    color: #743440 !important;
    border: 1px solid #BFA7AD !important;
    border-radius: 2px !important;
    padding: 9px 12px !important;
    text-align: left !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.page_article .citation_formats_button:hover,
.page_article .citation_formats_button:focus {
    border-color: #743440 !important;
    color: #552731 !important;
}

/* Lista desplegable: limpia, sin look genérico */
.page_article .citation_formats_list {
    border: 1px solid #D7C9CD !important;
    background: #FFFFFF !important;
    box-shadow: 0 8px 20px rgba(62, 34, 40, 0.10) !important;
}

.page_article .citation_formats_list a {
    color: #6E333D !important;
}

.page_article .citation_formats_list a:hover,
.page_article .citation_formats_list a:focus {
    color: #4E252D !important;
    background: #F7F1F3 !important;
}


/* ============================================================
   SÍNTESIS — v32
   Footer institucional:
   - texto de la revista a la izquierda
   - logo UAI + Facultad a la derecha
   - oculta la marca OJS/PKP
   ============================================================ */

/* Ocultamos únicamente la marca visual "Platform & workflow by OJS/PKP" */
.pkp_brand_footer {
    display: none !important;
}

/* El footer deja de reservar espacio para la marca PKP */
.pkp_structure_footer {
    display: block !important;
    min-height: 0 !important;
    padding-top: 26px !important;
    padding-bottom: 26px !important;
}

/* El contenido editorial del footer se convierte en dos columnas */
.pkp_footer_content {
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) minmax(360px, 520px) !important;
    align-items: center !important;
    gap: 52px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Bloque textual */
.pkp_footer_content > p:first-child {
    margin: 0 !important;
    max-width: 520px !important;
}

/* Párrafo que contiene el logo institucional */
.pkp_footer_content > p:last-child {
    margin: 0 !important;
    text-align: right !important;
    line-height: 0 !important;
}

/* El logo deja de ocupar media pantalla */
.pkp_footer_content > p:last-child img {
    display: inline-block !important;
    width: 100% !important;
    max-width: 500px !important;
    height: auto !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

/* Evita márgenes heredados del editor enriquecido */
.pkp_footer_content img {
    box-shadow: none !important;
    border: 0 !important;
}

/* Tablet y móvil */
@media (max-width: 900px) {
    .pkp_footer_content {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .pkp_footer_content > p:last-child {
        text-align: left !important;
    }

    .pkp_footer_content > p:last-child img {
        max-width: 420px !important;
    }
}

@media (max-width: 600px) {
    .pkp_structure_footer {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }

    .pkp_footer_content > p:last-child img {
        max-width: 100% !important;
    }
}


/* ============================================================
   SÍNTESIS — v33
   Footer institucional corregido.
   Funciona aunque OJS haya dejado texto + imagen dentro del mismo párrafo.
   ============================================================ */

/* Mantener oculta la marca OJS/PKP */
.pkp_brand_footer {
    display: none !important;
}

/* Footer compacto */
.pkp_structure_footer {
    min-height: 0 !important;
    padding-top: 26px !important;
    padding-bottom: 26px !important;
}

/* El bloque completo funciona como lienzo de dos zonas */
.pkp_footer_content {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 190px !important;
    padding: 0 560px 0 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Texto institucional: izquierda */
.pkp_footer_content,
.pkp_footer_content p,
.pkp_footer_content div {
    color: #665D60 !important;
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
}

.pkp_footer_content p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.pkp_footer_content strong {
    color: #3F2A30 !important;
}

/* Imagen institucional: derecha, independiente de cómo la envolvió el editor */
.pkp_footer_content img {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 500px !important;
    max-height: 155px !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    object-fit: contain !important;
}

/* Si el editor dejó un párrafo vacío/alojando solo la imagen, no debe crear altura extra */
.pkp_footer_content p:has(img) {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* Tablet */
@media (max-width: 1050px) {
    .pkp_footer_content {
        min-height: 165px !important;
        padding-right: 430px !important;
    }

    .pkp_footer_content img {
        max-width: 390px !important;
        max-height: 125px !important;
    }
}

/* Móvil: apilado limpio */
@media (max-width: 760px) {
    .pkp_footer_content {
        min-height: 0 !important;
        padding-right: 0 !important;
    }

    .pkp_footer_content img {
        position: static !important;
        transform: none !important;
        max-width: 100% !important;
        max-height: none !important;
        margin-top: 20px !important;
    }

    .pkp_footer_content p:has(img) {
        line-height: normal !important;
    }
}


/* ============================================================
   SÍNTESIS — v34
   Footer: alinea el logo institucional con el bloque de texto.
   ============================================================ */

@media (min-width: 761px) {

    /* Logo alineado arriba con la primera línea del bloque de texto */
    .pkp_footer_content img {
        top: 0 !important;
        transform: none !important;
    }

    /* La altura del footer la define el contenido, sin espacio extra innecesario */
    .pkp_footer_content {
        min-height: 155px !important;
    }
}


/* ============================================================
   SÍNTESIS — v35
   Bloque "Indexada en": logos integrados al color del sidebar.
   - ERIH+, Dialnet, Latindex y Philosopher's Index pierden visualmente
     el rectángulo blanco mediante blend mode.
   - DOAJ conserva su fondo oscuro oficial.
   ============================================================ */

/* Alineación general del bloque de indexaciones */
#customblock-indexaciones,
.pkp_structure_sidebar .pkp_block.block_custom {
    text-align: left !important;
}

/* Los logos ocupan el ancho disponible sin deformarse */
#customblock-indexaciones img,
.pkp_structure_sidebar .pkp_block.block_custom img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 18px auto !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Para logos con fondo blanco:
   el blanco se "funde" con el malva del sidebar */
#customblock-indexaciones img,
.pkp_structure_sidebar .pkp_block.block_custom img {
    mix-blend-mode: multiply !important;
    background: transparent !important;
}

/* DOAJ conserva su fondo negro/oscuro */
#customblock-indexaciones img[alt*="DOAJ" i],
#customblock-indexaciones img[src*="doaj" i],
.pkp_structure_sidebar .pkp_block.block_custom img[alt*="DOAJ" i],
.pkp_structure_sidebar .pkp_block.block_custom img[src*="doaj" i] {
    mix-blend-mode: normal !important;
    background: transparent !important;
}

/* Un poco más de aire entre logos, sin cajas visuales */
#customblock-indexaciones p,
.pkp_structure_sidebar .pkp_block.block_custom p {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
}

/* Si el editor dejó espacios vacíos entre imágenes */
#customblock-indexaciones p:empty,
.pkp_structure_sidebar .pkp_block.block_custom p:empty {
    display: none !important;
}


/* ============================================================
   SÍNTESIS — v36
   Oculta "Sobre la revista" SOLO en la página de inicio.
   El contenido sigue disponible en la sección Acerca de la revista.
   ============================================================ */

.page_index_journal .homepage_about {
    display: none !important;
}


/* ============================================================
   SÍNTESIS — v37
   Recupera la portada del número actual en la página de inicio,
   pero en formato compacto para evitar el gran espacio vacío.
   ============================================================ */

/* Vuelve a mostrar la portada que versiones anteriores ocultaban */
.page_index_journal .current_issue .cover,
.page_index_journal .obj_issue_toc .cover {
    display: block !important;
}

/* Portada pequeña y editorial, alineada a la derecha del encabezado */
.page_index_journal .obj_issue_toc .heading {
    position: relative !important;
    min-height: 150px !important;
    padding-right: 135px !important;
}

.page_index_journal .obj_issue_toc .heading .cover {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 105px !important;
    max-width: 105px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page_index_journal .obj_issue_toc .heading .cover img,
.page_index_journal .current_issue .cover img {
    display: block !important;
    width: 105px !important;
    max-width: 105px !important;
    height: auto !important;
    margin: 0 !important;
    border: 1px solid #D8CDD1 !important;
    box-shadow: none !important;
}

/* Evita que reaparezca el gran salto vertical que tenía la portada antes */
.page_index_journal .obj_issue_toc .sections {
    clear: both !important;
    margin-top: 12px !important;
}

/* En móvil, la portada pasa arriba y queda centrada */
@media (max-width: 700px) {
    .page_index_journal .obj_issue_toc .heading {
        min-height: 0 !important;
        padding-right: 0 !important;
    }

    .page_index_journal .obj_issue_toc .heading .cover {
        position: static !important;
        width: 120px !important;
        max-width: 120px !important;
        margin: 0 0 18px 0 !important;
    }

    .page_index_journal .obj_issue_toc .heading .cover img,
    .page_index_journal .current_issue .cover img {
        width: 120px !important;
        max-width: 120px !important;
    }
}


/* ============================================================
   SÍNTESIS — v38
   Portada del número actual alineada a la izquierda.
   Mantiene todo lo demás de v37.
   ============================================================ */

@media (min-width: 701px) {

    /* El encabezado reserva espacio a la izquierda para la portada */
    .page_index_journal .obj_issue_toc .heading {
        position: relative !important;
        min-height: 150px !important;
        padding-left: 135px !important;
        padding-right: 0 !important;
    }

    /* Portada a la izquierda */
    .page_index_journal .obj_issue_toc .heading .cover {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        width: 105px !important;
        max-width: 105px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .page_index_journal .obj_issue_toc .heading .cover img,
    .page_index_journal .current_issue .cover img {
        width: 105px !important;
        max-width: 105px !important;
        height: auto !important;
    }
}