/**************************************************
ESTILOS DE BANNER
***************************************************/

.slick-slide {
    float: none !important;
}

.slick-track {
    display: flex !important;
}

.l-mayan-banner {}

.l-mayan-banner-movil {
    display: none !important;
}

.l-mayan {
    min-height: 672px !important;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: flex !important;
}

.l-mayan-text {
    max-width: var(--layout750);
    width: 100%;
    padding-top: 340px;
    padding-bottom: 80px;
    margin: auto;
}

.l-mayan-line {
    width: 100%;
    max-width: 565px;
    border: 1px solid var(--green);
    display: block;
    margin: auto;
}


/**************************************************
ESTILOS DE RESIDENCIAL
***************************************************/

.l-resids {
    min-height: 449px;
}

.l-resids-back {
    width: 50%;
    background-image: url("../img/home/sunset.jpg");
    background-repeat: no-repeat;
    background-size: auto;
    height: 449px;
    background-size: cover;
    padding: 0 20px;
}

.l-resids-pic-box {
    max-width: 534px;
    width: 100%;
    margin-left: auto;
    display: flex;
    height: 449px;
    align-items: center;
    padding-right: 59px;
}

.l-resids-textbox {
    width: 50%;
    background-image: url("../img/home/sunset-background.jpg");
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 449px;
    padding: 0 20px;
}

.l-resids-info {
    max-width: 514px;
    width: 100%;
    margin-right: auto;
}

.l-resids-container {
    max-width: 623px;
    width: 100%;
    padding-left: 80px;
    padding-top: 30px;
}


/**************************************************
CREA TU PARAÍSO
***************************************************/

.l-paper {
    background-image: url("../img/home/textura.png");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 527px;
    background-size: cover;
    padding: 0 20px;
    display: flex;
}

.l-paper-textbox {
    max-width: 514px;
    width: 100%;
    margin: 10px;
}

.l-paper-pic {
    max-width: 600px;
    width: 100%;
    min-height: 374px;
    margin: 10px;
}


/**************************************************
AVENTURAS
***************************************************/

