.main-home {
    background: linear-gradient(135deg, #5d5e3e 0%, #4a4b2e 100%) !important;
    width: 100%;
    overflow: hidden;
}

.main-home__container {
    position: relative;
    width: 100%;
    height: 130vh;
}

/* CONTENT */
.main-home__title {
    font-size: 4.5rem !important;
    font-weight: 200 !important;
    color: white !important;
}

.main-home__subtitle {
    font-size: 1.5rem;
    font-weight: 200;
    color: white;
}

/* IMAGES */
.main-home__content_image_principal {
    position: absolute;
    bottom: 10%;
    right: 0%;
    z-index: 1;
    width: 100%;
    max-width: 800px;
    aspect-ratio: 4/3;
    overflow: hidden;
}

.main-home__image-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.main-home__image-wrapper {
    position: absolute;
    top: -50%;
    left: 0;
    width: 100%;
    height: 200%;
    will-change: transform;
}


.main-home__content_image_secondary {
    position: absolute;
    bottom: 10%;
    left: 0%;
    z-index: 2;
    width: 100%;
    max-width: 400px;
}

.main-home__image--principal {
    width: 100%;
    height: auto;
}

.border-top {
    border-top: 1px solid #e0e0e0;
    padding-top: 2rem;
}

.info-action-home {
    background-color: #f4a460;
}

.partners-image-container {
    overflow: hidden;
    width: 100%;
    height: 80vh;
    aspect-ratio: 4/3;
}

.about-us-home__img {
    width: 110%;
    height: auto;
    object-fit: cover;
}

.space-main-top {
    padding-top: 50px;
}

/* ========================================
   RESPONSIVE BREAKPOINTS 
   Ordenados de mayor a menor para mejor cascada
   ======================================== */

/* 🖥️ EXTRA LARGE DESKTOP - 1920px+ (Ultra HD, 4K displays) */
@media (min-width: 1920px) {
    .main-home__container {
        height: 100vh;
    }
}

/* 🖥️ LARGE DESKTOP - 1280px+ (Full HD, Large displays) */
@media (min-width: 1280px) {
    .gallery__desktop {
        position: relative;
        width: 100%;
        height: 400px;
        overflow: hidden;
    }

    .gallery__desktop_contact {
        position: relative;
        width: 100%;
        height: 500px;
        overflow: hidden;
    }

    .gallery__desktop_contact_tow {
        position: relative;
        width: 100%;
        height: 300px;
        overflow: hidden;
    }

    /* Gallery Images Layout - Large Desktop */
    .gallery__img--first {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        max-width: 280px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--second {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 400px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--third {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 400px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--fourth {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 280px;
        height: auto;
        object-fit: contain;
    }

    /* Contact Images Layout - Large Desktop */
    .gallery__img--contact-first {
        position: absolute;
        top: 25%;
        right: 0;
        width: 100%;
        max-width: 350px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--contact-second {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 380px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--contact-third {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 320px;
        height: auto;
        object-fit: contain;
    }
}

/* 🖥️ LARGE DESKTOP ADJUSTED - 1240px (Main home adjustments) */
@media (min-width: 1240px) {
    .main-home__content_image_principal {
        bottom: 8%;
    }

    .main-home__content_image_secondary {
        bottom: 8%;
    }
}

/* 💻 MEDIUM DESKTOP - 1024px to 1279px (Standard desktop, laptops) */
@media (min-width: 1024px) and (max-width: 1279px) {
    .gallery__desktop {
        position: relative;
        width: 100%;
        height: 350px;
        overflow: hidden;
    }

    .gallery__desktop_contact {
        position: relative;
        width: 100%;
        height: 450px;
        overflow: hidden;
    }

    .gallery__desktop_contact_tow {
        position: relative;
        width: 100%;
        height: 270px;
        overflow: hidden;
    }

    /* Gallery Images Layout - Medium Desktop */
    .gallery__img--first {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        max-width: 240px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--second {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 350px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--third {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 350px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--fourth {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 240px;
        height: auto;
        object-fit: contain;
    }

    /* Contact Images Layout - Medium Desktop */
    .gallery__img--contact-first {
        position: absolute;
        top: 25%;
        right: 0;
        width: 100%;
        max-width: 300px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--contact-second {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 320px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--contact-third {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 280px;
        height: auto;
        object-fit: contain;
    }
}

/* 💻 MEDIUM DESKTOP ADJUSTED - 1024px to 1240px (Main home adjustments) */
@media (min-width: 1024px) and (max-width: 1240px) {
    .main-home__container {
        height: 130vh;
    }

    .main-home__title {
        font-size: 3rem !important;
    }

    .main-home__subtitle {
        font-size: 1.3rem;
    }

    .main-home__content_image_principal {
        bottom: 10%;
        max-width: 600px;
    }

    .main-home__content_image_secondary {
        bottom: 10%;
        max-width: 340px;
    }
}

/* 📱 SMALL TABLET - 768px to 1023px (iPad, standard tablets) */
@media (min-width: 768px) and (max-width: 1023px) {

    /* Gallery Layout - Tablet */
    .gallery__desktop {
        position: relative;
        width: 100%;
        height: 320px;
        overflow: hidden;
    }

    .gallery__desktop_contact {
        position: relative;
        width: 100%;
        height: 400px;
        overflow: hidden;
    }

    .gallery__desktop_contact_tow {
        position: relative;
        width: 100%;
        height: 240px;
        overflow: hidden;
    }

    /* Gallery Images Layout - Tablet */
    .gallery__img--first {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        max-width: 200px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--second {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 300px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--third {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 300px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--fourth {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 200px;
        height: auto;
        object-fit: contain;
    }

    /* Contact Images Layout - Tablet */
    .gallery__img--contact-first {
        position: absolute;
        top: 30%;
        right: 0;
        width: 100%;
        max-width: 180px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--contact-second {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 220px;
        height: auto;
        object-fit: contain;
    }

    .gallery__img--contact-third {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 180px;
        height: auto;
        object-fit: contain;
    }

    /* Main Home - Tablet */
    .main-home__container {
        height: 100vh;
    }

    .main-home__content_image_principal {
        bottom: 7%;
        max-width: 450px;
    }

    .main-home__content_image_secondary {
        bottom: 22%;
        max-width: 250px;
    }

    .main-home__title {
        font-size: 3rem !important;
    }

    .main-home__subtitle {
        font-size: 1.2rem;
    }
}

/* 📱 TABLET PORTRAIT - 819px to 1195px (iPad Pro, large tablets in portrait) */
@media (min-width: 819px) and (max-width: 1195px) and (orientation: portrait) {
    .main-home__container {
        height: 80vh;
    }

    .main-home__content_image_principal {
        bottom: 8%;
        max-width: 500px;
    }

    .main-home__content_image_secondary {
        bottom: 15%;
        max-width: 250px;
    }
}

/* 📱 MOBILE - 767px and below (Phones, small devices) */
@media (max-width: 767px) {

    /* Main Layout - Mobile */
    .main-home {
        height: auto;
    }

    .main-home__container {
        height: auto;
    }

    .main-home__content {
        position: static;
        margin-top: 40%;
    }

    .main-home__title {
        font-size: 2.5rem !important;
    }

    .main-home__subtitle {
        font-size: 1.2rem;
    }

    .main-home__content_image_principal {
        position: static;
        margin-top: 5%;
        margin-bottom: 6%;
        width: 100%;
        max-width: 100%;
    }

    .main-home__content_image_secondary {
        display: none;
    }

    /* Gallery Images - Mobile (Full width, stack layout) */
    .gallery__img--first,
    .gallery__img--second,
    .gallery__img--third,
    .gallery__img--fourth,
    .gallery__img--contact-first,
    .gallery__img--contact-second,
    .gallery__img--contact-third {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Partners Section - Mobile */
    .partners-image-container {
        overflow: hidden;
        width: 100%;
        height: auto;
        aspect-ratio: 4/3;
    }

    /* About Us Image - Mobile */
    .about-us-home__img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}

/* 📱 MOBILE LANDSCAPE - 938px and below in landscape orientation */
@media (max-width: 938px) and (orientation: landscape) {

    /* Main Layout - Mobile */
    .main-home {
        height: auto;
    }

    .main-home__container {
        height: auto;
    }

    .main-home__content {
        position: static;
        margin-top: 20%;
    }

    .main-home__title {
        font-size: 2.8rem !important;
    }

    .main-home__content_image_principal {
        position: static;
        margin-top: 10%;
        margin-bottom: 6%;
        width: 100%;
        max-width: 100%;
    }

    .main-home__content_image_secondary {
        display: none;
    }
}

/* 📱 MOBILE LANDSCAPE - 767px and below in landscape orientation */
@media (max-width: 767px) and (orientation: landscape) {
    .main-home__content {
        margin-top: 20%;
    }
}