@font-face {font-family: 'NexaSlab-Book', sans-serif;src: url('/public/site/fonts/NexaSlab-Book/NexaSlab-Book.otf') format('truetype');font-weight: normal;font-style: normal;}@font-face {font-family: 'Calibri', sans-serif;src: url('/public/site/fonts/Calibri/calibri-regular.ttf') format('truetype');font-weight: normal;font-style: normal;}@font-face {font-family: 'Calibri', sans-serif;src: url('/public/site/fonts/Calibri/calibri-bold.ttf') format('truetype');font-weight: bold;font-style: normal;}@font-face {font-family: 'DIN';src: url('/public/site/fonts/DIN/D-DIN.otf') format('truetype');font-weight: normal;font-style: normal;}@font-face {font-family: 'DIN';src: url('/public/site/fonts/DIN/D-DIN-Bold.otf') format('truetype');font-weight: bold;font-style: normal;}:root {--color_primary: #02ABA9;--color_secondary: #BABF16;--color_secondary_light: #F5F4DE;--color_third: #DE9B38;--color_fourth: #850064;--color_fourth_light: #8500647d;--color_fifth: #3A8DDE;--color_fifth_light: #ddece9;--colorLine: #E2E6F2;--color_darkText: #737373;--color_menu: #fff;--color_text: #6e6d6d;--color_text_secondary: #000;--color_borderY: #ffdd9d;--color_bg_btnSearch: rgba(255 255 255 / 75%);--color_bg_btnSearch_movil: rgba(255 255 255 / 95%);--color_icon_btnSearch: #006798;--color_link: #333;--widthLogo: 15rem;--heightBanner: 12rem;--hheadBar: 2rem;--mTopcontent: 1rem;--wSizeBorder: 5px;--borderRadius: 10px;--sizeTitles: 21pt;--sizeText: 14pt;--sizeTextInfo: 13pt;--sizePadding: 2.3rem;--sizeHeightLine: .45rem;--fontFamily:'NexaSlab-Book', 'Calibri', sans-serif, Courier, monospace;--fontFamilyTitle: 'NexaSlab-Book';--fontFamilyMenu: 'DIN', sans-serif;--fontFamilyTexts: 'Calibri';}
html, body {font-family: var(--fontFamily);color: var(--color_text);}
.pkp_head_wrapper {width: 100% !important;}
.pkp_site_name_wrapper {min-height: 5rem;height: 100%;width: 100%;padding: 0 2rem;
    .pkp_site_name {
        padding-bottom: var(--sizePadding);
        .is_img {
            img {max-width: 50%;max-height: 100%;}
        }
    }
}
.pkp_navigation_user_wrapper {transform: translateX(0);left: unset;right: 2rem;padding: 1.7rem .3rem;
    & .pkp_nav_list {
        width: auto;
        margin-bottom: .5rem;
        & > li {color: var(--color_text);background-color: var(--color_bg_btnSearch);min-width: 10rem;height: 35px;border-radius: var(--borderRadius);
            a {width: 100%;height: 100%;text-align: center;color: currentColor;border-radius: var(--borderRadius);font-family: var(--fontFamilyMenu);font-weight: 500;
                &:hover {background-color: var(--color_bg_btnSearch_movil);text-decoration: none;}
            }
        }
    }
    & .pkp_navigation_search_wrapper {margin-bottom: .5rem;color: var(--color_text);background-color: var(--color_bg_btnSearch);min-width: 10rem;height: 35px;border-radius: var(--borderRadius);margin-bottom: 0 !important;
        a {color: currentColor;width: 100%;text-align: center;margin: 0;padding: .357rem .5em;height: 100%;display: flex;justify-content: flex-start;align-items: center;gap: .3rem;border-radius: var(--borderRadius);font-family: var(--fontFamilyMenu);
            &:hover {border: none;text-decoration: none;background-color: var(--color_bg_btnSearch_movil);}
        }
    }
}
.pkp_navigation_primary_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    & .pkp_nav_list {
        li {
            a {font-family: var(--fontFamilyMenu);font-weight: bold;text-transform: uppercase;font-size: 10pt;}
            .dropdown-menu {
                background-color: var(--color_menu);
                a {
                    color: var(--color_darkText);
                    &:hover {color: var(--color_menu);background-color: var(--color_fourth_light);border-color: var(--color_fourth);}
                }
            }
        }
    }
    & .secondary_logo {max-width: 250px;}
}
.pkp_structure_main {padding: 0;position: relative;margin-top: 2rem;text-align: justify;
    &::before {background: transparent;}
    &::after {background: transparent;width: .3rem;}
    h1 {color: var(--color_primary);font-size: 18.5pt;font-family: var(--fontFamilyTitle);font-weight: 400;}
    .line__divider {height: var(--sizeHeightLine);background-color: var(--color_secondary);border: none;}
    .page {
        font-size: var(--sizeText);
        font-family: var(--fontFamilyTexts);
        text-align: justify;
        h2 {display: block;color: var(--color_primary);font-size: var(--sizeTitles);font-family: var(--fontFamilyTitle);}
        .address, .contact, p, .username, .password, .remember, .cmp_form {font-size: var(--sizeText);font-family: var(--fontFamilyTexts);text-align: justify;
            span, a {font-size: var(--sizeText);font-family: var(--fontFamilyTexts);text-align: justify;}
        }
        .username, .password {
            label {display: flex;flex-direction: column;gap: .3rem;}
        }
        .cmp_form {
            fieldset {
                legend, label {font-size: var(--sizeText);font-family: var(--fontFamilyTexts);text-align: justify;}
            }
        }
        &.page_article {
            .line__divider {display: none;}
        }
        .obj_article_details {
            h1 {font-size: var(--sizeTitles);color: var(--color_primary);font-family: var(--fontFamilyTitle);padding-bottom: 1.6rem;border-bottom: 1px solid #ddd;}
        }
    }
    .page_index_journal {
        .homepage_about {
            font-size: var(--sizeText);
            font-family: var(--fontFamilyTexts);
            h2 {font-size: var(--sizeTitles);color: var(--color_primary);font-family: var(--fontFamilyTitle);font-weight: 400;position: absolute;top: -1.2rem;}
            p {margin-top: 0;text-align: justify;}
        }
    }
    .current_issue__content {
        h2 {font-family: var(--fontFamilyTitle);font-size: var(--sizeTitles);color: var(--color_primary);margin-top: .5rem;}
    }
    .current_issue, .page_issue, .page_issue_archive{
        padding-top: calc(var(--sizePadding) * 2);
        .current_issue_title {font-size: var(--sizeTitles);color: var(--color_fourth);font-family: var(--fontFamilyTitle);font-weight: 400;}
        .issue__item, .issues_archive, .obj_issue_toc {
            .heading {
                display: flex;
                .cover {float: unset;}
                .description {
                    width: 100%;
                    font-size: var(--sizeText);
                    text-align: justify;
                    & .published {
                        color: var(--color_primary);
                        .label {font-weight: 400;}
                    }
                }
            }
        }
        .obj_issue_toc {
            .heading {
                margin-bottom: 5rem;
                .description {
                    padding-left: 1rem;
                    h1 {color: var(--color_fourth);}
                }
            }
            .galleys {
                &::before {
                    border-top: none;
                }
            }
        }
        .issues_archive {
            border-top: none;
            border-bottom: none;
            & > li {border-bottom: 0;}
            .obj_issue_summary {
                .current_issue_title, h2 {display: block;margin-bottom: 1rem;font-size: var(--sizeTitles);color: var(--color_fourth);font-family: var(--fontFamilyTitle);font-weight: 400;
                    a {color: currentColor;font-family: var(--fontFamilyTitle);font-weight: 400;}
                }
                .description{font-size: var(--sizeText);font-family: var(--fontFamilyTexts);text-align: justify;}
            }
        }
        .sections {
            background-color: var(--color_bgSecondary);
            margin-top: 5rem;
            .section {
                margin: 0;
                padding: 0;
                &::before {border: none;}
                h3 {display: block;font-family: var(--fontFamilyTitle);font-size: var(--sizeTitles);color: var(--color_primary);}
                ul {
                    .obj_article_summary {
                        .title_inItem {font-family: var(--fontFamilyTitle);font-size: var(--sizeTitles);display: block;margin-bottom: .7rem;color: var(--color_fourth);font-weight: 400;
                            a {color: currentColor;line-height: 1;}
                        }
                        .meta {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 1rem;
                            .authors {color: var(--color_darkText);font-weight: 700;font-size: var(--sizeText);}
                        }
                        .galleys_links {
                            li {
                                a {border-radius: var(--borderRadius);border: 2px solid var(--color_text);color: var(--color_text);
                                    &:hover,&:focus {
                                        &::before { color: currentColor; }
                                        background-color: white;color: var(--color_text);
                                    }
                                }
                            }
                        }
                    }
                    &.cmp_article_list  {
                        > li {margin-bottom: 1.4rem;}
                    }
                }
            }
        }
        &.ci_article_details {border: 0;margin-top: 0;padding-top: 0;
            &::before, &::after {content: none;}
            .main_entry {
                .item {
                    h2 {font-size: var(--sizeText);font-family: var(--fontFamilyTexts);}
                }
            }
            .entry_details {
                .title, .page_title {font-size: var(--sizeTitles);color: var(--color_primary);font-family: var(--fontFamilyTitle);text-transform: unset;line-height: 1.1;text-decoration: none;text-align: initial;}
            }
        }
    }
    .page_issue, .page_issue_archive {padding-top: 0;}
    .page_issue_archive  {border-bottom: var(--sizeHeightLine) solid var(--color_secondary);}
    .obj_article_details {margin-bottom: 3rem;}
    .page_search {
        padding-left: var(--sizePadding);
        padding-right: var(--sizePadding);
        .submit {
            button {
                color: var(--color_darkText);
                &::after {background-color: var(--color_fourth);}
            }
        }
    }
}
.obj_galley_link.pdf { border-radius: var(--borderRadius); border: 2px solid var(--color_text); color: var(--color_text);
    &:hover,&:focus {
    &::before { color: currentColor;}
        background-color: white;color: var(--color_text);
    }
}
.pkp_structure_sidebar {
    & .pkp_block_section {border: 2px solid var(--color_secondary_light);border-radius: var(--borderRadius);font-family: var(--fontFamilyTexts);
        & .title {font-family: var(--fontFamilyTexts);font-weight: 600;padding: .5rem;background-color: var(--color_secondary_light);border-top-left-radius: var(--borderRadius);border-top-right-radius: var(--borderRadius);color: var(--color_primary);padding-left: 1rem;}
        & .content {
            padding: .5rem;
            font-family: var(--fontFamilyTexts);
            & ul {display: flex;justify-content: center;align-items: center;gap: 1rem;}
            & li {position: relative;font-weight: 400;opacity: .7;
                &:first-child::after {content: '';width: 100%;height: 40%;display: block;position: absolute;border-right: 1px solid var(--color_text);top: 30%;right: -.6rem;}
                a { color: var(--color_text); }
            }
            & p {
                margin: 0;
                text-align: center;
                color: var(--color_text);
                img {max-width: 35px;}
            }
            
        }
    }
    & .block_information  {
        & .pkp_block_section {
            & .content {
                & ul {flex-direction: column;gap: 0;}
                & li {position: relative;font-weight: 600;padding: 0;
                    &:first-child::after {content: none;}
                }
            }
        }
    }

    & .pkp_block.block_custom {
        & .content {
            --time-interval: 30s;
            --max-wImageIcon: 5rem;
            --num-items: 2;
            
            p > img {
                max-width: var(--max-wImageIcon);
            }
            a {
                & > img {
                    max-width: var(--max-wImageIcon);
                }
            }

            /* Slider Styles */
            
            /* Si tu lista tiene 1, 2 o 3 elementos, ajustas el ancho de la lista */
            .slider {
                /* --list-width: 200%; */
                --max-wImage: 100%;
                --animation-name: main-slide;
            }
            .slider2 {
                /* --list-width: 300%; */
                /* --max-wImage: 20rem; */
                --max-wImage: 230px;
                /* --animation-name: aside-slide; */
                --animation-name: main-slide;
            }
            .slider, .slider2 {
                --list-width: calc(100% * var(--num-items)); /* Ancho dinámico basado en el número de items */
                width: 100%;
                margin: auto;
                overflow: hidden;

                & ul {
                    display: flex;
                    padding: 0;
                    width: var(--list-width);
                    animation: var(--animation-name) var(--time-interval) infinite normal linear;
                    animation-direction: alternate;

                    & li {
                        width: 100%;
                        padding: 5px 10px;
                        list-style: none;
                        margin: 0 5px;
                        text-align: center;
                        border-radius: 5px;

                        & a > img, & img {
                            max-width: var(--max-wImage);
                            width: 100%;
                            height: auto;
                        }
                    }
                }
            }
        }
    }
}
@keyframes main-slide {
    0% {
        margin-left: 0;
    }
    33.3% {
        margin-left: 0;
    }
    66.6% {
        margin-left: -100%;
    }
    100% {
        margin-left: -100%;
    }
}
@keyframes aside-slide {
    0% {
        margin-left: 0%;
    }
    20% {
        margin-left: 0%;
    }
    40% {
        margin-left: -100%;
    }
    60% {
        margin-left: -100%;
    }
    80% {
        margin-left: -200%;
    }
    100% {
        margin-left: -200%;
    }
}
.pkp_structure_footer_wrapper {
    background-color: var(--color_third);
    color: var(--color_menu);
    margin-top: calc(var(--sizePadding) * 2);
    & .pkp_structure_footer {
        & .pkp_footer_content, & .pkp_brand_footer {text-align: center;font-size: 12.5pt;}
        & .pkp_brand_footer {display: none;}
    }
}
@media (width < 992px) {
    .pkp_navigation_primary_wrapper {
        justify-content: normal;
        align-items: normal;
        position: relative;
        & .pkp_nav_list {
            li {
                a {padding-right: .5rem;width: 100%;}
                &.item_parentList {
                    &:hover {
                        ul li {
                            &:hover {
                                color: var(--color_darkText);
                                a {background-color: var(--color_menu);color: currentColor;padding-left: .5rem;text-decoration: none;}
                            }
                        }
                    }
                }
            }
        }
        & .secondary_logo {position: absolute;top: 2rem;right: 2rem;opacity: .7;z-index: -1;margin: 0;}
    }
    .pkp_navigation_user_wrapper {
        display: flex;
        align-items: center;
        padding-top: var(--sizePadding);
        .pkp_navigation_user.pkp_nav_list {
            display: flex;
            gap: 1rem;
            margin: 0;
            padding: 0;
            border-top: none;
            li {
                a {
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    &:hover {background-color: var(--color_bg_btnSearch_movil);text-decoration: none;}
                }
                &.profile {
                    & ul {background-color: white;display: none;padding-left: 0;
                        a {display: block;padding-left: .357rem;border-left: .357rem solid transparent;color: #006798;
                            &:hover {
                                outline: 0;
                                background: #ddd;
                                border-color: #006798;
                                color: #006798;
                            }
                        }
                    }
                    &:hover {
                        & ul {display: block;}
                    }
                }
            }
        }
        .pkp_navigation_search_wrapper {height: 38px;margin: 0;padding: 0;border-top: none;
            a {display: flex;justify-content: center;align-items: center;height: 100%;gap: .3rem;
                &:hover {background-color: var(--color_bg_btnSearch_movil);text-decoration: none;}
            }
        }
    }
    .pkp_structure_content {padding-top: var(--sizePadding);display: flex;flex-direction: column;}
    .pkp_structure_main {
        &::after {display: none;}
        .current_issue {
            .obj_issue_toc {
                .heading {
                    .description {padding-left: 1rem;}
                }
            }
        }
    }
}
@media (width <= 790px) {
    .pkp_structure_main {
        padding-left: var(--sizePadding);
        padding-right: var(--sizePadding);
        .page_search {padding-left: 0;padding-right: 0;}
    }
}
@media (width <= 620px) {
    .pkp_site_name_wrapper {
        min-height: 5rem;
        height: 100%;
        width: 100%;
        padding: 0 2rem;
        .pkp_site_name {
            padding-top: 1rem;
            .is_img {
                img {max-width: 65%;}
            }
        }
    }
    .pkp_navigation_user_wrapper {flex-wrap: wrap;gap: 0;justify-content: center;}
    .pkp_structure_main {
        .current_issue, .page_issue, .page_issue_archive  {
            .issue__item, .issues_archive {
                .heading {
                    flex-wrap: wrap;
                    .cover {width: 100%;}
                }
            }
            .obj_issue_toc {
                padding-top: calc(var(--sizePadding) * 1.3);
                .heading {
                    flex-direction: column;
                    .description {padding: 0;}
                }
            }
            &.ci_article_details {
                margin-top: 0;
                padding-top: calc(var(--sizePadding) * 1.3);
                .entry_details {
                    border-left: none;
                    .cover_image {
                        flex-wrap: wrap;
                        .sub_item {width: 100%;}
                        .cover_image__text {width: 100%;padding: 0;}
                    }
                }
            }
        }
    }
}
@media (width <= 490px) {
    .pkp_navigation_user_wrapper {
        gap: 1rem;
        & .pkp_navigation_user.pkp_nav_list {gap: 1.5rem;}
    }
}
@media (width <= 440px) {
    .pkp_site_name_wrapper {
        .pkp_site_name {
            .is_img {
                img {max-width: 75%;}
            }
        }
    }
    .pkp_navigation_user_wrapper {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        & .pkp_navigation_user.pkp_nav_list {
            flex-wrap: wrap;
            li.profile {
                max-width: 100%;
                width: 100%;
            }
        }
        & .pkp_navigation_search_wrapper {width: 100%;}
    }
}