/* Reset para evitar estilos no deseados */
.article__btn {
    width: auto !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}/* Fondo del body para evitar áreas blancas por transparencia */
body {
    background: linear-gradient(135deg, #4E2F66 0%, #6A4B8E 100%) !important;
}/* Forzar que todo el texto dentro de los contenedores principales sea blanco - Ajustado para el nuevo HTML */
body .main__content,
body .main__header,
body .main__title,
body .archived-issue,
body .archived-issue__title,
body .series,
body .archived-issue__date {
    color: #fff !important;
}body .main__content p,
body .main__content h1,
body .main__content h2,
body .main__content h3,
body .main__content h4,
body .main__content a,
body .main__content span,
body .main__header p,
body .main__header h1,
body .main__header h2,
body .main__header h3,
body .main__header h4,
body .main__header a,
body .main__header span,
body .main__title p,
body .main__title h1,
body .main__title h2,
body .main__title h3,
body .main__title h4,
body .main__title a,
body .main__title span,
body .archived-issue p,
body .archived-issue h1,
body .archived-issue h2,
body .archived-issue h3,
body .archived-issue h4,
body .archived-issue a,
body .archived-issue span,
body .archived-issue__title p,
body .archived-issue__title h1,
body .archived-issue__title h2,
body .archived-issue__title h3,
body .archived-issue__title h4,
body .archived-issue__title a,
body .archived-issue__title span,
body .series p,
body .series h1,
body .series h2,
body .series h3,
body .series h4,
body .series a,
body .series span,
body .archived-issue__date p,
body .archived-issue__date h1,
body .archived-issue__date h2,
body .archived-issue__date h3,
body .archived-issue__date h4,
body .archived-issue__date a,
body .archived-issue__date span {
    color: #fff !important;
}/* Estilos generales del header */
.main-header {
    position: relative;
    width: 100%;
    background-color: #000;
    top: -0.5rem;
    padding: 0;
    background-color: transparent !important;
    background-image: url('ban-header-hor.png?t=1749176859') !important;
    /*background-size: contain !important;*/
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    height: 31vw !important;
}
/* Barra de navegación */
.navbar.main-header__nav {
    width: 100%;
    padding: 2px 15px !important;
    margin: 0 !important;
    background-color: #f8f9fa;
    z-index: 2000 !important;
    text-align: center;
}/* Barra de administración */
.main-header__admin {
    position: relative;
    z-index: 2100 !important;
    background-color: #000;
    padding: 10px 0;
    width: 100%;
    height: 3rem;
    min-height: 3rem;
    max-height: 3rem;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}/* Ajustes para el contenedor de idioma */
.main-header__admin #languageNav {
    flex: 1;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}/* Ajustes para el botón de idioma */
