@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* ====== Paleta de colores ====== */
:root {
    --pantone-484: #B12009;
    --pantone-1575: #FF9664;
    --pantone-114: #FBDD40;
    --pantone-3245: #B5DDD8;
    --pantone-2945: #29588C;
    --transition: all 300ms;
}

.obj_issue_toc .heading .cover img {
    display: none;
}


/* ====== Estilos Generales ====== */

body,
h1,
h2,
h3,
.obj_article_summary>.title a,
.share_text,
.obj_issue_summary .title {
    font-family: 'Montserrat', sans-serif !important;
}

p{
    text-align: justify;
}

::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--pantone-2945);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--pantone-3245);
    border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--pantone-114);
}



.footer-brand-image {
    display: none;
}

.pkp_structure_main:before,
.pkp_structure_main:after {
    display: none;

}

.pkp_structure_main h2,
.obj_issue_toc .published .label {
    color: var(--pantone-2945);
}

a {
    color: var(--pantone-2945);
    text-decoration:none;
    transition: var(--transition);

}
a:hover {
    color: var(--pantone-3245);
    transition: var(--transition);
}

.pkp_navigation_search_wrapper a:hover {
    color: var(--pantone-3245);
    outline: 0;
    border-color: #fff;
    text-decoration: none;
}

.fa-search {
    display: inline-block;
    width: 16px;  /* Ajusta el tamaño según sea necesario */
    height: 16px;
    background-image: url('https://forointernacional.colmex.mx/public/journals/1/icons/Icono_1.png');
    background-size: cover;
    font-weight: 0;
}

.fa-search:before {
    content: "" !important;
}

.obj_issue_toc .heading {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
}

.obj_issue_toc .galleys:before, .obj_issue_toc .section:before {
    top: 45px;
    left: auto;
    width: 95%;
    border-top: 2px solid var(--pantone-2945);
}

 .obj_issue_toc .section>h2, .obj_issue_toc .section>h3 {
    font-weight: 500;
    color: black;
}

.obj_article_summary>.title a,
.obj_issue_summary .title {
    text-decoration: none;
    color: var(--pantone-2945);
    transition: all 300ms;
    font-size: 17px;
}

.obj_article_summary>.title a:hover,
.obj_issue_summary .title:hover {
    text-decoration: none;
    color: var(--pantone-3245);
    transition: all 300ms;
}

.block_make_submission a,
.pkp_block .title {
    display: inline-block;
    padding: 10px 1em;
    border: none;
    border-top-color: transparent;
    border-radius: 12px;
    box-shadow: none;
    color: white;
    width: 100%;
    background: var(--pantone-2945) !important;
    font-size: 1.143rem;
    font-weight: 500;
    text-align: center;
}

.block_make_submission .content{
    text-align: center;
    width: 100%;
    font-size: 1.143rem;
    font-weight: 500;
    padding: 0px 0px !important;
}

.pkp_block {
    padding: 2.143rem;
    
}

.pkp_block .content {
    padding: 10px 20px;
}

.pkp_block .content ul {
    list-style: disc;
    color: black;
}

.pkp_block .content li a {
    color: black;
    transition: var(--transition);
    font-size: 15px;
}
.pkp_block .content li a:hover{
    color: var(--pantone-2945);
    transition: var(--transition);
}

#customblock-redes-sociales .content{
    display: flex;
    justify-content: center;
    align-content: center;
}

.shariff .orientation-horizontal {
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.shariff .orientation-horizontal.button-style-standard li {
    min-width: 110px;
    max-width: 100% !important;
    width: 50% !important;
    border-radius: 12px;
    text-align: center;
    
}

.shariff .orientation-horizontal li:last-child {
     margin-right: 1.8% !important; 
}


.obj_galley_link:before {
    display: none;
}

.hover-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.hover-text {
    opacity: 0; 
    position: absolute;
    top: -110%;
    left: 50%;
    transform: translate(-50%, 50%);
    border-radius: 10px;
    background-color: var(--pantone-2945);
    padding: 1px 5px;
    color: var(--pantone-3245);
    transition: opacity 0.4s ease, transform 0.4s ease; 
    pointer-events: none; 
}

.hover-container:hover .hover-text {
    opacity: 1; 
    transform: translate(-50%, -60%); 
    pointer-events: auto; /
}

.fi-icon-galley {
    max-width: 50px;
    height: auto;
    margin-right: 0px;
    transition: transform 0.4s ease; 
    display: block;
}

.hover-container:hover .fi-icon-galley {
    transform: scale(1.1);
}


.obj_galley_link {
    border: none;
    color: var(--pantone-2945);
}

.obj_galley_link:hover,
.obj_galley_link:focus {
    transform: scale(1.0rem);
    background: none;
    border: none;
}

.obj_galley_link:before {
    display: none;
}

.obj_galley_link li a img:hover {
    transition: transform 0.3s ease, filter 0.3s ease;
}

.obj_issue_toc .galleys_links li {
    display: inline-block;
    margin-right: 0;
}

.obj_article_details .row {
    border-top: none;
    border-bottom: none;
}

.obj_article_details .main_entry {

    border-right: none
}

.obj_article_details .entry_details {
    border-left: none;
}
.pkp_structure_footer_wrapper {
    background: var(--pantone-2945);
    color: #FFF;
}
.pkp_structure_footer_wrapper a {
    color: var(--pantone-3245);
    text-decoration: none;
}

.pkp_brand_footer {
    display: none;
}

.pkp_structure_footer {
    width: 100%;

}
.footer_content{
    width: 100%;
}
.pkp_footer_content {
    padding: 0;
    text-align: left;
}

.footer_indices{
    background: #FFF;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    padding: 1vh 10vw;
}

.footer_indices img{
    height: auto;
    max-width: 140px;
}

.footer-text{
    text-align: justify;
    padding: 1vh 10vw;
}
.footer-line{
    background: var(--pantone-3245);
    width: 100%;
}

.obj_article_details .item {
    word-wrap: break-word;
}

#customblock-proximos-articulos a:hover  {
    background: var(--pantone-3245) !important;
    transition: var(--transition) !important;
    color: var(--pantone-2945) !important;
}


