/* 
Theme Name:		 Caleidoscopio CX Child
Theme URI:		 https://nttdata.com/
Description:	 Caleidoscopio CX Child is a child theme of Caleidoscopio CX.
Author:			 Alexander Linares
Author URI:		 https://nttdata.com/
Template:		 caleidoscopio-cx
Version:		 1.0.0
Text Domain:	 caleidoscopio-cx-child
*/

/*
    Add your custom styles here
*/

:root {
    --color-1: #0f1c50;
    --color-2: #6785c1;
    --color-3: #ffffff;
    --color-4: #aa3c80;
    --transparent: #ffffff00;
}


* {
    font-family: 'Roboto';
}

.color-1 {
    color: var(--color-1);
}
.color-2 {
    color: var(--color-2);
}
.color-3 {
    color: var(--color-3);
}
.color-4 {
    color: var(--color-4);
}
.transparent {
    color: var(--transparent);
}
.link-none a, .link-none {
    text-decoration: none;
}

.bg-1 {
    background-color: var(--color-1);
}
.bg-2 {
    background-color: var(--color-2);
}
.bg-3 {
    background-color: var(--color-3);
}
.bg-4 {
    background-color: var(--color-4);
}

.fs--1 {
    font-size: 3.5rem;
}
.fs--2 {
    font-size: 3rem;
}
.fs--3 {
    font-size: 1.75rem;
}
.fs--4 {
    font-size: 1.5rem;
}
.fs--5 {
    font-size: 1rem;
}
.fs--6 {
    font-size: 0.875rem;
}

.container {
    max-width: 1300px !important;
}
.container-s {
    max-width: 50% !important;
    margin: auto;
}
.container-sm {
    max-width: 540px !important;
    margin: auto;
}
.padding-top {
    padding-top: 10em;
}
body.page {
    margin-bottom: 0;
}

/* HEADER */
.site-branding img {
    max-width: 180px;
    height: auto;
}
#masthead #site-navigation1 #primary-menu li {
    font-size: 1rem;
    padding: 0 13px;
    text-align: center;
}
#masthead #site-navigation1 #primary-menu li a {    
    color: var(--color-2);
}
#masthead #site-navigation1 #primary-menu li.current-menu-item a {
    color: var(--color-3);
}
#masthead {
    padding: 12px 60px;
}
/* Search Box */
.searchControl .search-form {
    display: flex;
}
.search-submit img {
    width: 20px;
    height: 20px;
}
.searchControl .search-field {
    height: 38px;
    border-color: var(--color-2);
    border-radius: 0;
    border-right: 0;
    color: var(--color-2);
}
.searchControl input[type="search"]:focus {
    color: var(--color-2);
    padding: 0 5px;
    font-size: 1rem;
}
.searchControl input[type="search"]:focus-visible {
    outline: 0;
}
.searchControl .search-field::placeholder {
    color: var(--color-2);
    font-size: 1rem;
    padding: 0 5px;
}
.searchControl .search-submit {
    background: none;
    height: 38px;
    border-color: var(--color-2);
    border-radius: 0;
    border-left: 0;
}
#btnMenu img {
    width: 20px;
    height: 20px;
}
#btnMenu {
    position: absolute;
    left: 0;
    top: 10px;
    height: 20px;
    width: 20px;
}
#btnMenu .menuOpened, #btnMenu .menuClosed {
    position: absolute;
    top: 10px;    
    transition: .2s;
}
#btnMenu.toggled .menuClosed, #btnMenu .menuOpened {
    opacity: 0;
    transition: .2s;
}
#btnMenu.toggled .menuOpened {
    opacity: 1;
    transition: .2s;
} 
@media (max-width: 991px) {  
    #site-navigation1{
        height: 0;
        transition: height 1s ease-in-out;
        overflow: hidden;
    }
    #site-navigation1 #mobileSearchMenu, #site-navigation1 ul#mobile-menu {
        display: block !important;
    }
    #site-navigation1 ul#primary-menu {
        display: block;
    }
    .searchControl .search-field, #mobileSearchMenu .search-form > label {
        width: 100%;
    }
    ul#mobile-menu li a {
        color: var(--color-2);
    }
    ul#mobile-menu li {
        margin-bottom: 15px;
    }
    ul#mobile-menu li a:visited {
        color: var(--color-2);
    }
    ul#mobile-menu li.current-menu-item a {
        color: var(--color-3);
    }
    #masthead {
        padding: 12px 30px;
    }
}
#site-navigation1.toggled {
    height: 100vh;
    transition: height 1s ease-in-out;
}