.main-header__admin #languageNav .nav-item {
    margin: 0;
}/* Estilo del enlace de idioma */
.main-header__admin .main-header__lang-link {
    color: #fff !important;
    text-decoration: none !important;
    padding: 5px 10px !important;
    font-size: 0.9rem !important;
    display: block;
    text-align: center;
}/* Ajustes para el menú de administración */
.main-header__admin #navigationUser {
    flex: 2;
    display: flex;
    justify-content: space-around;
    margin: 0;
    padding: 0;
}/* Ajustes para los elementos del menú de administración */
.main-header__admin #navigationUser .nav-item {
    flex: 1;
    margin: 0;
    text-align: center;
}/* Estilo de los enlaces de administración */
.main-header__admin .main-header__admin-link {
    color: #fff !important;
    text-decoration: none !important;
    padding: 5px 10px !important;
    font-size: 0.9rem !important;
    display: block;
}/* Contenido principal */
.pkp_structure_page {
    margin-top: 20px;
    overflow: visible !important;
    background: transparent !important; /* Hacer transparente para heredar del body */
}/* Título del header */
.main-header__title {
    position: relative !important;
    text-align: left !important;
    left: -1000vw !important;
    width: 50vw;
    font-size: 3rem;
    line-height: 1;
    padding: 0.5rem 0;
    margin: 0.5rem auto;
    color: red !important;
}.main-header__title img {
    max-width: 100%;
    height: auto !important; /* Corregido */
}/* Fondos de secciones */
.issue-desc,
.container,
.issue,
.row,
.archived-issue {
    background: transparent !important; /* Hacer transparente para heredar del body */
    overflow: visible !important;
}.container-fluid {
    background: transparent !important; /* Hacer transparente para heredar del body */
    overflow: visible !important;
}
/* Título de la descripción del número (ajustado para archived-issue__title) */
.archived-issue__title {
    margin-top: 5vw !important;
    margin-bottom: 3vw !important;
    color: #66B2FF !important; /* Color azul claro para los títulos de números */
    font-size: 1.5rem !important;
    border-bottom: 2px solid #6A4B8E;
    padding-bottom: 1rem;
    background: transparent !important; /* Hacer transparente para heredar del body */
}
/* Contenedor de galleys */
.issue-desc__galleys {
    width: 80vw !important;
    margin: 0 auto !important;
    overflow: visible !important;
    background: transparent !important; /* Hacer transparente para heredar del body */
}/* Columnas */
.col-md-6 {
    width: 70vw !important;
    overflow: visible !important;
    background: transparent !important; /* Hacer transparente para heredar del body */
}
/* Menú de navegación inferior */
.navbar-menu {
    width: 100%;
    display: block;
}
.pkp_navigation_primary {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    text-align: center;
}
.pkp_navigation_primary li {
    display: inline-block;
    margin: 0 5px;
}
.pkp_navigation_primary li a {
    display: block;
    width: 13vw;
    padding: 8px 0;
    text-decoration: none;
    color: #333;
    text-align: center;
}
/* Estilos para los botones y sombra */
.issue-desc .issue-desc__galleys .issue-desc__btn-group {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    overflow: visible !important;
    background: transparent !important; /* Hacer transparente para heredar del body */
}
.issue-desc .issue-desc__galleys .issue-desc__btn-group li {
    display: inline-block !important;
    margin: 10px !important;
    position: relative;
    overflow: visible !important;
}
.issue-desc .issue-desc__galleys .article__btn-shadow {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 240px;
    height: calc(240px * (467 / 365));
    background: rgba(0, 0, 0, 0.3);
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 60px),
        calc(100% - 60px) 100%,
        0 100%
    );
    z-index: 998;
    transition: background 0.3s ease;
    pointer-events: none;
}
.issue-desc .issue-desc__galleys .article__btn {
    width: 240px !important;
    height: calc(240px * (467 / 365)) !important;
    display: block !important;
    position: relative !important;
    overflow: visible !important;
    background-color: #4E2F66 !important;
    text-align: center !important;
    line-height: normal !important;
    text-decoration: none !important;
    color: #fff !important;
    box-sizing: border-box !important;
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 60px),
        calc(100% - 60px) 100%,
        0 100%
    ) !important;
    transition: transform 0.3s ease !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1000 !important;
    background-clip: content-box !important;
}
/* Estilos para el enlace dentro del botón */
.issue-desc .issue-desc__galleys .article__btn a.galley-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    color: #fff !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Anular estilos globales de OJS */
.issue-desc .issue-desc__galleys .obj_galley_link,
.issue-desc .issue-desc__galleys .pdf {
    margin: 0 !important;
    padding: 0 !important;
    filter: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}
/* Desactivar pseudo-elementos no deseados */
.issue-desc .issue-desc__galleys .article__btn a.galley-link::before,
.issue-desc .issue-desc__galleys .article__btn a.galley-link::after {
    content: none !important;
}
.issue-desc .issue-desc__galleys .article__btn::before {
    content: '';
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 60px !important;
    height: 60px !important;
    background-color: #4CAF50 !important;
    clip-path: polygon(0 0, 100% 0, 0 100%) !important;
    z-index: 1001 !important;
}
.issue-desc .issue-desc__galleys .article__btn:hover {
    transform: scale(1.05) !important;
    box-shadow: none !important;
}
.issue-desc .issue-desc__galleys .article__btn:hover ~ .article__btn-shadow {
    background: rgba(0, 0, 0, 0.5);
}
.issue-desc .issue-desc__galleys .article__btn:hover::before {
    background-color: #66B2FF !important;
    transition: background-color 0.3s ease !important;
}
.issue-desc .issue-desc__galleys .article__btn a.galley-link span {
    position: relative !important;
    z-index: 1002 !important;
    margin: 0 !important;
    padding: 5px !important;
    display: block !important;
    text-align: left !important;
    font-size: clamp(0.9rem, 2vw, 1.5rem) !important;
    background: transparent !important;
    color: #fff !important;
    line-height: 1.2 !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    left: 0 !important;
    lang: es !important;
}
/* Línea horizontal blanca */
.hr-white {
    border: none;
    border-top: 5px solid white;
    margin: 5px 10px;
    opacity: 0.3;
    width: calc(100% - 20px);
}
/* Desactivar pseudo-elementos en el span */
.issue-desc .issue-desc__galleys .article__btn a.galley-link span::before,
.issue-desc .issue-desc__galleys .article__btn a.galley-link span::after {
    content: none !important;
}


