/* Estilos específicos para dispositivos celulares */
@media (max-width: 767px) {

    .service-description-container {
        width: 80%;
        height: 25vw;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 2%;
        margin-bottom: -2%;
    }

    /* ******* header nosotros ******* */

    .container-header-nosotros {
        width: 100%;
        height: 185vw;
        position: relative;
        background: linear-gradient(180deg,
                rgba(255, 255, 255, 1) 30.034464597702026%,
                rgba(209, 235, 247, 1) 82.40489959716797%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .content {
        position: absolute;
        top: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .title-header-nosotros {
        text-align: center;
        font-size: 7vw;
        font-weight: 600;
        position: relative;
        width: 80%;
    }

    .title-header-nosotros p {
        color: #101011;
        font-size: 7vw;
        font-weight: 600;
        height: 2vw;
    }

    .imagen_home1_container {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        top: 52%;
        left: 3vw;
        width: 100%;
    }

    .verticalAlign {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imagen_align {
        max-width: 100%;
        height: auto;
    }

    .imagen_home1 {
        width: 81.635vw;
        height: auto;
    }

    .quote {
        width: 100%;
        height: auto;
        position: relative;
        left: 0%;
        top: 40%;
        color: #53B6E3;
    }

    .button-contacto {
        width: 32%;
        height: 11vw;
        position: absolute;
        left: 7%;
        top: 36%;
        background: linear-gradient(101deg, #638638 0%, #C6D54F 69%);
        border-radius: 41.97px;
        border: 0px;
        color: white;
        font-size: 4vw;
        font-weight: 500;
        line-height: 3vw;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        cursor: pointer;
    }

    .services-link {
        width: 50%;
        height: 11vw;
        position: absolute;
        left: 43%;
        top: 36%;
        background: #fbfbfb;
        border-radius: 60px;
        border: 2px solid #D4E07B;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        column-gap: 1.8vw;
        cursor: pointer;
    }

    .services-link .text {
        color: #575957;
        font-size: 4.2vw;
        font-weight: 400;
        line-height: 2vw;
    }

    .iconArrow {
        width: 1.5vw;
        margin-left: 1.25vw;
    }

    .marquee-container {
        position: relative;
        width: 100%;
        height: 40px;
        overflow: hidden;
        white-space: nowrap;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .marquee-content {
        display: inline-block;
        padding-left: 110%;
        animation: marquee 13s linear infinite;
        white-space: nowrap;
        width: 50%;
        height: auto;
        font-size: 5.8vw;
        font-weight: 500;
        line-height: 4vw;
    }

    .marquee-container::before,
    .marquee-container::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 25%;
        z-index: 2;
    }

    @keyframes marquee {
        0% {
            transform: translateX(10%);
        }

        100% {
            transform: translateX(-150%);
        }
    }

    /* ******* nuestro proposito ******* */

    .nuestro-prop-sito {
        background: #ffffff;
        flex-shrink: 0;
        width: 100%;
        position: relative;
        overflow: hidden;
        margin-top: 6vw;
    }

    .nuestro-prop-sito__decorations {
        background: #e9f0b9;
        border-radius: 50%;
        opacity: 0.4;
        width: 93.25vw;
        height: 96.25vw;
        position: absolute;
        left: -43vw;
        top: 381vw;
        filter: blur(30.245vw);
    }

    .nuestro-prop-sito__decorations2 {
        background: #76c4e8;
        border-radius: 50%;
        opacity: 0.4;
        width: 93.25vw;
        height: 88.5vw;
        position: absolute;
        left: 57.25vw;
        top: 191.25vw;
        filter: blur(30.245vw);
    }

    .nuestro-prop-sito__content {
        display: flex;
        flex-direction: column;
        gap: 9.38vw;
        align-items: center;
        justify-content: center;
        position: relative;
        top: 6.56vw;
    }

    .nuestro-prop-sito__text {
        display: none;
    }

    .nuestro-prop-sito__text-movil {
        display: flex;
        flex-direction: column;
        gap: 4vw;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        position: relative;
        margin-top: 8vw;
    }

    .nuestro-prop-sito__heading {
        text-align: center;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
        position: relative;
        width: 81%;
    }

    .heading-span {
        color: #101011;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }

    .heading-span2 {
        color: #1a9dd9;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }

    .heading-span3 {
        color: #101011;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }

    .heading-span4 {
        color: #1a9dd9;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }

    .heading-span5 {
        color: #101011;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }

    .nuestro-prop-sito__description {
        color: #575957;
        text-align: center;
        font-size: 4.5vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
        width: 82%;
        margin-top: 5vw;
    }

    .nuestro-prop-sito__container {
        display: flex;
        flex-direction: column;
        gap: 10vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 100%;
        position: relative;
        margin-top: 7vw;
    }

    .nuestro-prop-sito__content2 {
        display: flex;
        flex-direction: column;
        gap: 2.5vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        width: 100%;
    }

    .nuestro-prop-sito__text2 {
        display: flex;
        flex-direction: column;
        gap: 3vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        width: 100%;
    }

    .nuestro-prop-sito__heading2 {
        color: #101011;
        text-align: center;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
        position: relative;
        width: 95%;
    }

    .nuestro-prop-sito-10anios {
        color: #575957;
        text-align: center;
        font-size: 4vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        width: 86%;
        margin-top: 5vw;
    }

    .nuestro-prop-sito__description2 {
        display: none;
    }

    .nuestro-prop-sito__description2-movil {
        color: #101011;
        text-align: center;
        font-size: 4vw;
        line-height: 150%;
        font-weight: 600;
        position: relative;
        width: 82%;
        margin-top: 5vw;
    }

    .nuestro-prop-sito_apoyo_grafo {
        display: none;
    }

    .nuestro-prop-sito_apoyo_grafo-movil {
        color: #101011;
        text-align: center;
        font-size: 6vw;
        line-height: 150%;
        font-weight: 600;
        position: relative;
        width: 82%;
        margin-top: 5vw;
    }

    .nuestro-prop-sito__qu-nosotros {
        flex-shrink: 0;
        width: 32.75vw;
        height: 41.5vw;
        position: relative;
        margin-top: 4vw;
        margin-bottom: 10vw;
    }

    .nuestro-prop-sito__group-1000005640 {
        width: 32.75vw;
        height: 41.5vw;
        position: relative;
    }

    .nosotros_personaje_qu {
        width: 32.75vw;
        height: 41.5vw;
        position: relative;
        top: 1.5vw;
        overflow: visible;
    }

    .nuestro-prop-sito__container2 {
        display: flex;
        flex-direction: column;
        gap: 7.5vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 85%;
        position: relative;
    }

    .item1-movil-container2 {
        order: 1;
    }

    .item2-movil-container2 {
        order: 2;
    }

    .nuestro-prop-sito__wunder-nosotros {
        flex-shrink: 0;
        width: 32.25vw;
        height: 40.75vw;
        position: relative;
    }

    .nuestro-prop-sito__group-1000005642,
    .nuestro-prop-sito__group-10000056402 {
        width: 32.25vw;
        height: 40.75vw;
        position: relative;
    }

    .nosotros_personaje_wunder {
        width: 32.25vw;
        height: 40.75vw;
        position: relative;
        top: 5.38vw;
        overflow: visible;
    }

    .nuestro-prop-sito__content3 {
        display: flex;
        flex-direction: column;
        gap: 2.5vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 100%;
        position: relative;
    }

    .nuestro-prop-sito__text3 {
        display: flex;
        flex-direction: column;
        gap: 5vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 100%;
        position: relative;
    }

    .nuestro-prop-sito__description3 {
        color: #575957;
        text-align: left;
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        width: 95%;
    }

    .description-3-span,
    .description-3-span2,
    .description-3-span3,
    .description-3-span4,
    .description-3-span5,
    .description-3-span6,
    .description-3-span7 {
        color: #575957;
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 400;
        list-style-type: disc;
        padding-left: 1em;
    }

    .description-4-span {
        color: #575957;
        font-size: 3.75vw;
        line-height: 120%;
        font-weight: 400;
        list-style-type: disc;
        padding-left: 1em;
        margin: 1vw;
    }

    .nuestro-prop-sito__container3 {
        display: flex;
        flex-direction: column;
        row-gap: 15vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 85%;
        height: 112vw;
        position: relative;
        margin-top: 9vw;
        margin-bottom: 10vw;
    }

    .nuestro-prop-sito__heading3 {
        color: #101011;
        text-align: center;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
        position: relative;
    }

    .nuestro-prop-sito__description4 {
        color: #575957;
        text-align: left;
        position: relative;
        left: 10%;
        width: 60%;
        margin-top: 4vw;
    }

    .nuestro-prop-sito__error-nosotros,
    .nuestro-prop-sito__group-10000056422,
    .nuestro-prop-sito__group-1000005650 {
        flex-shrink: 0;
        width: 32.75vw;
        height: 40.75vw;
        position: relative;
    }

    .nosotros_personaje_error {
        width: 32.75vw;
        height: 40.75vw;
        position: relative;
        overflow: visible;
    }

    /********* Socios Estrategicos ***********/

    .socios-estrategicos {
        background: #ffffff;
        flex-shrink: 0;
        width: 100%;
        height: 207.5vw;
        position: relative;
        overflow: hidden;
        margin-top: 8vw;
    }
    
    .socios-estrategicos__decorations {
        background: #3cacdf;
        border-radius: 50%;
        opacity: 0.3;
        width: 110.25vw;
        height: 106.5vw;
        position: absolute;
        left: -35.75vw;
        top: 149.5vw;
        filter: blur(30.245vw);
    }
    
    .socios-estrategicos__content {
        display: flex;
        flex-direction: column;
        gap: 3.69vw;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        top: 4.88vw;
    }
    
    .socios-estrategicos__container {
        display: flex;
        flex-direction: column;
        gap: 10.38vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        width: 100%;
    }
    
    .socios-estrategicos__heading {
        display: flex;
        flex-direction: column;
        gap: 1.25vw;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        width: 100%;
        position: relative;
    }
    
    .socios-estrategicos__heading2 {
        text-align: center;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
        position: relative;
        width: 80%;
    }
    
    .heading-2-span {
        color: #101011;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }
    
    .heading-2-span2 {
        color: #1a9dd9;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }
    
    .heading-2-span3 {
        color: #101011;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }
    
    .socios-estrategicos__feature {
        background: #e8f5fb;
        border-radius: 3.75vw;
        padding: 3vw 2.5vw 3vw 2.5vw;
        display: flex;
        flex-direction: column;
        gap: 2vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
        width: 75%;
        height: 140vw;
    }
    
    .socios-estrategicos__picture {
        background-image: url('../assets/img/fondo_socios_nosotros_movil.png');
        background-size: cover;
        background-position: center;
        border-radius: 1.885vw;
        flex-shrink: 0;
        width: 90%;
        height: 135vw;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 5vw;
    }

    .socios-estrategicos-rectangles {
        width: 100%;
        height: 65vw;
    }

    .item1-movil-rectangles {
        order: 1;
    }

    .item2-movil-rectangles {
        order: 2;
    }
    
    .socios-estrategicos__group-1000005647 {
        position: absolute;
        inset: 0;
    }
    
    .socios-estrategicos__rectangle-6814 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 27vw;
        height: 13.25vw;
        position: absolute;
        top: 70vw;
        left: 5.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .socios-estrategicos__rectangle-6815 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 27vw;
        height: 13.25vw;
        position: absolute;
        top: 70vw;
        left: 34.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }    

    .socios-estrategicos__rectangle-6816 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 27vw;
        height: 13.25vw;
        position: absolute;
        top: 85vw;
        left: 5.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .socios-estrategicos__rectangle-6817 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 27vw;
        height: 13.25vw;
        position: absolute;
        top: 85vw;
        left: 34.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .socios-estrategicos__rectangle-6818 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 27vw;
        height: 13.25vw;
        position: absolute;
        top: 100vw;
        left: 5.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .socios-estrategicos__rectangle-6819 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 27vw;
        height: 13.25vw;
        position: absolute;
        top: 100vw;
        left: 34.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .socios-estrategicos__rectangle-6820 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 55.42vw;
        height: 13.25vw;
        position: absolute;
        top: 115vw;
        left: 5.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .socios-estrategicos__comercial {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__soft-lab {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__cloud-ops {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__staff-augmentation-nearshoring-management {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
        width: 41.5vw;
    }
    
    .socios-estrategicos__ux-iu {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__r-d-lab {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__delivery {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__text {
        display: flex;
        flex-direction: column;
        gap: 18.84px;
        align-items: flex-start;
        justify-content: flex-start;
        width: 48.987vw;
        position: relative;
        top: 1%;
    }
    
    .socios-estrategicos__nuestro-equipo {
        color: var(--colors-base-white, #ffffff);
        text-align: left;
        font-size: 5.4vw;
        line-height: 150%;
        font-weight: 600;
        position: relative;
        top: 5%;
    }
    
    .socios-estrategicos__las-buenas-ideas {
        color: var(--colors-base-white, #ffffff);
        text-align: left;
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        width: 48.987vw;
    }

    /******** Ubicación oficinas **********/

    .container-ubicacion-oficinas {
        width: 100%;
        height: 135vw;
        background-image: url('../assets/img/fondo_ubicacion_oficinas_movil_nosotros.png');
        background-size: cover;
        background-position: center;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 0 4% 0;
    }

    .container-ubicacion-oficinas h2 {
        font-size: 8vw;
        line-height: 140%;
        font-weight: 700;
        width: 70%;
        position: relative;
    }

    .container-ubicacion-oficinas h3 {
        font-size: 3.75vw;
        line-height: 110%;
        font-weight: 400;
        width: 70%;
        position: relative;
        top: -5vw;
    }

    .container-ubicacion-oficinas h4 {
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 400;
        font-style: italic;
        opacity: 0.6;
        position: relative;
        bottom: 0vw;
    }

    .flex-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        row-gap: 9vw;
        position: relative;
        height: 60vw;
    }

    .flex-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5vw;
    }

    .flex-item img {
        width: 12vw;
        margin-bottom: 1vw;
        margin-right: 1vw;
    }

    .flex-item span {
        font-size: 4vw;
        line-height: 140%;
        font-weight: 600;
    }

    .proximamente {
        font-size: 4vw;
        line-height: 140%;
        font-weight: 600;
        opacity: 0.5;
    }

    .decoration-blue {
        background: #1a9dd9;
        border-radius: 50%;
        opacity: 0.3;
        width: 131vw;
        height: 131vw;
        position: absolute;
        filter: blur(50px);
        top: 850vw;
        left: -90vw;
    }

    .decoration-green {
        background: #c6d54f;
        border-radius: 50%;
        opacity: 0.4;
        width: 109vw;
        height: 109vw;
        position: absolute;
        filter: blur(50px);
        top: 930vw;
        left: 50vw;
    }
}

/* Estilos específicos para dispositivos tablets */
@media (min-width: 768px) and (max-width: 1023px) {

    .service-description-container {
        width: 80%;
        height: 25vw;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
     /* ******* header nosotros ******* */

     .container-header-nosotros {
        width: 100%;
        height: 185vw;
        position: relative;
        background: linear-gradient(180deg,
                rgba(255, 255, 255, 1) 30.034464597702026%,
                rgba(209, 235, 247, 1) 82.40489959716797%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .content {
        position: absolute;
        top: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .title-header-nosotros {
        text-align: center;
        font-size: 7vw;
        font-weight: 600;
        position: relative;
        width: 80%;
    }

    .title-header-nosotros p {
        color: #101011;
        font-size: 7vw;
        font-weight: 600;
        height: 2vw;
    }

    .imagen_home1_container {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        top: 52%;
        left: 3vw;
        width: 100%;
    }

    .verticalAlign {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imagen_align {
        max-width: 100%;
        height: auto;
    }

    .imagen_home1 {
        width: 81.635vw;
        height: auto;
    }

    .quote {
        width: 100%;
        height: auto;
        position: relative;
        left: 0%;
        top: 40%;
        color: #53B6E3;
    }

    .button-contacto {
        width: 30%;
        height: 11vw;
        position: absolute;
        left: 7%;
        top: 36%;
        background: linear-gradient(101deg, #638638 0%, #C6D54F 69%);
        border-radius: 41.97px;
        border: 0px;
        color: white;
        font-size: 4.2vw;
        font-weight: 500;
        line-height: 3vw;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        cursor: pointer;
    }

    .services-link {
        width: 50%;
        height: 11vw;
        position: absolute;
        left: 43%;
        top: 36%;
        background: #fbfbfb;
        border-radius: 60px;
        border: 2px solid #D4E07B;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        column-gap: 1.8vw;
        cursor: pointer;
    }

    .services-link .text {
        color: #575957;
        font-size: 4.2vw;
        font-weight: 400;
        line-height: 2vw;
    }

    .iconArrow {
        width: 1.5vw;
        margin-left: 1.25vw;
    }

    .marquee-container {
        position: relative;
        width: 100%;
        height: 40px;
        overflow: hidden;
        white-space: nowrap;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .marquee-content {
        display: inline-block;
        padding-left: 110%;
        animation: marquee 13s linear infinite;
        white-space: nowrap;
        width: 50%;
        height: auto;
        font-size: 5.8vw;
        font-weight: 500;
        line-height: 4vw;
    }

    .marquee-container::before,
    .marquee-container::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 25%;
        z-index: 2;
    }

    @keyframes marquee {
        0% {
            transform: translateX(10%);
        }

        100% {
            transform: translateX(-150%);
        }
    }

    /* ******* nuestro proposito ******* */

    .nuestro-prop-sito {
        background: #ffffff;
        flex-shrink: 0;
        width: 100%;
        position: relative;
        overflow: hidden;
        margin-top: 6vw;
    }

    .nuestro-prop-sito__decorations {
        background: #e9f0b9;
        border-radius: 50%;
        opacity: 0.4;
        width: 93.25vw;
        height: 96.25vw;
        position: absolute;
        left: -43vw;
        top: 381vw;
        filter: blur(30.245vw);
    }

    .nuestro-prop-sito__decorations2 {
        background: #76c4e8;
        border-radius: 50%;
        opacity: 0.4;
        width: 93.25vw;
        height: 88.5vw;
        position: absolute;
        left: 57.25vw;
        top: 191.25vw;
        filter: blur(30.245vw);
    }

    .nuestro-prop-sito__content {
        display: flex;
        flex-direction: column;
        gap: 9.38vw;
        align-items: center;
        justify-content: center;
        position: relative;
        top: 6.56vw;
    }

    .nuestro-prop-sito__text {
        display: none;
    }

    .nuestro-prop-sito__text-movil {
        display: flex;
        flex-direction: column;
        gap: 4vw;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        position: relative;
        margin-top: 8vw;
    }

    .nuestro-prop-sito__heading {
        text-align: center;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
        position: relative;
        width: 100%;
    }

    .heading-span {
        color: #101011;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }

    .heading-span2 {
        color: #1a9dd9;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }

    .heading-span3 {
        color: #101011;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }

    .heading-span4 {
        color: #1a9dd9;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }

    .heading-span5 {
        color: #101011;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }

    .nuestro-prop-sito__description {
        color: #575957;
        text-align: center;
        font-size: 4.5vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
        width: 85%;
        margin-top: 5vw;
    }

    .nuestro-prop-sito__container {
        display: flex;
        flex-direction: column;
        gap: 10vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 100%;
        position: relative;
        margin-top: 7vw;
    }

    .nuestro-prop-sito__content2 {
        display: flex;
        flex-direction: column;
        gap: 2.5vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        width: 100%;
    }

    .nuestro-prop-sito__text2 {
        display: flex;
        flex-direction: column;
        gap: 3vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        width: 100%;
    }

    .nuestro-prop-sito__heading2 {
        color: #101011;
        text-align: center;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
        position: relative;
        width: 95%;
    }

    .nuestro-prop-sito-10anios {
        color: #575957;
        text-align: center;
        font-size: 4vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        width: 86%;
        margin-top: 5vw;
    }

    .nuestro-prop-sito__description2 {
        display: none;
    }

    .nuestro-prop-sito__description2-movil {
        color: #101011;
        text-align: center;
        font-size: 4vw;
        line-height: 150%;
        font-weight: 600;
        position: relative;
        width: 82%;
        margin-top: 5vw;
    }

    .nuestro-prop-sito_apoyo_grafo {
        display: none;
    }

    .nuestro-prop-sito_apoyo_grafo-movil {
        color: #101011;
        text-align: center;
        font-size: 5vw;
        line-height: 150%;
        font-weight: 600;
        position: relative;
        width: 82%;
        margin-top: 5vw;
    }

    .nuestro-prop-sito_apoyo_grafo-movil span {
        display: none;
    }

    .nuestro-prop-sito_apoyo_grafo-movil .media {
        display: initial;
    }

    .nuestro-prop-sito__qu-nosotros {
        flex-shrink: 0;
        width: 32.75vw;
        height: 41.5vw;
        position: relative;
        margin-top: 4vw;
        margin-bottom: 10vw;
    }

    .nuestro-prop-sito__group-1000005640 {
        width: 32.75vw;
        height: 41.5vw;
        position: relative;
    }

    .nosotros_personaje_qu {
        width: 32.75vw;
        height: 41.5vw;
        position: relative;
        top: 1.5vw;
        overflow: visible;
    }

    .nuestro-prop-sito__container2 {
        display: flex;
        flex-direction: column;
        gap: 7.5vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 85%;
        position: relative;
    }

    .item1-movil-container2 {
        order: 1;
    }

    .item2-movil-container2 {
        order: 2;
    }

    .nuestro-prop-sito__wunder-nosotros {
        flex-shrink: 0;
        width: 32.25vw;
        height: 40.75vw;
        position: relative;
    }

    .nuestro-prop-sito__group-1000005642,
    .nuestro-prop-sito__group-10000056402 {
        width: 32.25vw;
        height: 40.75vw;
        position: relative;
    }

    .nosotros_personaje_wunder {
        width: 32.25vw;
        height: 40.75vw;
        position: relative;
        top: 5.38vw;
        overflow: visible;
    }

    .nuestro-prop-sito__content3 {
        display: flex;
        flex-direction: column;
        gap: 2.5vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 100%;
        position: relative;
    }

    .nuestro-prop-sito__text3 {
        display: flex;
        flex-direction: column;
        gap: 5vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 100%;
        position: relative;
    }

    .nuestro-prop-sito__description3 {
        color: #575957;
        text-align: left;
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        width: 95%;
    }

    .description-3-span,
    .description-3-span2,
    .description-3-span3,
    .description-3-span4,
    .description-3-span5,
    .description-3-span6,
    .description-3-span7 {
        color: #575957;
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 400;
        list-style-type: disc;
        padding-left: 1em;
    }

    .description-4-span {
        color: #575957;
        font-size: 3.75vw;
        line-height: 120%;
        font-weight: 400;
        list-style-type: disc;
        padding-left: 1em;
        margin: 1vw;
    }

    .nuestro-prop-sito__container3 {
        display: flex;
        flex-direction: column;
        row-gap: 15vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 85%;
        height: 112vw;
        position: relative;
        margin-top: 9vw;
        margin-bottom: 10vw;
    }

    .nuestro-prop-sito__heading3 {
        color: #101011;
        text-align: center;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
        position: relative;
    }

    .nuestro-prop-sito__description4 {
        color: #575957;
        text-align: left;
        position: relative;
        left: 10%;
        width: 60%;
        margin-top: 4vw;
    }

    .nuestro-prop-sito__error-nosotros,
    .nuestro-prop-sito__group-10000056422,
    .nuestro-prop-sito__group-1000005650 {
        flex-shrink: 0;
        width: 32.75vw;
        height: 40.75vw;
        position: relative;
    }

    .nosotros_personaje_error {
        width: 32.75vw;
        height: 40.75vw;
        position: relative;
        overflow: visible;
    }

    /********* Socios Estrategicos ***********/

    .socios-estrategicos {
        background: #ffffff;
        flex-shrink: 0;
        width: 100%;
        height: 207.5vw;
        position: relative;
        overflow: hidden;
        margin-top: 8vw;
    }
    
    .socios-estrategicos__decorations {
        background: #3cacdf;
        border-radius: 50%;
        opacity: 0.3;
        width: 110.25vw;
        height: 106.5vw;
        position: absolute;
        left: -35.75vw;
        top: 149.5vw;
        filter: blur(30.245vw);
    }
    
    .socios-estrategicos__content {
        display: flex;
        flex-direction: column;
        gap: 3.69vw;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        top: 4.88vw;
    }
    
    .socios-estrategicos__container {
        display: flex;
        flex-direction: column;
        gap: 10.38vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        width: 100%;
    }
    
    .socios-estrategicos__heading {
        display: flex;
        flex-direction: column;
        gap: 1.25vw;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        width: 100%;
        position: relative;
    }
    
    .socios-estrategicos__heading2 {
        text-align: center;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
        position: relative;
        width: 80%;
    }
    
    .heading-2-span {
        color: #101011;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }
    
    .heading-2-span2 {
        color: #1a9dd9;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }
    
    .heading-2-span3 {
        color: #101011;
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }
    
    .socios-estrategicos__feature {
        background: #e8f5fb;
        border-radius: 3.75vw;
        padding: 3vw 2.5vw 3vw 2.5vw;
        display: flex;
        flex-direction: column;
        gap: 2vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
        width: 75%;
        height: 136vw;
    }
    
    .socios-estrategicos__picture {
        background-image: url('../assets/img/fondo_socios_nosotros_movil.png');
        background-size: cover;
        background-position: center;
        border-radius: 1.885vw;
        flex-shrink: 0;
        width: 90%;
        height: 130vw;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 5vw;
    }

    .socios-estrategicos-rectangles {
        width: 100%;
        height: 65vw;
    }

    .item1-movil-rectangles {
        order: 1;
    }

    .item2-movil-rectangles {
        order: 2;
    }
    
    .socios-estrategicos__group-1000005647 {
        position: absolute;
        inset: 0;
    }
    
    .socios-estrategicos__rectangle-6814 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 27vw;
        height: 13.25vw;
        position: absolute;
        top: 65vw;
        left: 5.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .socios-estrategicos__rectangle-6815 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 27vw;
        height: 13.25vw;
        position: absolute;
        top: 65vw;
        left: 34.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }    

    .socios-estrategicos__rectangle-6816 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 27vw;
        height: 13.25vw;
        position: absolute;
        top: 80vw;
        left: 5.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .socios-estrategicos__rectangle-6817 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 27vw;
        height: 13.25vw;
        position: absolute;
        top: 80vw;
        left: 34.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .socios-estrategicos__rectangle-6818 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 27vw;
        height: 13.25vw;
        position: absolute;
        top: 95vw;
        left: 5.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .socios-estrategicos__rectangle-6819 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 27vw;
        height: 13.25vw;
        position: absolute;
        top: 95vw;
        left: 34.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .socios-estrategicos__rectangle-6820 {
        background: #ffffff;
        border-radius: 1.442vw;
        opacity: 0.95;
        width: 55.42vw;
        height: 13.25vw;
        position: absolute;
        top: 110vw;
        left: 5.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .socios-estrategicos__comercial {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__soft-lab {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__cloud-ops {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__staff-augmentation-nearshoring-management {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
        width: 41.5vw;
    }
    
    .socios-estrategicos__ux-iu {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__r-d-lab {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__delivery {
        color: #101011;
        text-align: center;
        font-size: 3vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__text {
        display: flex;
        flex-direction: column;
        gap: 18.84px;
        align-items: flex-start;
        justify-content: flex-start;
        width: 48.987vw;
        position: relative;
    }
    
    .socios-estrategicos__nuestro-equipo {
        color: var(--colors-base-white, #ffffff);
        text-align: left;
        font-size: 5.4vw;
        line-height: 150%;
        font-weight: 600;
        position: relative;
    }
    
    .socios-estrategicos__las-buenas-ideas {
        color: var(--colors-base-white, #ffffff);
        text-align: left;
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        width: 48.987vw;
    }

    /******** Ubicación oficinas **********/

    .container-ubicacion-oficinas {
        width: 100%;
        height: 130vw;
        background-image: url('../assets/img/fondo_ubicacion_oficinas_movil.png');
        background-size: cover;
        background-position: center;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 0 4% 0;
    }

    .container-ubicacion-oficinas h2 {
        font-size: 8vw;
        line-height: 140%;
        font-weight: 700;
        width: 70%;
        position: relative;
    }

    .container-ubicacion-oficinas h3 {
        font-size: 3.75vw;
        line-height: 110%;
        font-weight: 400;
        width: 70%;
        position: relative;
        top: -5vw;
    }

    .container-ubicacion-oficinas h4 {
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 400;
        font-style: italic;
        opacity: 0.6;
        position: relative;
        bottom: 0vw;
    }

    .flex-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        row-gap: 9vw;
        position: relative;
        height: 60vw;
    }

    .flex-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5vw;
    }

    .flex-item img {
        width: 12vw;
        margin-bottom: 1vw;
        margin-right: 1vw;
    }

    .flex-item span {
        font-size: 4vw;
        line-height: 140%;
        font-weight: 600;
    }

    .proximamente {
        font-size: 4vw;
        line-height: 140%;
        font-weight: 600;
        opacity: 0.5;
    }

    .decoration-blue {
        background: #1a9dd9;
        border-radius: 50%;
        opacity: 0.3;
        width: 131vw;
        height: 131vw;
        position: absolute;
        filter: blur(50px);
        top: 850vw;
        left: -90vw;
    }

    .decoration-green {
        background: #c6d54f;
        border-radius: 50%;
        opacity: 0.4;
        width: 109vw;
        height: 109vw;
        position: absolute;
        filter: blur(50px);
        top: 930vw;
        left: 50vw;
    }
}

/* Estilos específicos para dispositivos de escritorio */
@media (min-width: 1024px) {

    .service-description-container {
        width: 100%;
        left: 1%;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-top: -10%;
        margin-bottom: -10%;
    }
    /* ******* header nosotros ******* */

    .container-header-nosotros {
        width: 100%;
        height: 37vw;
        position: relative;
        background: linear-gradient(180deg,
                rgba(255, 255, 255, 1) 30.034464597702026%,
                rgba(209, 235, 247, 1) 82.40489959716797%);
        top: 2vw;
        margin-bottom: 2%;
    }

    .content {
        position: absolute;
        left: 10%;
        top: 15%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1%;
        width: 38%;
    }

    .title-header-nosotros {
        font-size: 2.813vw;
        line-height: 110%;
        font-weight: 600;
        color: #101011;
    }


    .title-header-nosotros p {
        margin: 0px;
        height: 4.2vw;
    }

    .imagen_home1_container {
        position: absolute;
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        left: 53%;
        top: 6%;
    }

    .imagen_home1 {
        width: 38vw;
        height: auto;
    }

    .quote {
        width: 70%;
        height: auto;
        position: absolute;
        left: 60%;
        bottom: 10%;
        color: #53B6E3;
        font-size: 1.812vw;
        font-weight: 500;
        line-height: 4vw;
    }

    .button-contacto {
        width: 9%;
        height: 2.7vw;
        position: absolute;
        left: 10%;
        top: 70%;
        background: linear-gradient(101deg, #638638 0%, #C6D54F 69%);
        border-radius: 60px;
        border: 0px;
        color: white;
        font-size: 1.1vw;
        font-weight: 500;
        line-height: 3vw;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        cursor: pointer;
        transition: background 0.3s ease, transform 0.3s ease;
    }

    .button-contacto:hover {
        background: #f4f7dc;
        color: #9cb445;
    }

    .services-link {
        width: 11%;
        height: 2.7vw;
        position: absolute;
        left: 20.6vw;
        top: 70%;
        background: white;
        border-radius: 60px;
        border: 2px solid #D4E07B;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        column-gap: 0.6vw;
        transition: background-color 0.3s ease, transform 0.3s ease;
    }

    .services-link .text {
        color: #575957;
        font-size: 1.1vw;
        font-weight: 400;
        line-height: 2vw;
        transition: color 0.3s ease;
    }

    .services-link:hover {
        background-color: #f4f7dc;
    }

    .services-link:hover .text {
        color: #9cb445;
    }

    .services-link:hover .iconArrow{
        content: url('../assets/img/green_arrow.svg');
    }

    .iconArrow {
        width: 0.375vw;
    }

    .marquee-container {
        position: relative;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        top: 0vw;
        right: 5vw;
    }

    .marquee-content {
        display: inline-block;
        padding-left: 65%;
        animation: marquee 18s linear infinite;
        white-space: nowrap;
        width: 85%;
        height: auto;
        left: 40%;
        top: 80%;
        font-size: 2.2vw;
        font-weight: 500;
        line-height: 4vw;
    }

    .marquee-container::before,
    .marquee-container::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 25%;
        z-index: 2;
    }

    .marquee-container::before {
        left: 0;
        background: linear-gradient(to right, #d0eaf7 1%, rgba(255, 255, 255, 0));
    }

    .marquee-container::after {
        right: 0;
        /* background: linear-gradient(to left, #D4E07B 5%, rgba(255, 255, 255, 0)); */
    }

    @keyframes marquee {
        0% {
            transform: translateX(0%);
        }

        100% {
            transform: translateX(-100%);
        }
    }

    /* ******* nuestro proposito ******* */

    .nuestro-prop-sito {
        background: #ffffff;
        flex-shrink: 0;
        height: 145vw;
        position: relative;
        overflow: hidden;
    }

    .nuestro-prop-sito__decorations {
        background: #76c4e8;
        border-radius: 50%;
        opacity: 0.3;
        width: 55.44vw;
        height: 53.5vw;
        position: absolute;
        left: 71vw;
        top: 17.06vw;
        filter: blur(7.56vw);
    }

    .nuestro-prop-sito__decorations2 {
        background: #e9f0b9;
        border-radius: 50%;
        opacity: 0.4;
        width: 61.06vw;
        height: 58.88vw;
        position: absolute;
        left: -37.75vw;
        top: 65.81vw;
        filter: blur(7.56vw);
    }

    .nuestro-prop-sito__content {
        display: flex;
        flex-direction: column;
        gap: 9.38vw;
        align-items: center;
        justify-content: center;
        position: relative;
        top: 6.56vw;
    }

    .nuestro-prop-sito__text {
        display: flex;
        flex-direction: column;
        gap: 2.81vw;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        position: relative;
    }

    .nuestro-prop-sito__text-movil {
        display: none;
    }

    .nuestro-prop-sito__heading {
        text-align: center;
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
        position: relative;
        width: 80%;
    }

    .heading-span {
        color: #101011;
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
    }

    .heading-span2 {
        color: #1a9dd9;
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
    }

    .heading-span3 {
        color: #101011;
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
    }

    .heading-span4 {
        color: #1a9dd9;
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
    }

    .heading-span5 {
        color: #101011;
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
    }

    .nuestro-prop-sito__description {
        color: #575957;
        text-align: center;
        font-size: 1.375vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        width: 55%;
        margin-top: 2%;
    }

    .nuestro-prop-sito__container {
        display: flex;
        flex-direction: row;
        gap: 10vw;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        width: 65.56vw;
        position: relative;
    }

    .nuestro-prop-sito__content2 {
        display: flex;
        flex-direction: column;
        gap: 2.5vw;
        align-items: flex-start;
        justify-content: flex-start;
        flex-shrink: 0;
        position: relative;
    }

    .nuestro-prop-sito__text2 {
        display: flex;
        flex-direction: column;
        gap: 1.25vw;
        align-items: flex-start;
        justify-content: flex-start;
        flex-shrink: 0;
        position: relative;
    }

    .nuestro-prop-sito__heading2 {
        color: #101011;
        text-align: left;
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
        position: relative;
        width: 38.31vw;
    }

    .nuestro-prop-sito-10anios {
        color: #575957;
        text-align: left;
        font-size: 1.375vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        width: 39vw;
    }

    .nuestro-prop-sito__description2 {
        color: #101011;
        text-align: left;
        font-size: 1.375vw;
        line-height: 150%;
        font-weight: 600;
        position: relative;
        width: 38.13vw;
    }

    .nuestro-prop-sito__description2-movil {
        display: none;
    }

    .nuestro-prop-sito_apoyo_grafo {
        color: #101011;
        text-align: center;
        font-size: 2vw;
        line-height: 150%;
        font-weight: 600;
        position: relative;
        width: 50%;
    }

    .nuestro-prop-sito_apoyo_grafo-movil {
        display: none;
    }

    .nuestro-prop-sito__qu-nosotros {
        flex-shrink: 0;
        width: 15.5vw;
        height: 19.75vw;
        position: static;
    }

    .nuestro-prop-sito__group-1000005640 {
        width: 15.5vw;
        height: 19.75vw;
        position: static;
    }

    .nosotros_personaje_qu {
        width: 15.5vw;
        height: 19.746vw;
        position: absolute;
        left: 48vw;
        top: 1.5vw;
        overflow: visible;
    }

    .nuestro-prop-sito__container2 {
        display: flex;
        flex-direction: row;
        gap: 7.5vw;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        width: 65.56vw;
        position: relative;
    }

    .nuestro-prop-sito__wunder-nosotros {
        flex-shrink: 0;
        width: 20.87vw;
        height: 26.44vw;
        position: relative;
    }

    .nuestro-prop-sito__group-1000005642,
    .nuestro-prop-sito__group-10000056402 {
        width: 20.87vw;
        height: 26.44vw;
        position: static;
    }

    .nosotros_personaje_wunder {
        width: 20.875vw;
        height: 26.438vw;
        position: absolute;
        left: 0vw;
        top: 5.38vw;
        overflow: visible;
    }

    .nuestro-prop-sito__content3 {
        display: flex;
        flex-direction: column;
        gap: 2.5vw;
        align-items: flex-start;
        justify-content: flex-start;
        flex-shrink: 0;
        width: 41.94vw;
        position: relative;
    }

    .nuestro-prop-sito__text3 {
        display: flex;
        flex-direction: column;
        gap: 1.25vw;
        align-items: flex-start;
        justify-content: flex-start;
        flex-shrink: 0;
        width: 41.94vw;
        position: relative;
    }

    .nuestro-prop-sito__description3 {
        color: #575957;
        text-align: left;
        font-size: 1.375vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        width: 36.38vw;
    }

    .description-3-span,
    .description-3-span2,
    .description-3-span3,
    .description-3-span4,
    .description-3-span5,
    .description-3-span6,
    .description-3-span7 {
        color: #575957;
        font-size: 1.375vw;
        line-height: 140%;
        font-weight: 400;
        list-style-type: disc;
        padding-left: 1em;
    }

    .nuestro-prop-sito__container3 {
        display: flex;
        flex-direction: row;
        gap: 7.37vw;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        width: 65.56vw;
        position: relative;
    }

    .nuestro-prop-sito__heading3 {
        color: #101011;
        text-align: left;
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
        position: relative;
    }

    .nuestro-prop-sito__description4 {
        color: #575957;
        text-align: left;
        font-size: 1.375vw;
        font-weight: 400;
        position: relative;
        width: 38.13vw;
    }

    .description-4-span {
        margin: 0.4vw;
    }

    .nuestro-prop-sito__error-nosotros,
    .nuestro-prop-sito__group-10000056422,
    .nuestro-prop-sito__group-1000005650 {
        flex-shrink: 0;
        width: 15.5vw;
        height: 19.97vw;
        position: static;
    }

    .nosotros_personaje_error {
        width: 15.5vw;
        height: 19.966vw;
        position: absolute;
        left: 50.31vw;
        top: 0%;
        overflow: visible;
    }

    /********* Socios Estrategicos ***********/

    .socios-estrategicos {
        background: #ffffff;
        flex-shrink: 0;
        height: 58.13vw;
        position: relative;
        overflow: hidden;
    }
    
    .socios-estrategicos__decorations {
        background: #3cacdf;
        border-radius: 50%;
        opacity: 0.3;
        width: 55.44vw;
        height: 53.5vw;
        position: absolute;
        left: -22.94vw;
        top: 22.75vw;
        filter: blur(7.56vw);
    }
    
    .socios-estrategicos__content {
        display: flex;
        flex-direction: column;
        gap: 3.69vw;
        align-items: center;
        justify-content: flex-start;
        position: absolute;
        left: calc(50% - 37.56vw);
        top: 4.88vw;
    }
    
    .socios-estrategicos__container {
        display: flex;
        flex-direction: column;
        gap: 4.38vw;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
    }
    
    .socios-estrategicos__heading {
        display: flex;
        flex-direction: column;
        gap: 1.25vw;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        width: 75vw;
        position: relative;
    }
    
    .socios-estrategicos__heading2 {
        text-align: center;
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
        position: relative;
        width: 90%;
    }
    
    .heading-2-span {
        color: #101011;
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
    }
    
    .heading-2-span2 {
        color: #1a9dd9;
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
    }
    
    .heading-2-span3 {
        color: #101011;
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
    }
    
    .socios-estrategicos__feature {
        background: #e8f5fb;
        border-radius: 1.5vw;
        padding: 3vw 2.5vw 3vw 2.5vw;
        display: flex;
        flex-direction: column;
        gap: 2vw;
        align-items: flex-start;
        justify-content: center;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
    }
    
    .socios-estrategicos__picture {
        background-image: url('../assets/img/fondo_socios_nosotros.png');
        background-size: cover;
        background-position: center;
        border-radius: 0.75vw;
        align-self: stretch;
        flex-shrink: 0;
        height: 25vw;
        position: relative;
        overflow: hidden;
    }
    
    .socios-estrategicos__group-1000005647 {
        position: absolute;
        inset: 0;
    }

    .socios-estrategicos__rectangle-6814 {
        background: #ffffff;
        border-radius: 0.57vw;
        opacity: 0.95;
        width: 16.79vw;
        height: 5.34vw;
        position: absolute;
        left: 34.69vw;
        top: 1.13vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .socios-estrategicos__rectangle-6815 {
        background: #ffffff;
        border-radius: 0.57vw;
        opacity: 0.95;
        width: 16.79vw;
        height: 5.34vw;
        position: absolute;
        left: 52.31vw;
        top: 1.13vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .socios-estrategicos__rectangle-6816 {
        background: #ffffff;
        border-radius: 0.57vw;
        opacity: 0.95;
        width: 16.79vw;
        height: 5.34vw;
        position: absolute;
        left: 34.69vw;
        top: 6.93vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .socios-estrategicos__rectangle-6817 {
        background: #ffffff;
        border-radius: 0.57vw;
        opacity: 0.95;
        width: 16.79vw;
        height: 5.34vw;
        position: absolute;
        left: 52.31vw;
        top: 6.93vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .socios-estrategicos__rectangle-6818 {
        background: #ffffff;
        border-radius: 0.57vw;
        opacity: 0.95;
        width: 16.79vw;
        height: 5.34vw;
        position: absolute;
        left: 34.69vw;
        top: 12.73vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .socios-estrategicos__rectangle-6819 {
        background: #ffffff;
        border-radius: 0.57vw;
        opacity: 0.95;
        width: 16.79vw;
        height: 5.34vw;
        position: absolute;
        left: 52.31vw;
        top: 12.73vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .socios-estrategicos__rectangle-6820 {
        background: #ffffff;
        border-radius: 0.57vw;
        opacity: 0.95;
        width: 34.4vw;
        height: 5.34vw;
        position: absolute;
        left: 34.69vw;
        top: 18.53vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .socios-estrategicos__comercial {
        color: #101011;
        text-align: center;
        font-size: 1.29vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__soft-lab {
        color: #101011;
        text-align: center;
        font-size: 1.29vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__cloud-ops {
        color: #101011;
        text-align: center;
        font-size: 1.29vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__staff-augmentation-nearshoring-management {
        color: #101011;
        text-align: center;
        font-size: 1.29vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__ux-iu {
        color: #101011;
        text-align: center;
        font-size: 1.29vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__r-d-lab {
        color: #101011;
        text-align: center;
        font-size: 1.29vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__delivery {
        color: #101011;
        text-align: center;
        font-size: 1.29vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
    }
    
    .socios-estrategicos__text {
        display: flex;
        flex-direction: column;
        gap: 1.88vw;
        align-items: flex-start;
        justify-content: flex-start;
        width: 37.5vw;
        position: absolute;
        left: 3.81vw;
        top: 2.75vw;
    }
    
    .socios-estrategicos__nuestro-equipo {
        color: #ffffff;
        text-align: left;
        font-size: 2vw;
        line-height: 120%;
        font-weight: 700;
        position: relative;
        align-self: stretch;
    }
    
    .socios-estrategicos__las-buenas-ideas {
        color: #ffffff;
        text-align: left;
        font-size: 1.25vw;
        line-height: 160%;
        font-weight: 400;
        position: relative;
        width: 27vw;
    }
    
    /******** Ubicación oficinas **********/

    .container-ubicacion-oficinas {
        width: 100%;
        height: 25vw;
        background-image: url('../assets/img/fondo_ubicacion_oficinas_nosotros.png');
        background-size: cover;
        background-position: center;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .container-ubicacion-oficinas h2 {
        font-size: 2.5vw;
        position: relative;
        height: 1vw;
    }

    .container-ubicacion-oficinas h3 {
        font-size: 1.2vw;
        font-weight: 300;
        position: relative;
        height: 1.3vw;
    }

    .container-ubicacion-oficinas h4 {
        font-size: 1.5vw;
        font-weight: lighter;
        font-style: italic;
        opacity: 0.8;
        position: relative;
        bottom: 0vw;
        height: 2vw;
    }

    .flex-container {
        display: flex;
        justify-content: flex-start;
        gap: 9vw;
        position: relative;
        height: 8vw;
    }

    .flex-item {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .flex-item img {
        width: 2vw;
        margin-bottom: 1vw;
        margin-right: 1vw;
    }

    .flex-item span {
        font-size: 1vw;
        line-height: 1.5;
        font-weight: 500;
    }

    .proximamente {
        font-size: 0.8vw !important;
        opacity: 0.5;
    }
}