@media screen and (min-width: 992px) { 
    .Us_margin_text_mapa__2LG1w {
        margin: auto 20%;
    }
    .contentSlider .col-a {
        text-align: left;
    } 
    .fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        transition: top 0.3s ease-in-out;
        z-index: 99;
    }
    
    .fixed-header.hidden {
        top: -100px;
    } 
    .linkPost {
        padding-right: 40px;
    }          
}
/* END HEADER */

/* FOOTER */
.fterMenu a {
    color: var(--color-3);
    text-decoration: none;
    font-size: 1rem;
    transition: .3s;
}
footer .site-branding img {
    max-width: 128px;
    margin-left: -12px;
}
footer .fterMenu .menu li {
    list-style: none;
    padding-top: 22px;
}
footer .fterMenu ul.menu {
    padding-left: 0;
    margin-left: 0;
}
footer {
    padding-top: 64px;
    padding-bottom: 70px;
}
#menu_footer_2, #menu_footer_3 {
    margin-top: 22px;
}
.bottomFter a, .bottomFter a:visited {
    text-decoration: none;
    transition: .2s;
    color: var(--color-3);
}
.bottomFter .col-b img {
    max-width: 16px;
}
.itemSocialNet:not(:last-child) {
    margin-right: 20px;    
}
/* END FOOTER */

/* HERO */
.SwiperHero .swiper-slide {    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0;
    padding: 10rem 0 10rem 0;
}

#hero .swiper-slide:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    left: 0;
    background-color: -webkit-gradient(linear,left top,left bottom,from(var(--transparent)),to(var(--color-1)));
    background-color: -webkit-linear-gradient(top,var(--transparent),var(--color-1) 100%);
    background-color: -moz-linear-gradient(top,var(--transparent),var(--color-1) 100%);
    background: linear-gradient(to bottom,var(--transparent),var(--color-1) 100%);    
}
.SwiperHero .swiper-slide img {
    padding-left: 0;
    min-width: 100%;
    object-fit: cover;
    transform: translateY(-8%);
} 
.contentSlider {    
    position: relative;
    z-index: 999;
    top: calc(50% - 1%);
    display: flex;    
}

.swiper-button-next {
    top: 80%;
    left: 115px;
}
.swiper-button-prev {
    top: 80% !important;
    left: 60px;    
}
.swiper-button-next:after, .swiper-button-prev:after {
    color: var(--color-2);
    font-size: 0.8rem;
    border: 1px solid var(--color-2);
    padding: 13px 16px;
    line-height: 1;
    margin-right: 10px;
}
.namePost, .namePost a {
    color: var(--color-3);
    font-size: 3.5rem;
    text-decoration: none;
    font-weight: bold;
}

.controlsNavigation .swiper-button-prev, .controlsNavigation .swiper-button-next {
    position: relative;
    display: contents;
}
.controlsNavigation, .morePost {
    position: relative;
    z-index: 99;
    margin: auto;
    max-width: 1320px;
}
.controlsNavigation {
    padding: 40px 0px;
}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {
    color: var(--color-3);
    background: var(--color-2);
    border-color: var(--color-2);
    transition: .3s ease-in-out;
}
.linkPost, .linkPost a {
    font-weight: bold;
    text-decoration: none;
}
.linkPost a {
    border: 1px solid var(--color-3);
    padding: 12px 15px;
    transition: .3s ease-in-out;
}
.linkPost a:hover, a.btnSite:hover {
    background-color: var(--color-2);
    border-color: var(--color-2);
    transition: .3s ease-in-out;
    color: var(--color-3);
}
a.btnSite, a.btnSite2, .btnSite3 {    
    text-decoration: none;    
    padding: 12px 25px;
    font-size: 1rem;
    font-weight: bold;
    transition: .3s ease-in-out;
} 
a.btnSite, a.btnSite2 {
    border: 1px solid var(--color-2);
}
a.btnSite {
    color: var(--color-2);    
}
a.btnSite2 {
    color: var(--color-3);
    background: var(--color-2);
}
a.btnSite2:hover {
    border-color: #6785c199;
    background: #6785c199;
    transition: .3s ease-in-out;
}
a.btnSite3 {
    color: var(--color-3);  
    border: 1px solid var(--color-3);  
}
a.btnSite3:hover {
    border-color: transparent;
    background: #ffffff33;
    transition: .3s ease-in-out;
}
.infoReport a.btnSite2 {
    background: #6785c133;
    border-color: transparent;
}
.infoReport a.btnSite2:hover {
    background: #6785c199;
    border-color: transparent;
}
.morePost h3 {
    margin-bottom: 25px;
}
/* END HERO */