/* Colores dinámicos para los triángulos según la sección y fondos */
.issue-desc .issue-desc__galleys .article__btn[data-section="EDT"]::before {
    background-color: #074080 !important;
}
.issue-desc .issue-desc__galleys .article__btn[data-section="EDT"]:hover::before {
    background-color: #074080 !important;
}
.issue-desc .issue-desc__galleys .article__btn[data-section="EDT"] {
    background-image: linear-gradient(to bottom, #0087c2, #0078b4, #0268a5, #055a96, #094b87);
}

.
.issue-desc .issue-desc__galleys .article__btn[data-section="ART"]::before {
    background-color: #2196F3 !important;
}
.issue-desc .issue-desc__galleys .article__btn[data-section="ART"]:hover::before {
    background-color: #42A5F5 !important;
}
.issue-desc .issue-desc__galleys .article__btn[data-section="ART"] {
    background-image: linear-gradient(to bottom, #1c8c39, #127c35, #086c30, #025d2b, #004e25)  !important;

}


.issue-desc .issue-desc__galleys .article__btn[data-section="VOC"]::before {
    background-color: #AB47BC !important;
}
.issue-desc .issue-desc__galleys .article__btn[data-section="VOC"]:hover::before {
    background-color: #BA68C8 !important;
}
.issue-desc .issue-desc__galleys .article__btn[data-section="VOC"] {
    background-image: linear-gradient(to bottom, #984590, #883c85, #79347a, #6a2b6f, #5b2364) !important;
}


.issue-desc .issue-desc__galleys .article__btn[data-section="INV"]::before {
    background-color: #FFCA28 !important;
}
.issue-desc .issue-desc__galleys .article__btn[data-section="INV"]:hover::before {
    background-color: #FFCA28 !important;
}
.issue-desc .issue-desc__galleys .article__btn[data-section="INV"] {
    background-image: linear-gradient(to bottom, #319460, #2d8859, #297c53, #26704c, #236445)  !important;
}


.issue-desc .issue-desc__galleys .article__btn[data-section="CAS"]::before {
    background-color: #EF5350 !important;
}
.issue-desc .issue-desc__galleys .article__btn[data-section="CAS"]:hover::before {
    background-color: #FF6F61 !important;
}
.issue-desc .issue-desc__galleys .article__btn[data-section="CAS"] {
    background-image: linear-gradient(to bottom, #f9904c, #ea7f3b, #db6d2a, #cb5c17, #bc4a00); !important;
}


.issue-desc .issue-desc__galleys .article__btn[data-section="CMS"]::before {
    background-color: #800040 !important;
}
.issue-desc .issue-desc__galleys .article__btn[data-section="CMS"]:hover::before {
    background-color: #800040 !important;
}
.issue-desc .issue-desc__galleys .article__btn[data-section="CMS"] {
    background-image: linear-gradient(to bottom, #d85aac, #f14691, #ff366e, #ff3645, #ff4807); !important;
}



/* Imágenes de fondo para el volumen 5 */
#article-btn-vol5-1 { background-image: url('covers5/cover-5-editorial.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-2 { background-image: url('covers5/cover-5-articulos-1.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-3 { background-image: url('covers5/cover-5-articulos-2.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-4 { background-image: url('covers5/cover-5-articulos-3.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-5 { background-image: url('covers5/cover-5-articulos-4.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-6 { background-image: url('covers5/cover-5-articulos-5.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-7 { background-image: url('covers5/cover-5-articulos-6.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-8 { background-image: url('covers5/cover-5-investigacion.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-9 { background-image: url('covers5/cover-5-voces.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-10 { background-image: url('covers5/cover-5-casos-1.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-11 { background-image: url('covers5/cover-5-casos-2.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-12 { background-image: url('covers5/cover-5-casos-3.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-13 { background-image: url('covers5/cover-5-casos-4.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-14 { background-image: url('covers5/cover-5-casos-5.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-15 { background-image: url('covers5/cover-5-casos-6.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-16 { background-image: url('covers5/cover-5-casos-7.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-17 { background-image: url('covers5/cover-5-casos-8.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-18 { background-image: url('covers5/cover-5-casos-9.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }
#article-btn-vol5-19 { background-image: url('covers5/cover-5-casos-10.png?t=1749176859')!important; background-size: cover !important; background-position: center !important; }

/* Imágenes de fondo específicas para el volumen 4 */
#article-btn-vol4-1 { background-image: url('covers4/cover-4-editorial.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-2 { background-image: url('covers4/cover-4-articulos-1.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-3 { background-image: url('covers4/cover-4-articulos-2.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-4 { background-image: url('covers4/cover-4-articulos-3.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-5 { background-image: url('covers4/cover-4-articulos-4.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-6 { background-image: url('covers4/cover-4-articulos-5.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-7 { background-image: url('covers4/cover-4-articulos-6.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-8 { background-image: url('covers4/cover-4-voces.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-9 { background-image: url('covers4/cover-4-investigacion-1.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-10 { background-image: url('covers4/cover-4-investigacion-2.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-11 { background-image: url('covers4/cover-4-casos-1.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-12 { background-image: url('covers4/cover-4-casos-2.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-13 { background-image: url('covers4/cover-4-casos-3.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-14 { background-image: url('covers4/cover-4-casos-4.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-15 { background-image: url('covers4/cover-4-casos-5.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-16 { background-image: url('covers4/cover-4-casos-6.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol4-17 { background-image: url('covers4/cover-4-casos-7.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }/* Separador de secciones */

/* Imágenes de fondo específicas para el volumen 3 */
#article-btn-vol3-1 { background-image: url('covers3/cover-3-editorial.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-2 { background-image: url('covers3/cover-3-articulos-1.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-3 { background-image: url('covers3/cover-3-articulos-2.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-4 { background-image: url('covers3/cover-3-articulos-3.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-5 { background-image: url('covers3/cover-3-articulos-4.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-6 { background-image: url('covers3/cover-3-articulos-5.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-7 { background-image: url('covers3/cover-3-solidarias.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-8 { background-image: url('covers3/cover-3-investigacion-1.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-9 { background-image: url('covers3/cover-3-investigacion-2.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-10 { background-image: url('covers3/cover-3-casos-1.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-11 { background-image: url('covers3/cover-3-casos-2.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-12 { background-image: url('covers3/cover-3-casos-3.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-13 { background-image: url('covers3/cover-3-casos-4.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-14 { background-image: url('covers3/cover-3-casos-5.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-15 { background-image: url('covers3/cover-3-casos-6.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-16 { background-image: url('covers3/cover-3-casos-7.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-17 { background-image: url('covers3/cover-3-casos-8.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }
#article-btn-vol3-18 { background-image: url('covers3/cover-3-casos-9.png?t=1749176859') !important; background-size: cover !important; background-position: center !important; }






/* Separador de secciones */

.section-separator {
    width: 100%;
    clear: both;
    margin: 0.30em 0; /* Reducir margen superior e inferior */
    padding: 0;
    overflow: hidden; /* Asegurar que el float no afecte a los elementos siguientes */
}
.section-divider {
    width: 100%;
    height: 10px; /* Línea delgada como en la captura */
    border-top: 7px solid #fff; /* Línea blanca para coincidir con la captura */
    margin: 0;
    opacity: 0.3;
    clear: both; /* Asegurar que el separador se coloque debajo del título flotante */
}
/* Estilo del título dentro del separador */
.section-title {
    font-size: 1em; /* Títulos más pequeños */
    text-align: left; /* Alineados a la izquierda */
    white-space: nowrap; /* Títulos en una sola línea */
    margin: 0; /* Eliminar márgenes internos del h4 */
    margin-bottom: 5px; /* Eliminar márgenes internos del h4 */
    padding: 0; /* Eliminar padding */
    float: left; /* Alinear el título a la izquierda */
    color: #fff !important; /* Asegurar que el título sea blanco */
}
.issue-desc__btn-group {
    list-style: none;
    padding: 0;
    margin: 0;
}
/* Footer */
.pkp_structure_footer {
    background: linear-gradient(135deg, #4E2F66 0%, #6A4B8E 100%) !important;
    color: #fff !important;
    padding: 2rem !important;
    text-align: center !important;
}
.pkp_structure_footer a {
    color: #66B2FF !important;
}
/* Forzar overflow visible en contenedores de OJS */
.pkp_structure_content, .archived-issue, .issue-desc__galleys {
    overflow: visible !important;
}

/* Media queries consolidadas */
@media (max-width: 767px) {
    /* Ajustar contenedores de OJS que puedan estar causando espacio */
    body .pkp_structure_head, body .pkp_head_wrapper {
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important; /* Hacer transparente para heredar del body */
    }

/* Forzar fondo transparente en todos los contenedores relevantes */
body,
body .pkp_structure_page,
body .main__content,
body .main__header,
body .row,
body .archived-issue,
body .container,
body .container-fluid,
body .issue-desc,
body .issue-desc__galleys,
body .issue-desc__btn-group {
    background: transparent !important; /* Hacer transparente para heredar del body */
    margin: 0 !important;
    padding: 0 !important;
}

/* Asegurar que el fondo del body sea el gradiente */
body {
    background: linear-gradient(135deg, #4E2F66 0%, #6A4B8E 100%) !important;
}

/* Título principal "Archivos" - Solo ajustar margin-top, padding-left y color */
body main.main__content header.main__header h1.main__title {
    margin-top: 5px !important; /* Acercar el título a la barra de navegación */
    padding-left: 10px !important; /* Añadir padding a la izquierda */
    color: #fff !important; /* Asegurar que el texto sea blanco */
}

/* Asegurar que los contenedores padres del título no añadan espacio */
body .main__content,
body .main__header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Barra de administración */
body .main-header__admin {
    position: relative;
    z-index: 2100 !important;
    background-color: #000;
    padding: 10px 0 !important;
    width: 100%;
    height: 3rem !important;
    min-height: 3rem !important;
    max-height: 3rem !important;
    margin: 0 !important; /* Eliminar cualquier margen */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Ajustes para el contenedor de idioma en móviles */
body .main-header__admin #languageNav {
    flex: 1;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}

body .main-header__admin #languageNav .nav-item {
    margin: 0;
}

body .main-header__admin .main-header__lang-link {
    font-size: 0.8rem !important; /* Reducir tamaño en móviles */
    padding: 3px 5px !important;
}

/* Ajustes para el menú de administración en móviles */
body .main-header__admin #navigationUser {
    flex: 2;
    display: flex;
    justify-content: space-around;
    margin: 0;
    padding: 0;
}

body .main-header__admin #navigationUser .nav-item {
    flex: 1;
    margin: 0;
    text-align: center;
}

body .main-header__admin .main-header__admin-link {
    font-size: 0.8rem !important; /* Reducir tamaño en móviles */
    padding: 3px 5px !important;
}

/* Header en móviles */
body .main-header {
    position: relative !important;
    top: 0 !important; /* Eliminar desplazamiento negativo */
    padding: 0 !important;
    margin: 0 !important; /* Eliminar cualquier margen */
    height: 101vw !important; /* Ajustar altura a 101vw como indicaste */
    max-height: 101vw !important;
    background-color: transparent !important;
    background-image: url('ban-header-square.png?t=1749176859') !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Asegurar que el título del header no cause espacio */
body .main-header__title {
    position: absolute !important; /* Cambiar a absolute para que no afecte el flujo */
    left: -1000vw !important;
    margin: 0 !important; /* Eliminar margen */
    padding: 0 !important; /* Eliminar padding */
}

body .main-header__title img {
    display: none !important; /* Asegurar que la imagen no ocupe espacio */
}

/* Navegación pegajosa */
body .navbar.main-header__nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 2000 !important;
    background-color: #f8f9fa !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    text-align: center;
    padding: 2px 15px !important;
    margin: 0 !important;
    margin-bottom: 0 !important; /* Asegurar que no haya espacio debajo */
}

body .pkp_navigation_primary {
    display: inline-block;
    text-align: left;
}

body .pkp_navigation_primary li {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

body .pkp_navigation_primary li a {
    width: auto;
    padding: 6px 10px;
    font-size: 14px;
}

/* Contenido principal en móviles */
body .pkp_structure_page {
    margin-top: 0 !important; /* Eliminar margen superior en móviles */
    padding-top: 0 !important; /* Eliminar padding superior */
    background: transparent !important; /* Hacer transparente para heredar del body */
}

/* Contenedor de la edición/archivos */
body .issue {
    margin-top: 0 !important; /* Eliminar margen superior */
    padding-top: 0 !important; /* Eliminar padding superior */
    background: transparent !important; /* Hacer transparente para heredar del body */
}

/* Contenedor de cada número en la página de archivos - Solo ajustar padding-left */
body main.main__content div.row article.archived-issue {
    margin-top: 0 !important; /* Eliminar margen superior */
    padding-top: 0 !important; /* Eliminar padding superior */
    padding-left: 10px !important; /* Añadir padding a la izquierda */
    background: transparent !important; /* Hacer transparente para heredar del body */
}

/* Título de cada número (como "Revista Latinoamericana...") - Solo ajustar padding-left y color */
body main.main__content div.row article.archived-issue h3.archived-issue__title {
    margin-top: 5px !important; /* Mantener margen de 5px */
    margin-bottom: 3vw !important;
    font-size: 1.5rem !important;
    padding-top: 0 !important; /* Eliminar padding superior */
    padding-left: 10px !important; /* Añadir padding a la izquierda */
    background: transparent !important; /* Hacer transparente para heredar del body */
    color: #66B2FF !important; /* Mantener el color azul claro para los títulos de números */
    border-bottom: 2px solid #6A4B8E !important;
    padding-bottom: 1rem !important;
}

/* Volumen y número (como "Vol. 5 Núm. 5 (2024)") - Solo ajustar color */
body main.main__content div.row article.archived-issue div.series span {
    color: #fff !important; /* Asegurar que el texto sea blanco */
}

/* Fecha (como "abril 5, 2025") - Solo ajustar color */
body main.main__content div.row article.archived-issue p.archived-issue__date small {
    color: #fff !important; /* Asegurar que el texto sea blanco */
}

/* Contenedor de la lista para usar inline-block en móviles */
body .issue-desc__btn-group {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    list-style: none !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important; /* Hacer transparente para heredar del body */
}

body .issue-desc__btn-group li {
    display: inline-block !important;
    width: 42.24% !important;
    margin: 6px 1.5% !important; /* Mantener márgenes de los botones */
    vertical-align: top !important;
    position: relative;
    overflow: visible !important;
}

/* Asegurar que los separadores ocupen todo el ancho */
body .issue-desc__btn-group .section-separator {
    display: block !important;
    width: 100% !important;
    margin: 15px 0; /* Ajustar el margen en móviles */
    height: auto; /* Ajustar altura para que no se corte */
}

body .issue-desc__btn-group .section-divider {
    height: 1px; /* Mantener la línea delgada */
}

/* Botones y sombra en móviles */
body .issue-desc .issue-desc__galleys .article__btn-shadow {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: calc(42.24vw * (467 / 365));
    background: rgba(0, 0, 0, 0.3);
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 42.24vw * 0.25),
        calc(100% - 42.24vw * 0.25) 100%,
        0 100%
    );
    z-index: 998;
    transition: background 0.3s ease;
    pointer-events: none;
}

body .issue-desc .issue-desc__galleys .article__btn {
    width: 100% !important;
    height: calc(42.24vw * (467 / 365)) !important;
    margin: 0 !important;
    padding: 0 !important;
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 42.24vw * 0.25),
        calc(100% - 42.24vw * 0.25) 100%,
        0 100%
    ) !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 1000 !important;
    overflow: visible !important;
    background-clip: content-box !important;
}

body .issue-desc .issue-desc__galleys .article__btn:hover ~ .article__btn-shadow {
    background: rgba(0, 0, 0, 0.5);
}

body .issue-desc .issue-desc__galleys .article__btn a.galley-link {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .issue-desc .issue-desc__galleys .article__btn a.galley-link::before,
body .issue-desc .issue-desc__galleys .article__btn a.galley-link::after {
    content: none !important;
}

body .issue-desc .issue-desc__galleys .article__btn a.galley-link span {
    margin: 0 !important;
    padding: 5px !important;
    font-size: clamp(10pt, 3.5vw, 1rem) !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    left: 0 !important;
    position: relative !important;
    z-index: 1002 !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    lang: es !important;
}

body .issue-desc .issue-desc__galleys .article__btn a.galley-link span::before,
body .issue-desc .issue-desc__galleys .article__btn a.galley-link span::after {
    content: none !important;
}

body .issue-desc .issue-desc__galleys .article__btn::before {
    width: calc(42.24vw * 0.25) !important;
    height: calc(42.24vw * 0.25) !important;
    z-index: 1001 !important;
}

/*Mis estilos*/
.issue-desc__title{
margin-top: 3vw;
}

.issue__title, .issue__meta{
padding-left: 2vw;
}

/*fin*/

body .hr-white {
    margin: 3px 5px;
    width: calc(100% - 10px);
}

/* Anular estilos globales en móviles */
body .issue-desc .issue-desc__galleys .obj_galley_link,
body .issue-desc .issue-desc__galleys .pdf {
    margin: 0 !important;
    padding: 0 !important;
    filter: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Asegurar que los contenedores superiores no recorten en móviles */
body .issue-desc,
body .container,
body .issue,
body .row,
body .col-md-6,
body .archived-issue {
    overflow: visible !important;
    background: transparent !important; /* Hacer transparente para heredar del body */
}

body .issue-desc__galleys {
    overflow: visible !important;
    background: transparent !important; /* Hacer transparente para heredar del body */
}

/* Forzar overflow visible en contenedores de OJS */
body .pkp_structure_content,
body .archived-issue,
body .issue-desc__galleys {
    overflow: visible !important;
    background: transparent !important; /* Hacer transparente para heredar del body */
}

}

/* Estilos para el visor de PDF personalizado (ImmersionChild) */
.pdf-viewer-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    background: transparent;
    
    height: min(60px, calc(100px - 2vw)) !important;
    width: 100%;
    box-sizing: border-box;
    overflow: visible; /* Evitar recorte */
}

/* Logo */
.pdf-viewer-logo {
    width: 20%;
    max-width: 50px;
    margin-right: 10px;
}

.pdf-viewer-logo-img {
    width: 100%;
    height: 50px;
    object-fit: contain;
    background-color: white;
    padding: 5px;
    border-radius: 5px;
}

/* Botón de retorno */
.pdf-viewer-return {
    width: 60%;
    margin-right: 10px;
}

.pdf-viewer-return-link {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    background-color: #715985;
    color: white;
    padding: 12px; /* Más padding para título largo */
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    transition: background-color 0.3s;
    min-height: 50px;
    height: auto; /* Altura variable según contenido */
    width: 100%;
    box-sizing: border-box;
    overflow: visible; /* Evitar recorte */
}

.pdf-viewer-return-link:hover {
    background-color: #5F4A73;
}

.pdf-viewer-return-icon {
    display: block;
    margin-right: 10px; /* Más margen para separar del título */
}

.pdf-viewer-home-icon {
    width: 50px; /* Igual al logo */
    height: 50px;
    object-fit: contain;
}

.pdf-viewer-title {
    font-size: 14px;
    color: white; /* Visible sobre el fondo #715985 */
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: break-word; /* Envolver texto largo */
    max-width: calc(100% - 70px); /* Ancho menos icono (50px) y margen (10px) */
    flex: 1; /* Ocupa el espacio disponible */
    align-self: flex-start; /* Comienza desde arriba */
}

/* Botón de descarga */
.pdf-viewer-download {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.pdf-viewer-download-link {
    background-color: #2196f3;
    color: white;
    padding: 6px 12px;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s;
    min-height: 50px;
    height: auto;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
}

.pdf-viewer-download-link:hover {
    background-color: #1976d2;
}

/* Ajustar el contenedor del PDF */
#pdfCanvasContainer.galley_view {
    margin-top: 30px; /* Sin margen superior */
}

#pdfCanvasContainer.galley_view iframe {
    height: calc(100vh - 80px); /* Ajustar altura para compensar header */
}

/*Bton descarga full pdf*/
.row.issue-desc .col-md-6 .issue-desc__galleys .full-issue-download {
    margin-bottom: 20px;
}
.row.issue-desc .col-md-6 .issue-desc__galleys .full-issue-btn {
    width: 100%; /* Ancho completo */
    min-height: 50px; /* Altura mínima, ajustable dinámicamente */
    background-color: #007bff; /* Azul */
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Alineado a la izquierda */
    margin-left: 0;
    padding: 10px 15px; /* Padding general para multiline */
    font-weight: bold;
    overflow: visible; /* Evita recorte */
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.row.issue-desc .col-md-6 .issue-desc__galleys .full-issue-btn a {
    color: white !important;
    text-decoration: none !important;
    border-bottom: none !important;
    border: none !important;
    display: inline-flex; /* Permite alineación con triángulo */
    align-items: center; /* Centra verticalmente el texto y triángulo */
    width: 100%;
    padding-right: 35px; /* Espacio para el triángulo */
    position: relative;
}
.row.issue-desc .col-md-6 .issue-desc__galleys .full-issue-btn a::after {
    content: ''; /* Triángulo */
    position: absolute;
    right: 15px; /* Posición desde la derecha */
    top: 50%;
    transform: translateY(-50%); /* Centrado vertical */
    width: 0;
    height: 0;
    border-top: 12px solid transparent; /* Altura ~24px */
    border-bottom: 12px solid transparent;
    border-left: 16px solid white; /* Ancho */
}
.row.issue-desc .col-md-6 .issue-desc__galleys .full-issue-btn a:hover {
    background-color: #0056b3; /* Azul más oscuro en hover */
    text-decoration: none !important;
    border-bottom: none !important;
    border: none !important;
}
.row.issue-desc .col-md-6 .issue-desc__galleys .full-issue-btn a:hover::after {
    border-left: 16px solid white; /* Mismo color en hover */
}
}
.row.issue-desc .col-md-6 .issue-desc__galleys .full-issue-btn a::before {
    display: none !important;
    content: none !important;
}
.clear {
    clear: both; /* Galeradas en la siguiente línea */
}
.row-issue-desc a,,
.col-md-6 a,,
.issue-desc__galleys a {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Ajustes responsivos para móviles */
@media (max-width: 767px) {
    .row.issue-desc .col-md-6 .issue-desc__galleys .full-issue-btn {
        padding: 10px 15px; /* Mantener padding en móviles */
    }
    .row.issue-desc .col-md-6 .issue-desc__galleys .full-issue-btn a {
        padding-right: 30px; /* Ajuste para triángulo en pantallas pequeñas */
    }
    .row.issue-desc .col-md-6 .issue-desc__galleys .full-issue-btn a::after {
        right: 10px; /* Más cerca en móviles */
    }
}


/* Ajustes para modo móvil */
@media (max-width: 767px) {
    .pdf-viewer-header {
        padding: 10px;
        flex-wrap: nowrap;
        height: auto;
    }

    .pdf-viewer-logo {
        width: 20%;
        max-width: 40px;
        margin-right: 5px;
    }

    .pdf-viewer-logo-img {
        height: 40px;
    }

    .pdf-viewer-return {
        width: 60%;
        margin-right: 5px;
    }

    .pdf-viewer-return-link {
        font-size: 12px;
        padding: 10px; /* Ajustar padding para móvil */
        min-height: 40px;
    }

    .pdf-viewer-return-icon {
        margin-right: 8px;
    }

    .pdf-viewer-home-icon {
        width: 40px; /* Igual al logo */
        height: 40px;
    }

    .pdf-viewer-title {
        font-size: 12px;
        max-width: calc(100% - 56px); /* Ancho menos icono (40px) y margen (8px) */
    }

    .pdf-viewer-download {
        width: 20%;
    }

    .pdf-viewer-download-link {
        padding: 6px 8px;
        font-size: 12px;
        width: 60px;
        min-height: 40px;
    }

    #pdfCanvasContainer.galley_view {
        margin-top: min(60px, calc(70px - 2vw)) !important;
    }

    #pdfCanvasContainer.galley_view iframe {
        height: calc(100vh - 100px); /* Ajustar altura para móvil */
    }
}
/* Fin de los estilos para el visor de PDF personalizado */


/* Estilos para la página de archivos en escritorio */
/* Estilos para el círculo del volumen en la esquina superior izquierda de la imagen (móviles y escritorio) */
.issue-summary__link.img-wrapper {
    position: relative; /* Para posicionar el pseudo-elemento */
}
.issue-summary__link.img-wrapper::after {
    content: attr(data-volume); /* Usa el atributo data-volume del contenedor de la imagen */
    position: absolute;
    top: 0; /* Alinea el borde superior con el vértice de la imagen */
    left: 0; /* Alinea el borde izquierdo con el vértice de la imagen */
    transform: translate(-50%, -50%); /* Centra el círculo en el vértice superior izquierdo */
    width: 32px; /* Tamaño del círculo en escritorio */
    height: 32px; /* Tamaño del círculo en escritorio */
    background-color: #fff; /* Fondo blanco para el círculo */
    color: #6A4B8E; /* Color del número */
    font-size: 16pt; /* Aproximadamente 16pt (~21.33px) */
    font-weight: bold;
    border-radius: 50%; /* Forma circular */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10; /* Asegura que esté sobre la imagen */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); /* Sombra suave */
}