.l-advent {
    background-image: url("../img/home/back-aventuras.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 669px;
    background-size: cover;
    padding: 0 20px;
    display: flex;
}

.l-advent-head {
    font-size: calc(18px + (50 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.u-Gotham-advent {
    font-size: calc(18px + (29 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.l-exo-head {
    font-size: calc(18px + (95 - 18) * ((100vw - 320px) / (1920 - 320)));
    line-height: 0.5;
}

.l-advent-item {
    max-width: 142px;
    width: 100%;
}

.l-advent-item1 {
    background-image: url("../img/home/icon-cenote.png");
    max-width: 121px;
    height: 121px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.5s ease;
}

.l-advent-item1:hover {
    background-image: url("../img/home/icon-cenote-b.png");
}

.l-advent-item2 {
    background-image: url("../img/home/icon-nat.png");
    max-width: 121px;
    height: 121px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.l-advent-item2:hover {
    background-image: url("../img/home/icon-nat-b.png");
}

.l-advent-item3 {
    background-image: url("../img/home/icon-security.png");
    max-width: 121px;
    height: 121px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.l-advent-item3:hover {
    background-image: url("../img/home/icon-security-b.png");
}

.l-advent-item4 {
    background-image: url("../img/home/icon-sunbed.png");
    max-width: 121px;
    height: 121px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.l-advent-item4:hover {
    background-image: url("../img/home/icon-sunbed-b.png");
}

.l-advent-item p {
    font-family: "Times New Roman", Times, serif;
    font-weight: 700;
    font-style: italic;
}


/**************************************************
MEDIO AMBIENTE
***************************************************/

.l-cond {
    min-height: 449px;
    position: relative;
}

.l-cond-back {
    width: 55%;
    background-color: var(--green);
    height: 450px;
    background-size: cover;
    padding: 0 20px;
    display: flex;
}

.l-cond-pic-box {
    max-width: 534px;
    width: 100%;
    margin-left: auto;
    display: flex;
    height: 449px;
    align-items: center;
    padding-right: 59px;
}

.btn-sam {
    top: 70% !important;
    transform: translate(-50%, 70%) !important;
}

.l-cond-textbox {
    width: 45%;
    min-height: 450px;
    padding: 0 20px;
    background-color: var(--bluelight);
    display: flex;
    align-items: flex-start;
    position: relative;
}

.l-cond-textbox img {
    padding-top: 30px;
    margin: 0 auto;
    padding-right: 141px;
}

.l-cond-info {
    max-width: 514px;
    width: 100%;
    margin-left: auto;
}

.l-cond-container {
    max-width: 623px;
    width: 100%;
    padding-top: 30px;
    display: flex;
    margin-left: auto;
    margin-right: 178px;
}

.l-cond-textbox .c-flexn-between p {
    max-width: 217px;
}

.l-cond-pic-postion {
    position: absolute;
    bottom: 0;
    max-width: 458px;
    width: 100%;
    height: 203px;
    left: 314px;
    right: 0;
    margin: auto;
}


/**************************************************
MEDIO AMBIENTE
***************************************************/

.l-eco {
    min-height: 449px;
}

.l-eco-back {
    width: 50%;
    background-image: url("../img/home/eco.jpg");
    background-repeat: no-repeat;
    background-size: auto;
    height: 449px;
    background-size: cover;
    padding: 0 20px;
}

.l-eco-pic-box {
    max-width: 534px;
    width: 100%;
    margin-left: auto;
    display: flex;
    height: 449px;
    align-items: center;
    padding-right: 59px;
}

.l-eco-textbox {
    width: 50%;
    min-height: 449px;
    padding: 0 20px;
    background-color: var(--bluelight);
}

.l-eco-info {
    max-width: 514px;
    width: 100%;
    margin-right: auto;
}

.l-eco-container {
    max-width: 623px;
    width: 100%;
    padding-left: 80px;
    padding-top: 30px;
}

.l-eco-textbox .c-flexn-between p {
    max-width: 217px;
}


/**************************************************
RESPONSIVE
***************************************************/

@media (max-width: 1360px) {
    .l-resids-container {
        padding-left: 0;
    }
    .l-resids-pic-box {
        padding-right: 0;
        margin: auto;
    }
    .l-resids-info {
        margin: auto;
    }
    .l-eco-container {
        padding-left: 0;
    }
    .l-eco-pic-box {
        padding-right: 0;
        margin: auto;
    }
    .l-eco-info {
        margin: auto;
    }
}

@media (max-width: 920px) {
    .l-resids .c-flex {
        flex-wrap: wrap;
    }
    .l-eco .c-flex {
        flex-wrap: wrap;
    }
    .l-paper .c-flexn-between {
        flex-wrap: wrap;
        justify-content: center;
    }
    .l-resids-container {
        margin: auto;
    }
    .l-resids-back,
    .l-resids-textbox {
        width: 100%;
    }
    .l-eco-back,
    .l-eco-textbox {
        width: 100%;
    }
    .l-eco-container {
        margin: auto;
    }
    .l-cond-back {
        width: 100%;
        text-align: center;
    }
    .l-cond-textbox {
        width: 100%;
        text-align: center;
    }
    .l-cond .c-flex {
        display: block;
    }
    .l-cond-pic-postion {
        display: none;
    }
    .l-cond-textbox {
        align-items: center;
    }
    .l-cond-textbox img {
        padding-right: 0;
    }
    .l-cond-info a {
        margin: auto;
    }
    .l-cond-info {
        margin: auto;
    }
    .l-cond-container {
        margin: auto;
        padding-top: 0;
    }
}

@media (max-width: 540px) {
    .l-mayan-banner {
        display: none !important;
    }
    .l-mayan-banner-movil {
        display: block !important;
    }
}