/* OBSERVATORY */
.home_content .ways img {
    width: 30px;
    height: auto;
}
.Home_content_margin, .itemHero.container {
    padding-top: 6rem;
}
.ways {    
    margin: auto;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}
.trend.ways {
    background: #bc4328;
}
.tools.ways {
    background: #e6b600;
}
.team.ways {
    background: #0080b1;
}
/* END OBSERVATORY */

/* EXPERTS */
.ImgExperts img {
    max-width: 480px;
    width: 100%;
}
.ImgExperts {
    display: flex;
    justify-content: end;
}
a.btnExperts {
    width: fit-content;
}
#experts {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 4rem;
}
.itemExperts .extract {
    display: flex;
    flex-direction: column;
}
/* END EXPERTS */

/* ABOUT US */
.videoBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1250px;
    z-index: 0;
    overflow: hidden;
    align-self: center;
    object-fit: cover;
    height: 100%;
    min-width: auto;
}
.contentBoxAboutUs {
    background-color: var(--color-1);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    min-height: 765px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.contentBoxAboutUs:after {
    content: "";
    background-image: -webkit-gradient(linear,left top,left bottom,from(var(--transparent)),color-stop(95%,var(--color-1)));
    background-image: -webkit-linear-gradient(top,var(--transparent),var(--color-1) 95%);
    background-image: -moz-linear-gradient(top,var(--transparent),var(--color-1) 95%);
    background-image: linear-gradient(to bottom,var(--transparent),var(--color-1) 95%);
    position: absolute;
    max-height: 765px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}
.contentBoxTitleAboutUs {
    margin-top: 20%;
    z-index: 1;
}
.text--theme-light {
    color: var(--color-3) !important;
}
.contentBoxTitleAboutUs h1, .contentBoxTitleAboutUs h5 {
    margin-top: 20px;
}
/* Phylosophy */
.video-background {
    position: relative;
}
.video-background:before {
    content: '';    
    position: absolute;
    height: 100%;
    width: 100%;
}
.phylosophy {
    padding-top: 90px;
}
.iconVisionMision img {
    max-width: 40px;
}
.iconVisionMision {
    margin: auto;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;    
    background-color: #aa3c80;
}
/* Próposito */
.bk-proposito {
    position: relative;    
    border-radius: 28px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    height: 720px;
    text-align: center;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bk-proposito:after {
    content: "";
    background-image: -webkit-gradient(linear,left top,left bottom,from(var(--transparent)),color-stop(95%,var(--color-1)));
    background-image: -webkit-linear-gradient(top,var(--transparent),var(--color-1) 95%);
    background-image: -moz-linear-gradient(top,var(--transparent),var(--color-1) 95%);
    background-image: linear-gradient(to bottom,var(--transparent),var(--color-1) 95%);
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .8;
}
.box-roposito {
    position: relative;
    z-index: 1;
}
.boxImageProposito {
    margin-top: 6rem;
}

/* Observatory */
#observatory_about_us, #aliados {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

/* Aliados */
.SwiperAboutUs .swiper-slide {
    cursor: pointer;
}
.SwiperAboutUs {
    max-width: 860px;
}
/* END ABOUT US */

/* THINK TEAM */
#titleThinkTeam, #headTrendinTopics, #legalPages {
    background-position: top;
    background-repeat: no-repeat;
    background-color: var(--color-1);
    background-size: cover;
    position: relative;
}
#titleThinkTeam .title, #legalPages .title {
    width: 100%;
    padding-top: 200px;
    padding-bottom: 100px;
    text-align: center;    
    position: relative;
    z-index: 9;
}
#titleThinkTeam:after, #headTrendinTopics:after, #legalPages:after {
    content: "";
    background-image: -webkit-gradient(linear,left top,left bottom,from(var(--transparent)),color-stop(95%,var(--color-1)));
    background-image: -webkit-linear-gradient(top,var(--transparent),var(--color-1) 95%);
    background-image: -moz-linear-gradient(top,var(--transparent),var(--color-1) 95%);
    background-image: linear-gradient(to bottom,var(--transparent),var(--color-1) 95%);
    position: absolute;
    max-height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
}
.titleTeam {
    line-height: 1.2;
}
a.page-numbers {
    color: var(--color-2);    
}
.page-numbers:hover, .page-numbers.current {
    color: var(--color-3);
    background-color: var(--color-2);
    transition: .3s;
}
.page-numbers {
    border: 1px solid var(--color-2);
    padding: 10px;
    text-decoration: none;
    transition: .3s;
}
.imgItemTeam {    
    margin-right: 20px;
    max-width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    overflow: hidden;
    margin: auto;
}
.imgItemTeam img {    
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}
/* END THINK TEAM */