/* Estilos para la página de archivos en escritorio */
@media (min-width: 767px) {
    /* Agrandar imágenes un 30% y centrarlas */
    .archived-issue .issue-summary__link.img-wrapper img.img-fluid {
        width: 130%; /* Aumenta el tamaño de la imagen un 30% */
        max-width: 200px; /* Límite para evitar desbordamiento */
        height: auto; /* Mantiene la proporción */
        margin: 0 auto; /* Centra la imagen */
        display: block; /* Asegura que sea un bloque */
    }

    /* Hacer que los bloques de volumen floten a la izquierda */
    .archived-issue {
        float: left; /* Flotar a la izquierda */
        margin: 0 15px 2rem; /* Espacio lateral y vertical */
        padding: 0; /* Eliminar padding interno */
        width: 200px; /* Ancho fijo para consistencia */
        box-sizing: border-box; /* Incluir padding y bordes en el ancho */
    }

    /* Limpiar flotantes y ajustar márgenes de la cuadrícula */
    .issue-archive-row {
        overflow: hidden; /* Limpia los flotantes */
        margin-left: -15px; /* Ajusta el margen izquierdo para alinear con el padding de los artículos */
        margin-right: -15px; /* Ajusta el margen derecho */
    }
}

/* Reducir imágenes un 20% y ajustar círculo en móviles */
@media (max-width: 991px) {
    .archived-issue .issue-summary__link.img-wrapper img.img-fluid {
        width: 80%; /* Reduce el tamaño de la imagen un 20% */
        height: auto; /* Mantiene la proporción */
        margin: 0 auto; /* Centra la imagen */
        display: block; /* Asegura que sea un bloque */
    }
    .issue-summary__link.img-wrapper::after {
        width: 28px; /* Círculo más pequeño en móviles */
        height: 28px; /* Círculo más pequeño en móviles */
        font-size: 14pt; /* Número más pequeño */
        left: 10%; /* Compensa el margen automático (10% del ancho del contenedor) */
        transform: translate(-50%, -50%); /* Centra el círculo en el vértice ajustado */
    }
}