@charset "utf-8";
/* CSS Document */


 /*Ocultamos el menu y el footer*/
header,#secondary, #iframeFormulario, #colophon, .joinchat{display:none!important;}


#menuDer{width: 100px;box-shadow: 0px 0px 20px 0px #bbbbbb;}

#menuDer .btn_menu .elementor-button-content-wrapper{display: block;}

#menuDer .btn_menu .elementor-button-icon{
    margin-bottom: 7px;
    display: block;
}

#menuDer .btn_menu .elementor-button-text{display: block;    font-size: 10px;color:#006272;}

#menuDer .btn_menu a{padding: 12px 0px;}


.elementor-nav-menu--main ul li a{font-weight: 600!important;font-size: 0.7em;padding: 13px 0px 13px 20px!important;} 
.e--pointer-underline .elementor-item:after {width: 75%;right: inherit;left:inherit;}

.icoMenuWhatsapp{width: 15px;height: auto;margin-top: 5px;margin-right: 3px;}


.detalle-cuadros h2{font-size:19px;}
.detalle-cuadros {border: solid 1px #9D9D9D;padding: 15px 0px;width: 33.33%!important;}
.elementor-button-text{font-size:12px;}



.swiper {margin-bottom: 35px;}
.col6 h3{font-size: 24px;font-weight: 400;}
.col6 h4 {font-size: 20px;line-height: 16px;font-weight: 400;margin: 10px 0px;}

.elementor-swiper-button-prev, .elementor-swiper-button-next{width:30px;position: absolute;cursor:pointer;}

#prototypes .elementor-swiper-button-prev{top: 98%!important;left: 45%!important;}
#prototypes .elementor-swiper-button-next{top: 98%!important;right: 45%!important;}

#gallery .elementor-swiper-button-prev{top: 98.5%!important;left: 40%!important;}
#gallery .elementor-swiper-button-next{top: 98.5%!important;right: 40%!important;}
.col6{width: 50%}

.swiper-pagination-bullet {border-radius: 0px !important;width: 10px !important;height: 10px !important;background-color: #006272 !important;}

.swiper-pagination-horizontal{width: max-content!important;margin: 0px auto;display: block;left: 50%!important;right: 50%;top: 100% !important;}
.e-con > .e-con-inner {max-width: 100%!important; }


 .mapita{height:700px;}     



.icono-amenities img{max-width:47.7px; max-height: 47.6px;}
.icono-coffee img{max-width:47.7px; max-height: 47.6px;}
.icono-gym img {max-height: 47.6px;padding: 5% 20% 0%;}
.icono-firepit img{max-width:47.7px; max-height: 47.6px;}

.elementor-icon-list-items li svg {height: 45px!important;width:30px!important;}
.elementor-icon-list-items li:first-child svg {height: 45px;width:30px;}
.elementor-icon-list-items li:last-child svg {height: 45px;width:30px;}

@media (max-width: 1920px) {
 
#prototypes .elementor-swiper-button-prev, #prototypes .elementor-swiper-button-next {top: 97%!important;} 
#gallery .elementor-swiper-button-next {
    top: 98% !important;
    right: 35% !important;}
#gallery .elementor-swiper-button-prev {
    top: 98% !important;
    left: 35% !important;}
    
}

@media (max-width: 1680px) {
    #prototypes .elementor-swiper-button-prev, #prototypes .elementor-swiper-button-next {
        top: 97.2%!important;
    }
#prototypes .elementor-swiper-button-prev{left: 44%!important;}
#prototypes .elementor-swiper-button-next{right: 44%!important;}
#gallery .elementor-swiper-button-prev{left: 33%!important;top: 97.6% !important;}
#gallery .elementor-swiper-button-next{right: 33%!important;top: 97.6% !important;}
}


@media (max-width: 1600px) {
p, .elementor-widget-text-editor {
    font-size: 18px!important;
    line-height: 33px!important;
}
h2{font-size: 35px!important;}
#amenitiesIcons .widget-image-caption{font-size: 18px;}
.detalle-cuadros h2 {
    font-size: 16px!important;
}
#menuDer{top: 224px!important;}
#popFijoBottom h2{font-size: 20px!important;}
}