/* SINGLE POST */
.contentPost h3 {
    font-size: 1rem;
}
#contentTopSinglePost .container {
    padding-right: 8em;
    padding-left: 8em;
    position: relative;
}
#flotaBtnShare {
    position: fixed;
    top: 50%;    
    transform: translateY(-50%);
}
#contentTopSinglePost {
    padding-top: 10rem;
}
#contentTopSinglePost .post {
    margin: 0;
}
aside#secondary .widget {
    margin: 0;
}
.relatedPost ul {
    margin-bottom: 0;
}
/* Video Embed */
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* END SINGLE POST */

/* TRENDING TOPICS */
.trending-topics #masthead #site-navigation1 #primary-menu li#menu-item-25 a {
    color: var(--color-3);
}
#sortSelect, #typeSelect {
    background: var(--color-1);
    color: var(--color-2);
    border-color: var(--color-2);
    padding: 6px 15px;
}
.boxLabelTrending img {
    max-width: 14px;
    margin-left: 10px;
}
.likeIcon img {
    max-width: 15px;
    margin-bottom: 3px;
}
.boxImgTrendingTopics {
    position: relative;
}
.groupTrendingTopics, .classTrendingTopics {
    position: absolute;    
    color: var(--color-3);
    padding: 2px 24px 2px 12px;
    margin: 11px;
    border-radius: 8px;
}
.boxLabelTrending {
    display: flex;
}
.groupTrendingTopics {
    background: var(--color-1);
}
.classTrendingTopics {
    background: #e6b600;
    right: 0;
    padding: 2px 12px;
}
.textItemTrendingTopics a {
    text-decoration: none;
    color: #fff;
}
.imgItemTredingTopics img {
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 15px;    
}
.textItemTrendingTopics {
    line-height: 1.2;
}
.imgItemTredingTopics {
    height: 360px;
}
.boxHeadTrendingTopics {    
    padding-top: 16rem;
    padding-bottom: 14rem;
    position: relative;
    z-index: 2;
}