.cmp_article_list{
    display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
}
/* ====== Dispositivos móviles (Punto de quiebre OJS) (hasta 991px) ====== */
@media (max-width: 991px) {

     .pkp_structure_footer {
    
        padding-left: 0;
        padding-right: 0;
    }

    .has_site_logo .pkp_head_wrapper {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 0;
        height: 18vw;
    }

    .pkp_site_name_wrapper {
        height: 100%;
        padding: 0;
        width: 100%;
    }

    .pkp_site_nav_toggle {
        position: absolute;
        top: 18vw;
        background: var(--pantone-3245);
        border-radius: 5px;
        z-index: 99999;

    }
    .pkp_site_nav_menu {
        position: absolute;
        width: 100%;
        top: auto;
        padding-top: 50px;
    }

    .pkp_site_name {
        position: absolute;
        left: 0;
        right: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        width: 100%;
        height: 100%;
    }
    .pkp_site_name .is_img {
        display: flex;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        width: 100%;
    }

    .pkp_site_name .is_img img {
        display: block;
        max-height: none; 
        max-width: 100%;
        height: auto;
        width: 100%;
    }
    .pkp_structure_main {
        padding: 1.43rem;
        padding-top: 50px;
        
    }

   
}

/* ====== Escritorio (Punto de quiebre OJS)(Desde 992px) ====== */
@media (min-width: 992px) {

    .has_site_logo .pkp_head_wrapper {
        width: 100%;
        padding-top: 0;
    }

    .pkp_site_name_wrapper {
        height: auto;
        width: 100%;
        border-bottom: 20px solid var(--pantone-3245);

    }

    .pkp_site_name .is_img img {
        display: flex;
        max-width: 100%;
        width: 100%;
        height: auto;
        max-height: none;
    }

    .pkp_site_name .is_img {
        display: flex;
        margin: 0;
    }

    .pkp_navigation_primary_wrapper {
        padding: 0px 3.5vw;
        background: #FFF;
        border: 2px solid var(--pantone-2945);
        display: flex;
        justify-content: space-around;
        align-items: center;

    }

    #navigationUser .profile a {
        color: #FFF !important;
    }

    .pkp_navigation_primary {
        display: inline-block;
        max-width: 90%;
        text-align: left;
    }

    .pkp_site_nav_menu .pkp_nav_list {
        display: flex;
        justify-content: flex-end;
    }

    .pkp_navigation_primary>li>a,
    .pkp_site_nav_menu a {
        color: var(--pantone-2945);
        font-weight: 500;
        font-size: 1.08vw;
    }

    .pkp_navigation_primary>li>a:hover {
        color: var(--pantone-2945)
    }

    .dropdown-menu {
        border: 2px solid var(--pantone-2945);
        border-radius: none;
    }

    .dropdown-menu li a {
        background-color: var(--pantone-2945);
        color: #FFF;
        border: none;
        transition: all 400ms;
    }

    .dropdown-menu li a:hover,
    .dropdown-menu li a:focus {
        color: var(--pantone-2945);
        background-color: #FFF;
        transition: all 400ms;
    }

    .dropdown-menu li a {
        color: #FFF;
        border-radius: 0px !important;
    }

    .obj_issue_toc .cover {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    .obj_issue_toc .cover img {
        width: 35%;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 300px;
    }
    /*.obj_issue_toc .published {
        margin: -5px 0px 40px 0px;
    }*/

    .obj_issue_toc h2+.articles, .obj_issue_toc h3+.articles {
        margin-top: 0;
        display: flex;
        justify-content:flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    flex-direction: row;
    }
    .cmp_article_list>li {
        margin-bottom: 2.143rem;
        width: 33%;
        padding: 25px;
    }

    .pkp_structure_content{
        width: 90vw;
    }
    .pkp_structure_main {
        width: 70%;
    }

    .pkp_structure_sidebar {
        float: right;
        width: 30%;
        max-width: 400px;
    }
    .obj_article_summary .meta {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        
    }
    
    .obj_article_summary .authors {
        padding-right: 0;
        font-size: medium;
    }
    .obj_article_summary .pages {
        position: unset;}


    .obj_issue_summary {
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .page_issue_archive .issues_archive>li {
        padding: 2.143rem .714rem;
         border-bottom: 1px solid transparent;
         width: 33%;
    }

    .page_issue_archive .issues_archive {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .obj_issue_summary .cover {
        float: left;
        width: 50%;
        height: auto;
        margin-right: 0; 
        margin-bottom: 5px;
    }

    .obj_article_details .main_entry {
        width: 70%;
    }

    .obj_article_details .entry_details {
        width: 30%;
    }

    
    
    

}

@media (min-width: 992px) and (max-width: 1400px) {

    .pkp_navigation_primary>li>a,
    .pkp_site_nav_menu a {
    

    }

}

/* ====== Escritorio (Punto de quiebre OJS)(Desde 1690px) ====== */
@media (min-width: 1690px) {

    .pkp_navigation_primary>li>a,
    .pkp_site_nav_menu a {
        font-size: 0.8vw;

    }

}