@media (max-width: 1600px) {

#gallery .elementor-swiper-button-prev {
        left: 30% !important;
        top: 97.6% !important;
    }
#gallery .elementor-swiper-button-next {
        right: 30% !important;
        top: 97.6% !important;
    }
}

@media (max-width: 1366px) {
.elementor-nav-menu--main ul li a {
    font-size: 0.6em;
    padding: 13px 0px 13px 18px !important;
}
    .elementor-button-text {
    font-size: 11px;
}
 #prototypes .elementor-swiper-button-prev {
        left: 43% !important;
    } 
#prototypes .elementor-swiper-button-next {
        right: 43% !important;
    }
#prototypes .elementor-swiper-button-prev, #prototypes .elementor-swiper-button-next {
        top: 97.3% !important;
    }
#gallery .elementor-swiper-button-prev {
        left: 43% !important;
    }
#gallery .elementor-swiper-button-next {
right: 43% !important;}
h2 {font-size: 32px !important;}
}

@media (max-width: 1280px) {
.elementor-nav-menu--main ul li a {
    font-weight: 600 !important;
    font-size: 0.6em!important;
    padding: 13px 0px 13px 12px !important;}
p, .elementor-widget-text-editor {font-size: 16px!important;
line-height: 30px!important;}
#popFijoBottom h2 {font-size: 16px !important;}
#popFijoBottom h4 {font-size: 12px !important;}
.detalle-cuadros h2 {font-size: 14px !important;}
.elementor-button-text{font-size: 10px;}
#amenitiesIcons .widget-image-caption {font-size: 14px;}
p {font-size: 14px !important;
line-height: 28px !important;}
#gallery .elementor-swiper-button-prev {left: 27% !important;top: 97% !important;}
#gallery .elementor-swiper-button-next {right: 27% !important;top: 97% !important;}
#prototypes .elementor-swiper-button-prev {left: 42% !important;}
#prototypes .elementor-swiper-button-next {right: 42% !important;}

.col6 h3 {font-size: 20px;font-weight: 400;}
.col6 h4 {font-size: 16px;}

h2 {
        font-size: 30px !important;
    }
    .mapita {
    height: 400px !important;
}
}

@media (max-width: 1125px) {
#menuDer {top: 140px !important;}
.detalle-cuadros h2 {
font-size: 12px !important;}
#popFijoBottom{position:inherit;margin-bottom: 5em;} 
#bannerTop{margin-bottom: 0em!important;min-height: 515px;}
.col10{width:10%;}
.col50{width:50%;}
.col60{width:60%;}
#tituloPrincipal{    --padding-top: 6em;
    --padding-bottom: 6em;}
h2 {font-size: 25px !important;
}
p, .elementor-widget-text-editor {font-size: 13px !important;
line-height: 26px !important;}
.communityList ul li span {font-size: 20px!important;}
.communityList ul li {padding-bottom:0px!important;}
#espacioBottom{display: none!important}
}

@media (max-width: 1024px) {
h2 {font-size: 23px !important;
}
.tituloh2 div {margin-bottom:0em!important;}
.detalle-cuadros h2 {font-size: 10px !important;}
p {font-size: 12px !important;
line-height: 22px !important;}
    #prototypes .elementor-swiper-button-prev {
        left: 40% !important;
    }
        #prototypes .elementor-swiper-button-next {
        right: 40% !important;
    }
        #prototypes .elementor-swiper-button-prev, #prototypes .elementor-swiper-button-next {
        top: 96.8% !important;
    }
        #prototypes .elementor-swiper-button-prev, #prototypes .elementor-swiper-button-next {
        top: 96.8% !important;
    }
        #gallery .elementor-swiper-button-prev {
        left: 22% !important;
        top: 96.3% !important;
    }
        #gallery .elementor-swiper-button-next {
        right: 22% !important;
        top: 96.3% !important;
    }
.col6 h3 {font-size: 16px;
font-weight: 400;}
.col6 h4 {font-size: 12px;}
#menuDer 
}

