/*
===========================================
BOOTSTRAP BREAKPOINTS - MAX-WIDTH ONLY APPROACH
===========================================
Enfoque: Desktop-first (de mayor a menor)
Orden: xxl → xl → lg → md → sm → xs
===========================================
*/

/* ===========================================
   EXTRA LARGE DESKTOP AND DOWN (xxl) - 1400px and below
   =========================================== */
/* Estilos base para pantallas extra grandes - se aplican a todas las pantallas */

/* ===========================================
   LARGE DESKTOP AND DOWN (xl) - 1399.98px and below
   =========================================== */
@media (max-width: 9999px) {

    /* KIT DIGITAL */
    #viva-work-about-kd.row-reverse .row>div:last-child {
        padding-right: 80px;
    }

    #viva-work-kd .single-item .item {
        min-height: 275px;
    }
}

@media (max-width: 1399.98px) {}

/* ===========================================
   DESKTOP AND DOWN (lg) - 1199.98px and below
   =========================================== */
@media (max-width: 1199.98px) {}

@media (min-width: 1200px) {

    /* HOME | TOP FEATURES AREA */
    #viva-top-features-area .feature-items .row>div {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    #viva-top-features-area .top-features-area .item {
        height: 100%;
    }
}


/* ===========================================
   TABLET AND DOWN (md) - 991.98px and below
   =========================================== */
@media (max-width: 991.98px) {
    /* Estilos para tablets y pantallas menores */
}

@media (min-width: 992px) {}

/* ===========================================
   TABLET SMALL AND DOWN (sm) - 767.98px and below
   =========================================== */
@media (max-width: 767.98px) {
    /* Estilos para tablets pequeñas y pantallas menores */
    body :is(.elementor-section-wrap,[data-elementor-id])>.e-con {
        background-size: cover !important;
    }
}

/* ===========================================
   MOBILE ONLY (xs) - 575.98px and below
   =========================================== */
@media (max-width: 575.98px) {

    /* GENERAL */
    .fade:not(.show) {
        height: 0;
    }

    #viva-counter .default-padding,
    #viva-top-features-area .default-padding,
    #viva-about-kd .default-padding {
        padding-top: 56px;
        padding-bottom: 0px;
    }

    #viva-contact .contact-area .row,
    #viva-about-kd .about-area .row {
        gap: 42px;
    }

    /* HOME | MEDIO AMBIENTE AREA */
    #viva-medio-ambiente .thumb-services-area .services-items .item {
        padding: 32px;
        min-height: 400px;
    }

    #viva-medio-ambiente .thumb-services-area .services-items.services-carousel.owl-carousel .owl-dots {
        padding-bottom: 10px;
    }

    /* HOME | BANNER AREA */
    .banner-area .thumb {
        display: none;
    }

    .banner-area.auto-height .content {
        padding: 75px 0px 100px 0px !important;
    }

    /* HOME | ABOUT CONTENT AREA */
    #viva-about-content-area .about-content-area .thumb img:first-child {
        width: 100%;
    }

    #viva-about-content-area .about-content-area .overlay {
        width: 100%;
        padding: 20px;
    }

    #viva-about-content-area .about-content-area .row {
        gap: 50px;
    }

    #viva-about-content-area .content-tabs .nav-tabs li a {
        background: transparent !important;
    }

    /* HOME | WORK ABOUT AREA */
    #viva-work-about .works-about-area .works-about-items .thumb .fun-fact {
        left: 50%;
        padding: 32px;
        width: auto;
    }

    /* HOME | COUNTER AREA */
    #viva-counter .fun-factor-area .fun-fact {
        justify-content: start;
    }

    #viva-counter .fun-factor-area .fun-fact-items::after {
        height: fit-content;
    }

    #viva-counter .fun-factor-area {
        background-color: #f3f7fd;
    }

    /* CONTACT */
    #viva-contact .contact-area .contact-tabs>ul li {
        float: left;
    }

    /* KIT DIGITAL */
    #viva-work-about-kd.row-reverse .row>div:last-child {
        padding-right: 15px;
    }

    #viva-work-about-kd .works-about-items::before {
        right: -15px;
    }

    #viva-about-kd .about-area .thumb img:first-child {
        width: 100%;
    }

    #viva-about-kd .about-area .row {
        flex-direction: column-reverse;
    }

    #viva-about-kd .about-area .info {
        text-align: left;
    }

    #viva-work-kd .single-item .item {
        min-height: 250px;
    }

    /* PARTNERS */
    #viva-experience .feature-area.default-padding {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    #viva-partners .clients-area.default-padding-bottom {
        padding-bottom: 48px;
    }
}