.SwiperPublications {
    max-width: 900px;
}
#allPublications .swiper-wrapper {
    height: 40px;
    margin-bottom: 3px;
    gap: 10px;
}
#allPublications .swiper-slide, 
.itemPublications {
    border: 1px solid var(--color-2);
    width: fit-content !important;
    padding: 0 15px;
    height: 40px;
    cursor: pointer;
    transition: .2s;
}
#allPublications .swiper-slide.active,
.itemPublications.active {
    background-color: var(--color-2);
    color: var(--color-3);
    border-color: var(--color-2);
    transition: .2s;
}
#sliderPublications {
    display: -webkit-box;
    overflow-y: hidden;
    max-width: 900px;
    margin: auto;
    gap: 20px;
    padding-bottom: 12px;
    overflow-x: scroll;
    overflow-y: hidden;    
}
#sliderPublications::-webkit-scrollbar {
    width: 0px;
}
#contentTopSinglePost .tags small {
    list-style: none;
    background: var(--color-2);
    padding: 8px 10px;
}
.title h1 {
    margin-bottom: 1rem;
}
.imgSinglePost{
    position: relative;
}
.imgSinglePost:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left bottom,left top,from(var(--color-1)),to(var(--transparent)));
    background: -webkit-linear-gradient(bottom,var(--color-1),var(--transparent));
    background: -moz-linear-gradient(bottom,var(--color-1),var(--transparent));
    background: linear-gradient(to top,var(--color-1),var(--transparent));
}
.imgSinglePost img {
    min-width: 100%;
    max-width: 100%;
    min-height: 61%;
    max-height: 61%;
    object-fit: cover;
    height: 35em;
}
/* Modal Share */
.shareModal, .shareModal2, .shareModal3 {
    transition: .2s;
    padding: 12px !important;
}
.shareModal img, .shareModal2 img, .shareModal3 img {
    max-width: 18px;
    transition: .2s;
}
.shareModal:hover img, .shareModal2:hover img, .shareModal3:hover img {
    filter: grayscale(100%) brightness(0%) invert(1);
    transition: .2s;
}
#boxModalSingle.modal {
    display: none; /* Ocultar el modal por defecto */
    position: fixed; /* Colocar el modal en una posición fija */
    z-index: 999; /* Establecer el índice de apilamiento más alto para el modal */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Permitir el desplazamiento cuando el contenido del modal sea más grande que la pantalla */
    background-color: rgba(0, 0, 0, 0.5); /* Establecer un fondo semitransparente */    
}
 
.modal-content {    
    margin: auto; /* Centrar el modal verticalmente y horizontalmente */
    padding: 20px;
    width: 80%;
    max-width: 600px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0;
}
#notice {
    background: lightgray;
    width: fit-content;
    padding: 10px 20px;
    margin: 15px auto;
    border-radius: 5px;
}
.share-icons .icons img {
    max-width: 20px;
}
.share-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
}
#boxModalSingle .modal-content {
    min-height: 200px;
    align-items: center;
    justify-content: center;
    padding: 6em 2em;
}
/* End Modal Share   */
/* END TRENDING TOPICS */

/* 404 PAGE */
.errorPage_content_error__3xYyi {    
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top left;
    min-height: 85vh;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.errorPage_container_elements__2h-Rf {
    z-index: 0;
    position: static;
    margin: 200px auto auto;
    text-align: center;
    max-width: 480px;
}
/* END 404 PAGE */

/* POLICIES */
.tabs .tab-content {
    display: none;
}

.tabs .tab-content.active {
    display: block;
}
/* END POLICIES   */

/* EXPERTS */
.itemExperts .col-a img {
    height: 120px;
    width: 120px;
    object-fit: cover;
    border-radius: 50%;
}
.itemExperts {
    margin-bottom: 5em;
}
/* END EXPERTS */

/* LEGAL TEXTS */
#legalContent .content {
    padding-bottom: 5em;
}
.text-justify {
    text-align: justify;
}
#legalPages ul#menu-footer-3 {
    display: flex;
    justify-content: center;
    gap: 30px;
}
#legalPages ul#menu-footer-3 li {
    list-style: none;
}
#legalPages ul#menu-footer-3 li a {
    text-decoration: none;
    color: var(--color-2);
    font-size: 1rem;
    font-weight: bold;
}
.page-id-3 #legalPages ul#menu-footer-3 li#menu-item-282 a,
.page-id-238 #legalPages ul#menu-footer-3 li#menu-item-283 a,
.page-id-241 #legalPages ul#menu-footer-3 li#menu-item-284 a {
    color: #fff;
}
#legalPages #menu-footer-3 {
    margin-left: 0;
    padding: 0 2rem;
}
/* END LEGAL TEXTS */

/* RELATED POST SWIPER */
.relatedPostSwiper .swiper-slide a {
    text-decoration: none;
    color: var(--color-3);
}
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;    
    display: flex;
    justify-content: center;
    align-items: center;
}
/* END RELATED POST SWIPER */

/* RESULTADOS DE LA BÚSQUEDA */
.searchPage article {
    margin-bottom: 0;
}
/* END RESULTADOS DE LA BÚSQUEDA */





