@media (min-width: 1025px) {

    .header-menu-1 .ct-toggle-dropdown-desktop {
        visibility: hidden;
    }

    .full-width {
        max-width: 100%;
        width: 100%;
    }

    .home-gallery .wp-block-columns {
        display: flex;
        gap: 30px;
        width: 100vw;
    }

    .home-gallery .wp-block-column {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .full-width .presentation-home-text {
        margin: 0;
        text-align: start;
    }

    .banner-home {
        width: 100vw;
        max-width: 100vw;
    }


    .banner-home figure.wp-block-image {
        width: 100%;
    }

    .banner-home img {
        width: 100%;
        object-fit: fill;

    }

}

@media (max-width: 1024px) {

    .full-width {
        max-width: 100%;
        width: 100%;
    }

    .home-gallery .wp-block-columns {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 10px 5px;
        width: 100%;
        margin: 10px 0px !important;
    }

    .home-gallery .wp-block-column {
        flex: 0 0 calc(50% - 2.5px);
        max-width: calc(50% - 2.5px);
        margin: 0;
        display: flex;
        flex-direction: column;
        min-height: auto;
    }

    .gallery-home-text {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .mobile-home-products ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
    }

    .gallery-home-text h2 {
        word-break: keep-all;      /* Evita cortar palabras */
        white-space: normal;       /* Permite que siga fluyendo */
        overflow-wrap: normal;     /* Comportamiento normal */
    }
}

/* ESTA CONFIGURACION ES GENERAL PARA DESKTOP Y MOBILE */

    .oportunidades .wp-block-column {
        max-height: auto;

    }

    .oportunidades .wp-block-cover {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        min-height: clamp(400px, 100vh, 900px);
        padding: 0;
    }


    .oportunidades .wp-block-cover__inner-container {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: end;
    }

    .oportunidades .wp-block-button {
        width: auto;
        text-align: center;
    }

    .oportunidades .wp-block-button__link:hover {
        background-color: white !important;
        color: black !important;
        transform: none !important;
        transition: all 0.3s ease;
    }