@media (max-width: 820px) {
#thevillage, #prototypes, #amenities, #gallery, #award, #mapSeccion, #corasol, #formulario .e-con-inner{flex-direction: column; margin-bottom: 1em;margin-top: 1em;}
#thevillage .e-child, #prototypes .e-child, #amenities .e-child, #gallery .e-child, #award .e-child, #corasol .e-child,  #formulario .e-child{width: 100%;}
#theVillageInfo{flex-direction: column;}
#amenities{flex-direction: column;}
#popFijoBottom h2 {font-size: 14px !important;}
#popFijoBottom h4 {font-size: 10px !important;}
    
}

@media (max-width: 600px) {
#logotipoTop img, #logotipoBottom img{max-width: 35%;}
#tituloPrincipal {padding-top: 0em;padding-bottom: 6em;max-width: 50%;margin: 0px auto;}
#popFijoBottom {position: relative;margin-bottom: 1em;flex-direction: column;z-index: 5!important;}
#popFijoBottom .e-child{width: 100%;}
.detalle-cuadros {width: 30% !important;}
#amenitiesIcons{--e-con-grid-template-columns: repeat(2, 1fr)!important;--grid-auto-flow: row;}
#logosPremios{--e-con-grid-template-columns: repeat(2, 1fr);--grid-auto-flow: row;padding: 10%;}
#menuTop, #menuBottom{align-self: center;}
#menuTop .e-eicon-menu-bar, #menuBottom .e-eicon-menu-bar{fill: #fff;}
#contMenu, #menuBottom{flex-direction: column;}
#contMenu .e-child{width: 100%;}
.elementor-nav-menu--dropdown a {color: #ffffff;}
#menuDer{width: 100%;height: 90px;bottom: 0px;top: auto !important;border-radius:0px;}
#menuDer .e-con-inner .e-child{width: 20%;}
#menuTop .elementor-widget-container nav:last-child, #menuBottom .elementor-widget-container nav:last-child{menu-height: 1000vmax;position: fixed;top: 22px;left: 0px;width: 80%;height: 45%;margin: 0px auto;display: block;z-index: 9;background-color: #006272;}
.elementor-menu-toggle__icon--close{menu-height: 100vmax;position: fixed;top: 0px;left: 0px;height: 20px;width: 80%;margin: 0px auto;display: block;z-index: 9;background-color: #ffffff70;}
#prototypes .elementor-swiper-button-prev {left: 38% !important;}
#prototypes .elementor-swiper-button-next {right: 38% !important;}
#gallery .elementor-swiper-button-prev {left: 15% !important;top: 97.5% !important;}
#gallery .elementor-swiper-button-next {right: 15% !important;top: 97.5% !important;}
#formulario{margin-bottom: 0em;}
}
    
@media (max-width: 426px) {
.col6 {width: 100%;} 
.detalle-cuadros {width: 50% !important;}
.detalle-cuadros h2 {font-size: 13px !important;}
#contBtnpop{flex-direction: column;}
#contExperience{flex-direction: column;align-content: center;}
#prototypes .elementor-swiper-button-prev, #prototypes .elementor-swiper-button-next {top: 97.8% !important;}
#prototypes .elementor-swiper-button-prev {left: 32% !important;}
#prototypes .elementor-swiper-button-next {right: 32% !important;}
#gallery .elementor-swiper-button-prev {left: 5% !important;top: 96.8% !important;}
#gallery .elementor-swiper-button-next {right: 5% !important;top: 96.8% !important;}
#menuTop .elementor-widget-container nav:last-child, #menuBottom .elementor-widget-container nav:last-child {menu-height: 1000vmax;position: fixed;top: 22px;left: 0px;width: 65%;margin: 0px auto;display: block;z-index: 9;}
}
		
    
@media (max-width: 375px) {
#menuTop .elementor-widget-container nav:last-child, #menuBottom .elementor-widget-container nav:last-child {height: 50%;}   
#tituloPrincipal {padding-top: 0em;padding-bottom: 6em;max-width: 90%;margin: 0px auto;}
#gallery .elementor-swiper-button-prev {left: 0% !important;top: 96.6% !important;}
#gallery .elementor-swiper-button-next {right: 0% !important;top: 96.6% !important;}
}