/* RESPONSIVE */
@media (max-width: 480px) {
    
}
@media (max-width: 575px) {
    .container-s {
        max-width: initial !important;
        padding: 0 2rem;
    }
    .contentBoxTitleAboutUs {
        margin-top: 200px;
    }    
    .itemExperts .col-a img {
        height: 70px;
        width: 70px;
    }
    .itemExperts {
        margin-bottom: 3em;
    }
    #contentTopSinglePost .container {
        padding-right: 2em;
        padding-left: 2em;
    }
    #flotaBtnShare {
        display: none;
    }
    .errorPage_container_elements__2h-Rf {
        margin: 150px 20px auto;
    }
}
@media (max-width: 767px) {
    .contentBoxTitleAboutUs h1, .Us_content_m_text__PRiCz h2, .extractObservatory h2, #geographicImpact h2, .Us_content_carousel__2Zv73 h2, .namePost, .namePost a, #observatory h2, #experts h2, .boxHeadTrendingTopics .title, .titlesPublications h2, .title h1, .errorPage_cont_text__huB0Z h3, #experts h1, .box-roposito h2, #legalContent h2 {
        font-size: 2.25rem;
    }  
    #experts .row > .col-a, #experts .row > .col-b, .row.topFter, #headTrendinTopics .container, #allPublications .container, #filosofía .container, #observatory_about_us .container, #aliados .container {
        max-width: 540px !important;
        margin: auto;
    }
    .boxSlider {
        width: fit-content;
        margin: auto;  
        position: relative;
        padding: 0 20px;
    }
    .boxSlider:before, .boxSlider:after {        
        position: absolute;
        top: 8px;
        width: 10px;        
    }
    .boxSlider:before {         
        left: 4px;        
    }
    .boxSlider:after {      
        right: 4px;        
    }    
    #sliderPublications {
        gap: 6px;
        max-width: 90%;
        width: 90%;
        padding-left: 0;
        padding-right: 0;
    }
    .swiper.SwiperPublications {
        max-width: 600px;
    }
    .bk-proposito {
        background-size: auto;
    }  
    .errorPage_content_error__3xYyi {
        background-size: 100% 50%;
        min-height: fit-content;
        padding-bottom: 8em;
    }
    .morePost h3 {        
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        font-size: 1.625rem;
    }
    .itemHero, .morePost {
        padding: 0;
    }
    #experts {
        padding-left: 20px;
        padding-right: 20px;
    }
    #titleThinkTeam, #legalPages {
        background-position: left;
    }
}
@media (max-width: 991px) {  
    #masthead.fixed-header {
        position: fixed;
        z-index: 9;
        width: 100%;
    } 
    .itemSkills:not(:first-child) .ways {
        margin-top: 4rem;
    }
    .ImgExperts {
        justify-content: center;
    } 
    .menu-toggle {
        display: block;
    }
    .main-navigation ul {
        display: none;
    }
    .contentSlider {
        display: block;
    }
    .SwiperHero .swiper-slide {
        padding: 5rem 0 5rem 0;
    }
    .namePost {
        text-align: center;
    }
    .boxControls {
        text-align: center;
    }
    .swiper-button-next:after {
        margin-right: 0;
    }    
    .morePost h3 {
        margin-top: 3rem;
    }
    .linkPost {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 576px) and (max-width: 991px) {
    .container-s {
        max-width: 66% !important;
    }
}
@media screen and (min-width: 768px) {
    .boxSlider:before, .boxSlider:after {
        content: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {  
    .namePost, .namePost a {
        font-size: 3.5rem;
    }
    .bk-proposito {
        background-size: auto;
    }
    #filosofía .container, #observatory_about_us .container {
        max-width: 720px !important;
    }
}

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

}
@media screen and (min-width: 576px) and (max-width: 1399px) { 
    #flotaBtnShare {    
        right: 4vw;    
    }
}
@media screen and (min-width: 1400px) {  
    #flotaBtnShare {    
        right: 8vw;    
    }
}
@media screen and (min-width: 1601px) {  
    .SwiperHero .swiper-slide {            
        padding: 20rem 0 10rem 0;
    }

}
/* @media screen and (min-width: 992px) and (max-width: 1399px) {  
    .
} */