:root {
    --carousel-items: 9;
    --animation-timing: calc(var(--carousel-items) * 5s);
    --animation-delay-fraction: calc(var(--animation-timing) / var(--carousel-items));
    --animation-steps-fraction: 11.11%;
    /* 100 / 9 */
    --slide-change-timing: 5%;
}

/*Helpers*/
.center {
    text-align: center;
}

.light {
    font-weight: 100 !important;
}

.m-50 {
    margin: 50px;
}

.m-100 {
    margin: 100px !important;
}


.my-100 {
    margin: 50px 0;
}

.bgWhite {
    background: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

/* Estilos específicos para dispositivos celulares */
@media (max-width: 768px) {
    .bgBlueGreen{
        background-image: url(../assets/img/NuestrosServicios.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    #contenido {
        display: flex;
        flex-direction: column;
    }

    .item1-movil {
        order: 1;
    }

    .item2-movil {
        order: 2;
    }

    .item3-movil {
        order: 3;
    }

    .item4-movil {
        order: 4;
    }

    .item5-movil {
        order: 5;
    }

    .item6-movil {
        order: 6;
    }

    .item7-movil {
        order: 7;
    }

    .item8-movil {
        order: 8;
    }

    .item9-movil {
        order: 9;
    }

    .item10-movil {
        order: 10;
    }

    .item11-movil {
        order: 11;
    }

    .item12-movil {
        order: 12;
    }

    .item13-movil {
        order: 13;
    }

    .item14-movil {
        order: 14;
    }
    .item15-movil {
        order: 14;
    }

    .item9999-movil {
        order: 9999;
    }

    /* ******* nuestro-servicio ******* */

    .container-nuestro-servicio {
        width: 100%;
        height: 203vw;
        position: relative;
        background: linear-gradient(173.44deg,
                rgba(255, 255, 255, 1) 50.25520086288452%,
                rgb(212, 224, 123, 1) 110%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

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

    .title-nuestro-servicio {
        text-align: center;
        font-size: 10vw;
        font-weight: 600;
        position: relative;
        width: 100%;
    }

    .title-nuestro-servicio p {
        color: #101011;
        font-size: 10vw;
        font-weight: 600;
        height: 2vw;
    }

    .title-nuestro-servicio .highlight {
        color: #c6d54f;
        font-size: 10vw;
        font-weight: 600;
        height: 2vw;
    }

    .description-nuestro-servicio {
        width: 90%;
        height: auto;
        display: inline-block;
        gap: 1%;
        color: #201F23;
        font-size: 4.5vw;
        font-weight: 400;
        line-height: 140%;
        margin-top: 10vw;
        text-align: center;
    }

    .description-nuestro-servicio .bold {
        font-weight: 700;
    }

    .description-nuestro-servicio .highlight {
        color: #7F9C3F;
        font-weight: 500;
    }

    .imagen_home1_container {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        top: 52%;
        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: 42%;
        color: #A1B356;
    }

    .button-contacto {
        width: 30%;
        height: 13vw;
        position: absolute;
        left: 7%;
        top: 40%;
        background: linear-gradient(101deg, #638638 0%, #C6D54F 69%);
        border-radius: 41.97px;
        border: 0px;
        color: white;
        font-size: 4.0vw;
        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: 12vw;
        position: absolute;
        left: 43%;
        top: 40%;
        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: 6px;
        margin-left: 5px;
    }

    .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;
    }

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

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

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

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

    /* ******* clientes ******* */

    .container-clientes {
        width: 100%;
        height: 70vw;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 8%;
        top: 7vw;
    }

    .anios-experiencia {
        display: none;
    }

    .anios-experiencia-movil {
        display: block;
    }

    .container-clientes span {
        text-align: center;
        font-size: 3.75vw;
        font-weight: 400;
        line-height: 140%;
        color: #575957;
        width: 80%;
    }

    .marquee-logos {
        padding-top: 3.125vw;
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #fff;
        position: relative;
        top: 4.2vw;
    }

    .marquee-content-logos-izq-der {
        display: flex;
        width: 300%;
        animation: marquee-logos-izq-der 80s linear infinite;
        gap: 1.2%;
    }

    .marquee-content-logos-der-izq {
        display: flex;
        width: 300%;
        animation: marquee-logos-der-izq 80s linear infinite;
        gap: 1.2%;
        position: relative;
        top: 1%;
    }

    .logo-cliente {
        width: 38vw;
        height: 7vw;
        margin: 0 0.521vw;
    }

    @keyframes marquee-logos-izq-der {
        0% {
            transform: translateX(-100%);
        }

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

    @keyframes marquee-logos-der-izq {
        0% {
            transform: translateX(0%);
        }

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

    /* ******* preguntas ******* */

    .container-preguntas-formulario {
        display: none;
    }

    .container-preguntas-movil {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 110vw;
        position: relative;
        gap: 5%;
        top: -5vw;
        margin-top: 10vw;
    }

    .preguntas-container {
        width: 100%;
        height: 100vw;
        position: relative;

    }

    .preguntas-container::before,
    .preguntas-container::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 16%;
        z-index: 2;
    }

    .preguntas-container::before {
        top: 10vw;
        background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
    }

    .preguntas-container::after {
        bottom: 10vw;
        background: linear-gradient(to top, white, rgba(255, 255, 255, 0));
    }

    .preguntas {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 1.2Svw;
    }

    .pregunta-recuadro {
        width: 78%;
        height: 5.7vw;
        background: #E8F5FB;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        align-items: center;
        transition: background 0.3s, transform 0.3s;
    }

    .pregunta {
        width: 82%;
        font-size: 0.9vw;
        line-height: 1.4;
        font-weight: 400;
        text-align: left;
    }

    .pregunta-recuadro.central {
        width: 32vw;
        height: 7vw;
        background: linear-gradient(170deg, #F5F7DF 0%, #E8F5FB 100%);
        border: 2px solid #AFDDF2;
        position: absolute;
        z-index: 2;
        top: 19.9vw;
        left: 3.9vw;
    }

    .pregunta.central {
        font-size: 1vw;
        transform: scale(4.5);
    }

    /* Contenedor principal */
    .wrapper {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Carrusel */
    .carousel-movil {
        position: relative;
        width: 90%;
        height: 75%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        overflow: hidden;
    }

    .carousel__item {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 100%;
        opacity: 0;
        will-change: transform, opacity;
        animation: carousel-animate-vertical var(--animation-timing) linear infinite;
    }

    .carousel__item-body {
        width: 80%;
        height: 25.1vw;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3vw;
        font-weight: 300;
        text-align: center;
    }

    .carousel__item-body p {
        width: 7%;

        position: relative;

    }


    /* Ajustes para que cada elemento comience en una parte específica de la animación */
    .carousel__item:nth-child(1) {
        animation-delay: calc(var(--animation-delay-fraction) * -6);
        /* Comienza en la posición de 71.66%, 77.66% */
    }

    .carousel__item:nth-child(2) {
        animation-delay: calc(var(--animation-delay-fraction) * -5);
        /* Comienza en la posición de 60.55%, 66.66% */
    }

    .carousel__item:nth-child(3) {
        animation-delay: calc(var(--animation-delay-fraction) * -4);
        /* Comienza en la posición de 49.44%, 55.55% */
    }

    .carousel__item:nth-child(4) {
        animation-delay: calc(var(--animation-delay-fraction) * -3);
        /* Comienza en la posición de 38.33%, 44.44% */
    }

    .carousel__item:nth-child(5) {
        animation-delay: calc(var(--animation-delay-fraction) * -2);
        /* Comienza en la posición de 27.22%, 33.33% */
    }

    .carousel__item:nth-child(6) {
        animation-delay: calc(var(--animation-delay-fraction) * -1);
        /* Comienza en la posición de 16.11%, 22.22% */
    }

    .carousel__item:nth-child(7) {
        animation-delay: calc(var(--animation-delay-fraction) * 0);
        /* Comienza en la posición de 5%, 11.11% */
    }

    .carousel__item:nth-child(8) {
        animation-delay: calc(var(--animation-delay-fraction) * 1);
        /* Comienza en la posición de 0% */
    }

    .carousel__item:nth-child(9) {
        animation-delay: calc(var(--animation-delay-fraction) * -7);
        /* Comienza en la posición de 82.66% */
    }

    /* Animación */
    @keyframes carousel-animate-vertical {
        0% {
            transform: translateY(94vw) scale(0.7);
            opacity: 0;
            visibility: hidden;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        5%,
        11.11% {
            transform: translateY(78vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        16.11%,
        22.22% {
            transform: translateY(52vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        27.22%,
        33.33% {
            transform: translateY(26vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        38.33%,
        44.44% {
            transform: translateY(0) scale(1);
            opacity: 1;
            visibility: visible;
            background: linear-gradient(170deg, #F5F7DF 0%, #E8F5FB 100%);
            border: 2px solid #AFDDF2;
            filter: drop-shadow(0 3px 3px #E8F5FB);
            width: 85%;
            height: 25.1vw;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        49.44%,
        55.55% {
            transform: translateY(-26vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        60.55%,
        66.66% {
            transform: translateY(-52vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        71.66%,
        77.66% {
            transform: translateY(-78vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        82.66% {
            transform: translateY(-96vw) scale(0.7);
            opacity: 0;
            visibility: hidden;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        100% {
            transform: translateY(-112vw) scale(0.7);
            opacity: 0;
            visibility: hidden;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

    /******* formulario ********/

    .container-formulario-movil {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-bottom: 20vw;
    }

    .contacto-container {
        width: 90%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .contacto-header {
        width: 95%;
        position: relative;
        left: 0vw;
        text-align: center;
    }

    .contacto-header h2 {
        color: #101011;
        font-size: 4vw;
        font-weight: 700;
        line-height: 140%;
    }

    .contacto-header p {
        color: #575957;
        font-size: 3.6vw;
        margin-top: 5%;
        font-size: 3.8vw;
        font-weight: 400;
        line-height: 140%;
    }

    .contacto-header p.conversemos {
        color: #C6D54F;
        margin-top: 5%;
        font-size: 4.25vw;
        font-weight: 600;
        line-height: 140%;
    }

    #formulario {
        overflow: hidden;
        width: 100%;
        /* border-radius: 14px;
        border-style: solid;
        border-color: #b0b2b1;
        border-width: 0.0694vw; */
        padding: 10% 6% 10% 6%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #formulario-content-movil {
        width: 20vw;
        transition: transform 0.3s ease;
    }

    .contacto-note {
        width: 70%;
        position: relative;
        text-align: center;
    }

    .description-span-contacto-principal {
        color: #808584;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 700;
    }

    .description-span2-contacto-principal {
        color: #808584;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 400;
    }

    .description-span3-contacto-principal {
        color: #9cb445;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 400;
    }

    .description-span4-contacto-principal {
        color: #808584;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 400;
    }

    /******** 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;
    }

    /******* Nuestro servicio ********/

    .services-container {
        width: 100%;
        height: 160vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 12vw;
        margin-top: 3vw;
        margin-bottom: 4vw;
    }

    .services-heading {
        width: 100%;
        text-align: center;
        color: #101011;
        font-size: 8vw;
        line-height: 140%;
        font-weight: 700;
        word-wrap: break-word;
    }

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

    .service-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70%;
        position: relative;
        top: 5%;
    }

    .service-icon img {
        width: 50%;
        transform: scale(1.8);
        transform-origin: center center;
    }

    .service-description {
        width: 80%;
        text-align: center;
        color: #101011;
        font-size: 4vw;
        line-height: 140%;
        font-weight: 700;
    }

    .commitment-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 5vw;
        position: relative;
        top: 3%;
    }

    .commitment-heading {
        width: 85%;
        text-align: center;
    }

    .commitment-heading span {
        color: #101011;
        font-size: 6.75vw;
        line-height: 130%;
        font-weight: 500;
        word-wrap: break-word;
    }

    .commitment-heading .highlight-text {
        color: #1A9DD9;
    }

    .commitment-heading .media {
        display: none;
    }

    .commitment-text {
        width: 90%;
        text-align: center;
        color: #575957;
        font-size: 2.2vw;
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 400;
        word-wrap: break-word;
    }

    /********* Servicios **********/

    .container-descripcion-servicios {
        position: relative;
        width: 100%;
        height: 140vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .background-descripcion-servicios.softlab {
        width: 88%;
        height: 135.25vw;
        position: relative;
        background: linear-gradient(90deg, #004891 0%, #1A9DD9 100%);
        border-radius: 15px;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 2vw;
    }

    .background-descripcion-servicios.nube {
        width: 88%;
        height: 135.25vw;
        position: relative;
        background: linear-gradient(90deg, #A37CB3 0%, #662480 100%);
        border-radius: 15px;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 2vw;
    }

    .background-descripcion-servicios.ciberseguridad {
        width: 88%;
        height: 135.25vw;
        position: relative;
        background: linear-gradient(90deg, #0C296A 0%, #6E5CBE 100%);
        border-radius: 15px;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 2vw;
    }

    .background-descripcion-servicios.nearshoring {
        width: 88%;
        height: 135.25vw;
        position: relative;
        background: linear-gradient(90deg, #E3732D 0%, #F6CD39 100%);
        border-radius: 15px;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 2vw;
    }

    .menu-descripcion-servicios {
        height: 10vw;
        position: relative;
        display: flex;
        flex-direction: row;
        gap: 3vw;
    }

    .menu-item-descripcion-servicios {
        width: 12vw;
        height: 12vw;
        position: relative;
        border-radius: 25vw;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.3s, opacity 0.3s;
    }

    .menu-item-descripcion-servicios img {
        width: 7vw;
        height: 7vw;
    }

    .icon-softlab-left {
        position: relative;
        left: 0.3vw;
        top: -0.2vw;
    }

    .icon-nube-left {
        position: relative;
        left: 0.01vw;
        top: -0.2vw;
    }

    .icon-ciberseguridad-left {
        position: relative;
        left: 0.1vw;
        top: -0.1vw;
    }

    .icon-nearshoring-left {
        position: relative;
        left: 0.1vw;
        top: -0.3vw;
    }

    .menu-item-descripcion-servicios .text {
        display: none;
    }

    .menu-item-softlab {
        background: rgba(255, 255, 255, 0.15);
        color: white;
    }

    .menu-item-softlab.active {
        background: white;
        color: #024D95;
    }

    .menu-item-nube {
        background: rgba(255, 255, 255, 0.15);
        color: white;
    }

    .menu-item-nube.active {
        background: white;
        color: #662480;
    }

    .menu-item-ciberseguridad {
        background: rgba(255, 255, 255, 0.15);
        color: white;
    }

    .menu-item-ciberseguridad.active {
        background: white;
        color: #21428F;
    }

    .menu-item-nearshoring {
        background: rgba(255, 255, 255, 0.15);
        color: white;
    }

    .menu-item-nearshoring.active {
        background: white;
        color: #F6A500;
    }

    .content-descripcion-servicios {
        width: 93%;
        height: 100vw;
        position: relative;
        background: white;
        box-shadow: 7px 8px 26.1px -13px rgba(18, 17, 11, 0.31);
        border-radius: 2vw;
        overflow: hidden;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 5%;
        top: 6%;

    }

    .content-descripcion-servicios-head {
        width: 90%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        position: relative;
        top: 5%;
    }

    .content-descripcion-servicios h2 {
        color: #1A9DD9;
        font-size: 8.3vw;
        line-height: 140%;
        font-weight: 700;
        margin: 0;
        padding: 0 5%;
        width: 90%;
    }

    .content-descripcion-servicios img {
        position: relative;
        top: 2vw;
    }

    .content-descripcion-servicios .subheading {
        font-size: 5.7vw;
        font-weight: 500;
        line-height: 140%;
        color: #201F23;
        width: 90%;
        position: relative;
        top: 4vw;
        padding: 0 5%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .content-descripcion-servicios p {
        font-size: 3.8vw;
        font-weight: 400;
        line-height: 140%;
        color: #575957;
        width: 78%;
        padding: 0 5%;
    }

    .services-container-2 {
        width: 100%;
        height: 120vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        row-gap: 2vw;
        margin-top: 6vw;
        margin-bottom: 0vw;
    }

    .button-saber-mas-servicios {
        width: 50%;
        height: 13vw;
        position: absolute;
        background: linear-gradient(101deg, #638638 0%, #C6D54F 69%);
        border-radius: 41.97px;
        border: 0px;
        color: white;
        font-size: 4.5vw;
        font-weight: 500;
        line-height: 140%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        cursor: pointer;
    }

    .icono-saber-mas {
        width: 6vw;
        height: 6vw;
        margin-left: 1vw;
    }

    .text-container-services2 {
        width: 70%;
        text-align: center;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        display: inline-flex;
        position: relative;
    }

    .text-black-services2,
    .text-blue-services2 {
        font-size: 6.75vw;
        font-weight: 600;
        line-height: 130%;
        word-wrap: break-word;
    }

    .text-black-services2 {
        color: #101011;
    }

    .text-blue-services2 {
        color: #3CACDF;
    }

    .commitment-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 8vw;
        position: relative;
    }

    .relative-container-services2 {
        width: 44vw;
        height: 44vw;
        position: relative;
        border-radius: 20px;
        border: 2px #AFDDF2 solid;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 3vw;
    }

    .absolute-container-services2 {
        width: 100%;
        height: 100%;
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .service-info-services2 {
        width: 80%;
        position: absolute;
        top: 9%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .text-right-services2 {
        text-align: center;
    }

    .service-description-services2 {
        width: 80%;
        position: absolute;
        top: 50%;
        text-align: center;
    }

    .circle-container-services2 {
        width: 5vw;
        height: 5vw;
        position: absolute;
        top: 38%;
    }

    .outer-circle-services2 {
        width: 90%;
        height: 90%;
        position: absolute;
        border-radius: 50%;
        border: 0.8vw #A3D8F0 solid;
    }

    .inner-circle-services2 {
        width: 2vw;
        height: 2vw;
        position: absolute;
        left: 38%;
        top: 39%;
        background: #AFDDF2;
        border-radius: 50%;
    }

    .text-black-services2-dividido {
        color: #101011;
        font-size: 3.354vw;
        line-height: 122%;
        font-weight: 600;
        word-wrap: break-word;
    }

    .text-blue-services2-dividido {
        color: #3CACDF;
        font-size: 3.354vw;
        line-height: 122%;
        font-weight: 600;
        word-wrap: break-word;
    }

    .text-black-services2-dividido-right {
        color: #101011;
        font-size: 2.625vw;
        line-height: 140%;
        font-weight: 400;
        text-align: center;
        position: relative;
        top: 1vw;
    }

    .text-bold-black-services2 {
        color: #101011;
        font-size: 2.625vw;
        line-height: 140%;
        font-weight: 700;
        text-align: center;
        position: relative;
        top: -2vw;
    }

    /* .text-black-services2-dividido-right,
    .text-bold-black-services2 {
        display: inline;
        line-height: 100%;
    }

    .service-description-services2 p{
        height: 1px;
    } */

    /******* Socios estrategicos ********/

    .container-socios-estrategicos {
        width: 100%;
        height: 140vw;
        position: relative;
        top: 15vw;
    }

    .content-socios-estrategicos {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 3vw;
    }

    .title-nuestro-servicio2 {
        width: 90%;
        font-size: 8vw;
        line-height: 125%;
        font-weight: 700;
        color: #101011;
        text-align: center;
    }

    .title-nuestro-servicio2 span {
        align-items: center;
    }

    .title-nuestro-servicio2 .highlight {
        color: #C6D54F;
    }

    .title-nuestro-servicio2-english {
        width: 90%;
        font-size: 8vw;
        line-height: 125%;
        font-weight: 700;
        color: #101011;
        text-align: center;
    }

    .title-nuestro-servicio2-english span {
        align-items: center;
    }

    .title-nuestro-servicio2-english .highlight {
        color: #C6D54F;
    }

    .description-nuestro-servicio2 {
        width: 80%;
        height: auto;
        display: inline-block;
        gap: 1%;
        color: #808584;
        font-size: 3.75vw;
        font-weight: 400;
        line-height: 140%;
        text-align: center;
    }

    .como-lo-hacemos {
        position: relative;
        top: 51vw;
    }

    .description-nuestro-servicio2 strong {
        color: #000000;
    }

    .title-nuestro-servicio .highlight {
        color: #C6D54F;
    }

    .imagen_socio_container {
        width: 100%;
        position: absolute;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        top: 62vw;
    }

    .imagen_socio {
        width: 36.5vw;
        height: auto;
        position: relative;
        left: 6vw;
        transform: scale(1.3);
    }

    .home-demo {
        width: 90%;
        margin: 0 auto;
        margin-top: 15vw;
    }

    .owl-carousel .owl-nav button.owl-prev {
        background-image: url('../assets/img/flechaIzquierda.svg');
        background-size: contain;
        width: 10.25vw;
        height: 10.25vw;
        color: transparent;
    }

    .owl-carousel .owl-nav button.owl-next {
        background-image: url('../assets/img/flechaDerecha.svg');
        background-size: contain;
        width: 10.25vw;
        height: 10.25vw;
        color: transparent;
    }

    .owl-carousel .owl-nav button.owl-prev:hover {
        background-image: url('../assets/img/flechaIzquierda.svg');
        background-size: contain;
        width: 10.25vw;
        height: 10.25vw;
        color: transparent;
    }

    .owl-carousel .owl-nav button.owl-next:hover {
        background-image: url('../assets/img/flechaDerecha.svg');
        background-size: contain;
        width: 10.25vw;
        height: 10.25vw;
        color: transparent;
    }

    .owl-theme .owl-nav [class*=owl-]:hover {
        background: transparent;
    }

    .owl-theme .owl-nav {
        margin-top: 5vw;
    }

    .carousel-content-fondo {
        width: 100%;
        height: 75vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    
    .carousel-content {
        background-image: url('../assets/img/socios_carousel_movil_background.svg');
        background-size: 100%;
        background-position: center;
        border-radius: 4vw;
        display: flex;
        flex-direction: column;
        gap: 3.75vw;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        width: 82.5vw;
        height: 75vw;
        position: relative;
    }
    
    .carousel-content-inside {
        display: flex;
        flex-direction: column;
        gap: 3.75vw;
        align-items: flex-start;
        justify-content: flex-start;
        margin-left: 8vw;
        margin-right: 10vw;
        width: 62.5vw;
        height: 57.5vw;
    }
    
    .carousel-content__icons {
        background: var(--verde-10, #f9fbed);
        border-radius: 25vw;
        flex-shrink: 0;
        width: 16vw;
        height: 16vw;
        position: relative;
    } 

    .carousel-content__text {
        display: flex;
        flex-direction: column;
        gap: 4vw;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
    }

    .carousel-content__tittle {
        color: var(--neutrals-1000, #101011);
        text-align: left;
        font-size: 6vw;
        line-height: 140%;
        font-weight: 600;
        position: relative;
    }

    .carousel-content__description {
        color: var(--neutrals-1000, #101011);
        text-align: left;
        font-size: 4.5vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        align-self: stretch;
        width: 62.5vw;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /***** Mapa Clientes *****/

    .contenedor-nuestra-experiencia {
        width: 100%;
        height: 99.25vw;
        background: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 13vw;
    }

    .contenido-nuestra-experiencia {
        width: 83.33vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.78vw;
    }

    .titulo-nuestra-experiencia {
        width: 100%;
        color: #00112D;
        font-size: 8vw;
        line-height: 140%;
        font-weight: 700;
        text-align: center;
    }

    .elementos-nuestra-experiencia {
        display: flex;
        justify-content: center;
        gap: 4.38vw;
        position: relative;
        top: 2vw;
    }

    .tarjeta-nuestra-experiencia {
        width: 39.5vw;
        height: 13.65vw;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fondo-tarjeta-nuestra-experiencia {
        width: 100%;
        height: 100%;
        position: absolute;
        background: linear-gradient(278deg, #1A9DD9 13%, #21428F 87%);
        border-radius: 15px;
    }

    .numero-tarjeta-nuestra-experiencia,
    .descripcion-tarjeta-nuestra-experiencia,
    .subtitulo-tarjeta-nuestra-experiencia,
    .subtitulo-tarjeta-nuestra-experiencia1-english, 
    .subtitulo-tarjeta-nuestra-experiencia2-english {
        position: absolute;
        color: white;
        word-wrap: break-word;
    }

    .numero-tarjeta-nuestra-experiencia {
        top: 4.15vw;
        left: 6.64vw;
        font-size: 5.317vw;
        line-height: 130%;
        font-weight: 700;
    }

    .descripcion-tarjeta-nuestra-experiencia {
        top: 5.2vw;
        left: 15.88vw;
        font-size: 3.5vw;
        font-weight: 500;
        text-align: center;
    }

    .subtitulo-tarjeta-nuestra-experiencia {
        top: 2vw;
        left: 4.64vw;
        width: 15vw;
        height: 1.04vw;
        font-size: 1.587vw;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
    }

    .subtitulo-tarjeta-nuestra-experiencia1-english {
        top: 2vw;
        left: 6.3vw;
        width: 15vw;
        height: 1.04vw;
        font-size: 1.587vw;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
    }

    .subtitulo-tarjeta-nuestra-experiencia2-english {
        top: 2vw;
        left: 3vw;
        width: 15vw;
        height: 1.04vw;
        font-size: 1.587vw;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
    }

    .imagen-nuestra-experiencia {
        width: 74vw;
        height: 37vw;
        position: relative;
        top: 1.2vw;
    }

    /******** Soluciones *********/
    .bgSoluciones {
        display: none;
    }

    .bgSoluciones-movil {
        background: linear-gradient(170deg, rgba(245, 247, 223, 1) 0%, rgba(232, 245, 251, 1) 100%);
        border-radius: 25px;
        width: 70%;
        height: 140vw;
        padding: 5% 5% 10%;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        row-gap: 4vw;
    }

    .col-soluciones {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .row-textoSoluciones {
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        top: 1vw;
    }

    .row-imagenSoluciones {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        bottom: 0px;
        width: 100%;
    }

    .caricaturaSoluciones {
        width: 44vw;
        height: 44vw;
        position: relative;
        top: -10vw;
    }

    .cuadro-solucion {
        width: 33vw;
        height: 26vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .textoSoluciones {
        color: #000000;
        font-size: 4vw;
        line-height: 140%;
        font-weight: 500;
    }

    .textoSoluciones span {
        color: #9CB445;
    }

    .row-soluciones {
        width: 90%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0vw;
    }

    .colSolucion {
        width: 10vw;
        height: 9vw;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
    }

    .cuadro-solucion p {
        color: #101011;
        text-align: left;
        font-size: 3.3vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        align-self: stretch;
        padding-left: 10%;
        width: 85%;
    }

    .solucion1 {
        border-right: 1px solid #B0B2B1;
        border-bottom: 1px solid #B0B2B1;
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion1:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion1:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion2 {
        border-right: 1px solid transparent;
        border-bottom: 1px solid #B0B2B1;
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion2:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion2:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion3 {
        border-right: 1px solid transparent;
        border-bottom: 1px solid #B0B2B1;
        border-left: 1px solid #B0B2B1;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion3:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion3:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion4 {
        border-right: 1px solid #B0B2B1;
        border-bottom: 1px solid transparent;
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion4:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion4:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion5 {
        border-right: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion5:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion5:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion6 {
        border-right: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-left: 1px solid #B0B2B1;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion6:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion6:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }

    /* ******* Desafiós ******* */

    .containerDesafios {
        height: 110vw;
        position: relative;
        top: 8vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .containerDesafios h1 {
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }

    .containerDesafios h1 strong {
        color: #1A9DD9;
    }

    .containerDesafios p {
        width: 80%;
        color: var(--neutrals-700, #575957);
        text-align: center;
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
    }

    .listdemo {
        position: relative;
        top: 1vw
    }

    .listdemo ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        list-style: none;
        padding: 0;
        width: 210%;
        position: relative;
        left: -55vw;
    }

    .listdemo li {
        margin: 2.5vw;
        transition: transform 0.3s ease;
        width: 34%;
        position: relative;
        display: flex;
        align-items: end;
        justify-content: center;
    }

    .listdemo img {
        width: 100%;
        border-radius: 10%;
        height: auto;
        transition: transform 0.3s ease;
    }

    .listdemo li .hover-text {
        position: absolute;
        margin-bottom: 1vw;
        color: white;
        background: #D1EBF7;
        border-radius: 5px;
        opacity: 0;
        transition: opacity 0.3s ease;
        height: 5vw;
        text-align: center;
        color: black;
        cursor: pointer;
        font-size: 1.4vw;
        display: flex;
        bottom: 20px;
        padding: 5px 0px 5px 0px;
        align-items: center;
        width: 80%;
        justify-content: center;
    }

    .listdemo li.hovered .hover-text {
        opacity: 1;
    }

    .listdemo li.hovered {
        transform: scale(1.1);
        z-index: 1;
    }


    /* Container Blog */
    .containerBlog {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

    .containerBlog h1 {
        font-size: 8vw;
        line-height: 130%;
        width: 70%;
        font-weight: 700;
    }

    .containerBlog h1 strong {
        color: #C6D54F;
    }

    .containerBlog p {
        width: 90%;
        color: var(--neutrals-700, #575957);
        text-align: center;
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
    }
    .containerBlog .list-of-blog {
        width: 90%;
        margin-top: 50px;
        padding: 0px 60px 0 60px;
    }
    .containerBlog .list-of-blog .blog {
        width: 100%;
        margin-bottom: 40px;
    }
    .containerBlog .list-of-blog .blog .head-image {
        width: 100%;
    }
    .containerBlog .list-of-blog .blog .head-image img {
        width: 100%;
        border-radius: 20px;
    }
    .containerBlog .list-of-blog .blog .tag {
        margin: 10px 0 10px;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .containerBlog .list-of-blog .blog .tag .tag-info {
        background: #F7F7F7;
        padding: 5px 15px;
        border-radius: 20px;
        border: 1px solid #B0B2B1;
        font-size: .8em;
        width: fit-content;
        text-decoration: none;
        color: #000;
    }
    .containerBlog .list-of-blog .blog .body .title {
        font-weight: 600;
        font-size: 1.25em;
        line-height: 1.6;
        color: rgb(23, 37, 42);
        margin: 10px 0 10px;
    }
    .containerBlog .list-of-blog .blog .body .subtitle {
        color: #444644 !important;
        font-weight: 300;
        line-height: 1.7;
        margin-bottom: 10px;
    }
    .containerBlog .list-of-blog .blog .link {
        margin: 10px 0 10px;
    }
    .containerBlog .list-of-blog .blog .link a {
        color: #A37CB3 !important;
        text-decoration: none;
    }

    /* ***** Ultimo boton de ir a contacto ***** */
    .ultimo-contacto-container,
    .ultimo-contacto-container * {
        box-sizing: border-box;
    }

    .ultimo-contacto-container {
        position: relative;
        width: 100%;
        height: 40vw;
        margin-top: 3vw;
        margin-bottom: 7vw;
    }

    .ultimo-contacto-headline {
        display: flex;
        flex-direction: column;
        row-gap: 6vw;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 40vw;
        position: absolute;
    }

    .ultimo-contacto-heading {
        color: #201f23;
        text-align: center;
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        width: 80%;
    }

    .ultimo-contacto-button {
        background: #ffffff;
        border-radius: 5vw;
        border-style: solid;
        border-color: #c6d54f;
        border-width: 0.5vw;
        padding: 0.4166667vw 1.0416667vw;
        display: flex;
        flex-direction: row;
        gap: 0.2083333vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        width: 47.75vw;
        height: 10vw;
    }

    .ultimo-contacto-label {
        color: #575957;
        text-align: center;
        font-size: 4.5vw;
        line-height: 140%;
        font-weight: 500;
        position: relative;
    }

    .ultimo-contacto-double-left {
        flex-shrink: 0;
        width: 7vw;
        height: 7vw;
        position: relative;
        overflow: visible;
        left: 4%;
    }

}

/* Estilos específicos para dispositivos tablets */
@media (min-width: 768px) and (max-width: 1023px) {
    #contenido {
        display: flex;
        flex-direction: column;
    }

    .item1-movil {
        order: 1;
    }

    .item2-movil {
        order: 2;
    }

    .item3-movil {
        order: 3;
    }

    .item4-movil {
        order: 4;
    }

    .item5-movil {
        order: 5;
    }

    .item6-movil {
        order: 6;
    }

    .item7-movil {
        order: 7;
    }

    .item8-movil {
        order: 8;
    }

    .item9-movil {
        order: 9;
    }

    .item10-movil {
        order: 10;
    }

    .item11-movil {
        order: 11;
    }

    .item12-movil {
        order: 12;
    }

    .item13-movil {
        order: 13;
    }

    .item14-movil {
        order: 14;
    }

    .item15-movil {
        order: 15;
    }

    .item9999-movil {
        order: 9999;
    }

    /* ******* nuestro-servicio ******* */

    .container-nuestro-servicio {
        width: 100%;
        height: 203vw;
        position: relative;
        background: linear-gradient(173.44deg,
                rgba(255, 255, 255, 1) 50.25520086288452%,
                rgb(212, 224, 123, 1) 110%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

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

    .title-nuestro-servicio {
        text-align: center;
        font-size: 10vw;
        font-weight: 600;
        position: relative;
        width: 100%;
    }

    .title-nuestro-servicio p {
        color: #101011;
        font-size: 10vw;
        font-weight: 600;
        height: 2vw;
    }

    .title-nuestro-servicio .highlight {
        color: #c6d54f;
        font-size: 10vw;
        font-weight: 600;
        height: 2vw;
    }

    .description-nuestro-servicio {
        width: 90%;
        height: auto;
        display: inline-block;
        gap: 1%;
        color: #201F23;
        font-size: 4.5vw;
        font-weight: 400;
        line-height: 140%;
        margin-top: 10vw;
        text-align: center;
    }

    .description-nuestro-servicio .bold {
        font-weight: 700;
    }

    .description-nuestro-servicio .highlight {
        color: #7F9C3F;
        font-weight: 500;
    }

    .imagen_home1_container {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        top: 52%;
        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: 42%;
        color: #A1B356;
    }

    .button-contacto {
        width: 30%;
        height: 13vw;
        position: absolute;
        left: 7%;
        top: 40%;
        background: linear-gradient(101deg, #638638 0%, #C6D54F 69%);
        border-radius: 41.97px;
        border: 0px;
        color: white;
        font-size: 4.0vw;
        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: 12vw;
        position: absolute;
        left: 43%;
        top: 40%;
        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: 6px;
        margin-left: 5px;
    }

    .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;
    }

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

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

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

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

    /* ******* clientes ******* */


    .container-clientes {
        width: 100%;
        height: 46vw;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 8%;
        top: 7vw;
    }

    .anios-experiencia {
        display: none;
    }

    .anios-experiencia-movil {
        display: block;
    }

    .container-clientes span {
        text-align: center;
        font-size: 3.75vw;
        font-weight: 400;
        line-height: 140%;
        color: #575957;
        width: 80%;
    }

    .marquee-logos {
        padding-top: 3.125vw;
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #fff;
        position: relative;
        top: 4.2vw;
    }

    .marquee-content-logos-izq-der {
        display: flex;
        width: 300%;
        animation: marquee-logos-izq-der 80s linear infinite;
        gap: 1.2%;
    }

    .marquee-content-logos-der-izq {
        display: flex;
        width: 300%;
        animation: marquee-logos-der-izq 80s linear infinite;
        gap: 1.2%;
        position: relative;
        top: 1%;
    }

    .logo-cliente {
        width: 38vw;
        height: 7vw;
        margin: 0 0.521vw;
    }

    @keyframes marquee-logos-izq-der {
        0% {
            transform: translateX(-100%);
        }

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

    @keyframes marquee-logos-der-izq {
        0% {
            transform: translateX(0%);
        }

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

    /* ******* preguntas ******* */

    .container-preguntas-formulario {
        display: none;
    }

    .container-preguntas-movil {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 110vw;
        position: relative;
        gap: 5%;
        top: -5vw;
    }

    .preguntas-container {
        width: 100%;
        height: 100vw;
        position: relative;

    }

    .preguntas-container::before,
    .preguntas-container::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 16%;
        z-index: 2;
    }

    .preguntas-container::before {
        top: 10vw;
        background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
    }

    .preguntas-container::after {
        bottom: 10vw;
        background: linear-gradient(to top, white, rgba(255, 255, 255, 0));
    }

    .preguntas {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 1.2Svw;
    }

    .pregunta-recuadro {
        width: 78%;
        height: 5.7vw;
        background: #E8F5FB;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        align-items: center;
        transition: background 0.3s, transform 0.3s;
    }

    .pregunta {
        width: 82%;
        font-size: 0.9vw;
        line-height: 1.4;
        font-weight: 400;
        text-align: left;
    }

    .pregunta-recuadro.central {
        width: 32vw;
        height: 7vw;
        background: linear-gradient(170deg, #F5F7DF 0%, #E8F5FB 100%);
        border: 2px solid #AFDDF2;
        position: absolute;
        z-index: 2;
        top: 19.9vw;
        left: 3.9vw;
    }

    .pregunta.central {
        font-size: 1vw;
        transform: scale(4.5);
    }

    /* Contenedor principal */
    .wrapper {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Carrusel */
    .carousel-movil {
        position: relative;
        width: 90%;
        height: 75%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        overflow: hidden;
    }

    .carousel__item {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 100%;
        opacity: 0;
        will-change: transform, opacity;
        animation: carousel-animate-vertical var(--animation-timing) linear infinite;
    }

    .carousel__item-body {
        width: 80%;
        height: 25.1vw;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3vw;
        font-weight: 300;
        text-align: center;
    }

    .carousel__item-body p {
        width: 7%;

        position: relative;

    }


    /* Ajustes para que cada elemento comience en una parte específica de la animación */
    .carousel__item:nth-child(1) {
        animation-delay: calc(var(--animation-delay-fraction) * -6);
        /* Comienza en la posición de 71.66%, 77.66% */
    }

    .carousel__item:nth-child(2) {
        animation-delay: calc(var(--animation-delay-fraction) * -5);
        /* Comienza en la posición de 60.55%, 66.66% */
    }

    .carousel__item:nth-child(3) {
        animation-delay: calc(var(--animation-delay-fraction) * -4);
        /* Comienza en la posición de 49.44%, 55.55% */
    }

    .carousel__item:nth-child(4) {
        animation-delay: calc(var(--animation-delay-fraction) * -3);
        /* Comienza en la posición de 38.33%, 44.44% */
    }

    .carousel__item:nth-child(5) {
        animation-delay: calc(var(--animation-delay-fraction) * -2);
        /* Comienza en la posición de 27.22%, 33.33% */
    }

    .carousel__item:nth-child(6) {
        animation-delay: calc(var(--animation-delay-fraction) * -1);
        /* Comienza en la posición de 16.11%, 22.22% */
    }

    .carousel__item:nth-child(7) {
        animation-delay: calc(var(--animation-delay-fraction) * 0);
        /* Comienza en la posición de 5%, 11.11% */
    }

    .carousel__item:nth-child(8) {
        animation-delay: calc(var(--animation-delay-fraction) * 1);
        /* Comienza en la posición de 0% */
    }

    .carousel__item:nth-child(9) {
        animation-delay: calc(var(--animation-delay-fraction) * -7);
        /* Comienza en la posición de 82.66% */
    }

    /* Animación */
    @keyframes carousel-animate-vertical {
        0% {
            transform: translateY(94vw) scale(0.7);
            opacity: 0;
            visibility: hidden;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        5%,
        11.11% {
            transform: translateY(78vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        16.11%,
        22.22% {
            transform: translateY(52vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        27.22%,
        33.33% {
            transform: translateY(26vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        38.33%,
        44.44% {
            transform: translateY(0) scale(1);
            opacity: 1;
            visibility: visible;
            background: linear-gradient(170deg, #F5F7DF 0%, #E8F5FB 100%);
            border: 3px solid #AFDDF2;
            filter: drop-shadow(0 3px 3px #E8F5FB);
            width: 85%;
            height: 25.1vw;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        49.44%,
        55.55% {
            transform: translateY(-26vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        60.55%,
        66.66% {
            transform: translateY(-52vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        71.66%,
        77.66% {
            transform: translateY(-78vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        82.66% {
            transform: translateY(-96vw) scale(0.7);
            opacity: 0;
            visibility: hidden;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        100% {
            transform: translateY(-112vw) scale(0.7);
            opacity: 0;
            visibility: hidden;
            background: #E8F5FB;
            width: 85%;
            height: 25.1vw;
            border: 0px solid transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

    /******* formulario ********/

    .container-formulario-movil {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-bottom: 5rem;
    }

    .contacto-container {
        width: 90%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .contacto-header {
        width: 95%;
        position: relative;
        left: 0vw;
        text-align: center;
    }

    .contacto-header h2 {
        color: #101011;
        font-size: 4vw;
        font-weight: 700;
        line-height: 140%;
    }

    .contacto-header p {
        color: #575957;
        font-size: 3.6vw;
        margin-top: 5%;
        font-size: 3.8vw;
        font-weight: 400;
        line-height: 140%;
    }

    .contacto-header p.conversemos {
        color: #C6D54F;
        margin-top: 5%;
        font-size: 4.25vw;
        font-weight: 600;
        line-height: 140%;
    }

    #formulario {
        overflow: hidden;
        width: 100%;
        /* border-radius: 14px;
        border-style: solid;
        border-color: #b0b2b1;
        border-width: 0.0694vw; */
        padding: 65% 6% 60% 6%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #formulario-content-movil {
        width: 20vw;
        transition: transform 0.3s ease;
    }

    .contacto-note {
        width: 70%;
        position: relative;
        text-align: center;
        margin-top: 5vw;
    }

    .description-span-contacto-principal {
        color: #808584;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 700;
    }

    .description-span2-contacto-principal {
        color: #808584;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 400;
    }

    .description-span3-contacto-principal {
        color: #9cb445;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 400;
    }

    .description-span4-contacto-principal {
        color: #808584;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 400;
    }

    /******** 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;
    }

    /******* Nuestro servicio ********/

    .services-container {
        width: 100%;
        height: 140vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 12vw;
        margin-top: 15rem;
        margin-bottom: 4vw;
    }

    .services-heading {
        width: 100%;
        text-align: center;
        color: #101011;
        font-size: 8vw;
        line-height: 140%;
        font-weight: 700;
        word-wrap: break-word;
    }

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

    .service-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70%;
        position: relative;
        top: 5%;
    }

    .service-icon img {
        width: 50%;
        transform: scale(1.8);
        transform-origin: center center;
    }

    .service-description {
        width: 80%;
        text-align: center;
        color: #101011;
        font-size: 4vw;
        line-height: 140%;
        font-weight: 700;
    }

    .commitment-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 5vw;
        position: relative;
        top: 3%;
    }

    .commitment-heading {
        width: 85%;
        text-align: center;
    }

    .commitment-heading span {
        color: #101011;
        font-size: 6.75vw;
        line-height: 130%;
        font-weight: 500;
        word-wrap: break-word;
        display: none;
    }

    .commitment-heading .media {
        display: initial;
    }

    .commitment-heading .highlight-text {
        color: #1A9DD9;
    }

    .commitment-text {
        width: 90%;
        text-align: center;
        color: #575957;
        font-size: 2.2vw;
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 400;
        word-wrap: break-word;
    }

    /********* Servicios **********/

    .container-descripcion-servicios {
        position: relative;
        width: 100%;
        height: 140vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .background-descripcion-servicios.softlab {
        width: 88%;
        height: 135.25vw;
        position: relative;
        background: linear-gradient(90deg, #004891 0%, #1A9DD9 100%);
        border-radius: 15px;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 2vw;
    }

    .background-descripcion-servicios.nube {
        width: 88%;
        height: 135.25vw;
        position: relative;
        background: linear-gradient(90deg, #A37CB3 0%, #662480 100%);
        border-radius: 15px;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 2vw;
    }

    .background-descripcion-servicios.ciberseguridad {
        width: 88%;
        height: 135.25vw;
        position: relative;
        background: linear-gradient(90deg, #0C296A 0%, #6E5CBE 100%);
        border-radius: 15px;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 2vw;
    }

    .background-descripcion-servicios.nearshoring {
        width: 88%;
        height: 135.25vw;
        position: relative;
        background: linear-gradient(90deg, #E3732D 0%, #F6CD39 100%);
        border-radius: 15px;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 2vw;
    }

    .menu-descripcion-servicios {
        height: 10vw;
        position: relative;
        display: flex;
        flex-direction: row;
        gap: 3vw;
    }

    .menu-item-descripcion-servicios {
        width: 12vw;
        height: 12vw;
        position: relative;
        border-radius: 25vw;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.3s, opacity 0.3s;
    }

    .menu-item-descripcion-servicios img {
        width: 7vw;
        height: 7vw;
    }

    .icon-softlab-left {
        position: relative;
        left: 0.3vw;
        top: -0.2vw;
    }

    .icon-nube-left {
        position: relative;
        left: 0.01vw;
        top: -0.2vw;
    }

    .icon-ciberseguridad-left {
        position: relative;
        left: 0.1vw;
        top: -0.1vw;
    }

    .icon-nearshoring-left {
        position: relative;
        left: 0.1vw;
        top: -0.3vw;
    }

    .menu-item-descripcion-servicios .text {
        display: none;
    }

    .menu-item-softlab {
        background: rgba(255, 255, 255, 0.15);
        color: white;
    }

    .menu-item-softlab.active {
        background: white;
        color: #024D95;
    }

    .menu-item-nube {
        background: rgba(255, 255, 255, 0.15);
        color: white;
    }

    .menu-item-nube.active {
        background: white;
        color: #662480;
    }

    .menu-item-ciberseguridad {
        background: rgba(255, 255, 255, 0.15);
        color: white;
    }

    .menu-item-ciberseguridad.active {
        background: white;
        color: #21428F;
    }

    .menu-item-nearshoring {
        background: rgba(255, 255, 255, 0.15);
        color: white;
    }

    .menu-item-nearshoring.active {
        background: white;
        color: #F6A500;
    }

    .content-descripcion-servicios {
        width: 93%;
        height: 100vw;
        position: relative;
        background: white;
        box-shadow: 7px 8px 26.1px -13px rgba(18, 17, 11, 0.31);
        border-radius: 2vw;
        overflow: hidden;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 5%;
        top: 6%;

    }

    .content-descripcion-servicios-head {
        width: 90%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        position: relative;
        top: 5%;
    }

    .content-descripcion-servicios h2 {
        color: #1A9DD9;
        font-size: 8.3vw;
        line-height: 140%;
        font-weight: 700;
        margin: 0;
        padding: 0 5%;
        width: 90%;
    }

    .content-descripcion-servicios img {
        position: relative;
        top: 2vw;
    }

    .content-descripcion-servicios .subheading {
        font-size: 5.7vw;
        font-weight: 500;
        line-height: 140%;
        color: #201F23;
        width: 90%;
        position: relative;
        top: 4vw;
        padding: 0 5%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .content-descripcion-servicios p {
        font-size: 3.8vw;
        font-weight: 400;
        line-height: 140%;
        color: #575957;
        width: 78%;
        padding: 0 5%;
    }

    .services-container-2 {
        width: 100%;
        height: 120vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        row-gap: 2vw;
        margin-top: 6vw;
        margin-bottom: 3vw;
    }

    .button-saber-mas-servicios {
        width: 50%;
        height: 13vw;
        position: absolute;
        background: linear-gradient(101deg, #638638 0%, #C6D54F 69%);
        border-radius: 41.97px;
        border: 0px;
        color: white;
        font-size: 4.5vw;
        font-weight: 500;
        line-height: 140%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        cursor: pointer;
    }

    .icono-saber-mas {
        width: 6vw;
        height: 6vw;
        margin-left: 1vw;
    }

    .text-container-services2 {
        width: 70%;
        text-align: center;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        display: inline-flex;
        position: relative;
    }

    .text-black-services2,
    .text-blue-services2 {
        font-size: 6.75vw;
        font-weight: 600;
        line-height: 130%;
        word-wrap: break-word;
    }

    .text-black-services2 {
        color: #101011;
    }

    .text-blue-services2 {
        color: #3CACDF;
    }

    .commitment-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 8vw;
        position: relative;
    }

    .relative-container-services2 {
        width: 44vw;
        height: 44vw;
        position: relative;
        border-radius: 20px;
        border: 2px #AFDDF2 solid;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 3vw;
    }

    .absolute-container-services2 {
        width: 100%;
        height: 100%;
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .service-info-services2 {
        width: 80%;
        position: absolute;
        top: 9%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .text-right-services2 {
        text-align: center;
    }

    .service-description-services2 {
        width: 80%;
        position: absolute;
        top: 50%;
        text-align: center;
    }

    .circle-container-services2 {
        width: 5vw;
        height: 5vw;
        position: absolute;
        top: 38%;
    }

    .outer-circle-services2 {
        width: 90%;
        height: 90%;
        position: absolute;
        border-radius: 50%;
        border: 0.8vw #A3D8F0 solid;
    }

    .inner-circle-services2 {
        width: 2vw;
        height: 2vw;
        position: absolute;
        left: 38%;
        top: 39%;
        background: #AFDDF2;
        border-radius: 50%;
    }

    .text-black-services2-dividido {
        color: #101011;
        font-size: 3.354vw;
        line-height: 122%;
        font-weight: 600;
        word-wrap: break-word;
    }

    .text-blue-services2-dividido {
        color: #3CACDF;
        font-size: 3.354vw;
        line-height: 122%;
        font-weight: 600;
        word-wrap: break-word;
    }

    .text-black-services2-dividido-right {
        color: #101011;
        font-size: 2.625vw;
        line-height: 140%;
        font-weight: 400;
        text-align: center;
        position: relative;
        top: 1vw;
    }

    .text-bold-black-services2 {
        color: #101011;
        font-size: 2.625vw;
        line-height: 140%;
        font-weight: 700;
        text-align: center;
        position: relative;
        top: -2vw;
    }

    /* .text-black-services2-dividido-right,
    .text-bold-black-services2 {
        display: inline;
        line-height: 100%;
    }

    .service-description-services2 p{
        height: 1px;
    } */

    /******* Socios estrategicos ********/

    .container-socios-estrategicos {
        width: 100%;
        height: 140vw;
        position: relative;
        margin-top: 15vw;
    }

    .content-socios-estrategicos {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 3vw;
    }

    .title-nuestro-servicio2 {
        width: 90%;
        font-size: 8vw;
        line-height: 125%;
        font-weight: 700;
        color: #101011;
        text-align: center;
    }

    .title-nuestro-servicio2 span {
        align-items: center;
    }

    .title-nuestro-servicio2 .highlight {
        color: #C6D54F;
    }

    .title-nuestro-servicio2-english {
        width: 90%;
        font-size: 8vw;
        line-height: 125%;
        font-weight: 700;
        color: #101011;
        text-align: center;
    }

    .title-nuestro-servicio2-english span {
        align-items: center;
    }

    .title-nuestro-servicio2-english .highlight {
        color: #C6D54F;
    }

    .description-nuestro-servicio2 {
        width: 80%;
        height: auto;
        display: inline-block;
        gap: 1%;
        color: #808584;
        font-size: 3.75vw;
        font-weight: 400;
        line-height: 140%;
        text-align: center;
    }

    .como-lo-hacemos {
        position: relative;
        top: 51vw;
    }

    .description-nuestro-servicio2 strong {
        color: #000000;
    }

    .title-nuestro-servicio .highlight {
        color: #C6D54F;
    }

    .imagen_socio_container {
        width: 100%;
        position: absolute;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        top: 62vw;
    }

    .imagen_socio {
        width: 36.5vw;
        height: auto;
        position: relative;
        left: 6vw;
        transform: scale(1.3);
    }

    .home-demo {
        width: 90%;
        margin: 0 auto;
        margin-top: 5vw;
    }

    .owl-carousel .owl-nav button.owl-prev {
        background-image: url('../assets/img/flechaIzquierda.svg');
        background-size: contain;
        width: 10.25vw;
        height: 10.25vw;
        color: transparent;
    }

    .owl-carousel .owl-nav button.owl-next {
        background-image: url('../assets/img/flechaDerecha.svg');
        background-size: contain;
        width: 10.25vw;
        height: 10.25vw;
        color: transparent;
    }

    .owl-carousel .owl-nav button.owl-prev:hover {
        background-image: url('../assets/img/flechaIzquierda.svg');
        background-size: contain;
        width: 10.25vw;
        height: 10.25vw;
        color: transparent;
    }

    .owl-carousel .owl-nav button.owl-next:hover {
        background-image: url('../assets/img/flechaDerecha.svg');
        background-size: contain;
        width: 10.25vw;
        height: 10.25vw;
        color: transparent;
    }

    .owl-theme .owl-nav [class*=owl-]:hover {
        background: transparent;
    }

    .owl-theme .owl-nav {
        margin-top: 5vw;
    }

    .carousel-content-fondo {
        width: 100%;
        height: 75vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    
    .carousel-content {
        background-image: url('../assets/img/socios_carousel_movil_background.svg');
        background-size: 100%;
        background-position: center;
        border-radius: 4vw;
        display: flex;
        flex-direction: column;
        gap: 3.75vw;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        width: 82.5vw;
        height: 75vw;
        position: relative;
    }
    
    .carousel-content-inside {
        display: flex;
        flex-direction: column;
        gap: 3.75vw;
        align-items: flex-start;
        justify-content: flex-start;
        margin-left: 8vw;
        margin-right: 10vw;
        width: 62.5vw;
        height: 57.5vw;
    }
    
    .carousel-content__icons {
        background: var(--verde-10, #f9fbed);
        border-radius: 25vw;
        flex-shrink: 0;
        width: 16vw;
        height: 16vw;
        position: relative;
    } 

    .carousel-content__text {
        display: flex;
        flex-direction: column;
        gap: 4vw;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
    }

    .carousel-content__tittle {
        color: var(--neutrals-1000, #101011);
        text-align: left;
        font-size: 6vw;
        line-height: 140%;
        font-weight: 600;
        position: relative;
    }

    .carousel-content__description {
        color: var(--neutrals-1000, #101011);
        text-align: left;
        font-size: 4.5vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        align-self: stretch;
        width: 62.5vw;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /***** Mapa Clientes *****/

    .contenedor-nuestra-experiencia {
        width: 100%;
        height: 99.25vw;
        background: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 13vw;
    }

    .contenido-nuestra-experiencia {
        width: 83.33vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.78vw;
    }

    .titulo-nuestra-experiencia {
        width: 100%;
        color: #00112D;
        font-size: 8vw;
        line-height: 140%;
        font-weight: 700;
        text-align: center;
    }

    .elementos-nuestra-experiencia {
        display: flex;
        justify-content: center;
        gap: 4.38vw;
        position: relative;
        top: 2vw;
    }

    .tarjeta-nuestra-experiencia {
        width: 39.5vw;
        height: 13.65vw;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fondo-tarjeta-nuestra-experiencia {
        width: 100%;
        height: 100%;
        position: absolute;
        background: linear-gradient(278deg, #1A9DD9 13%, #21428F 87%);
        border-radius: 15px;
    }

    .numero-tarjeta-nuestra-experiencia,
    .descripcion-tarjeta-nuestra-experiencia,
    .subtitulo-tarjeta-nuestra-experiencia,
    .subtitulo-tarjeta-nuestra-experiencia1-english, 
    .subtitulo-tarjeta-nuestra-experiencia2-english {
        position: absolute;
        color: white;
        word-wrap: break-word;
    }

    .numero-tarjeta-nuestra-experiencia {
        top: 4.15vw;
        left: 6.64vw;
        font-size: 5.317vw;
        line-height: 130%;
        font-weight: 700;
    }

    .descripcion-tarjeta-nuestra-experiencia {
        top: 5.2vw;
        left: 15.88vw;
        font-size: 3.5vw;
        font-weight: 500;
        text-align: center;
    }

    .subtitulo-tarjeta-nuestra-experiencia {
        top: 2vw;
        left: 4.64vw;
        width: 15vw;
        height: 1.04vw;
        font-size: 1.587vw;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
    }

    .subtitulo-tarjeta-nuestra-experiencia1-english {
        top: 2vw;
        left: 6.3vw;
        width: 15vw;
        height: 1.04vw;
        font-size: 1.587vw;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
    }

    .subtitulo-tarjeta-nuestra-experiencia2-english {
        top: 2vw;
        left: 3vw;
        width: 15vw;
        height: 1.04vw;
        font-size: 1.587vw;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
    }

    .imagen-nuestra-experiencia {
        width: 74vw;
        height: 37vw;
        position: relative;
        top: 1.2vw;
    }

    /******** Soluciones *********/
    .bgSoluciones {
        display: none;
    }

    .bgSoluciones-movil {
        background: linear-gradient(170deg, rgba(245, 247, 223, 1) 0%, rgba(232, 245, 251, 1) 100%);
        border-radius: 25px;
        width: 70%;
        height: 140vw;
        padding: 5% 5% 10%;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        row-gap: 4vw;
    }

    .col-soluciones {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .row-textoSoluciones {
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        top: 1vw;
    }

    .row-imagenSoluciones {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        bottom: 0px;
        width: 100%;
    }

    .caricaturaSoluciones {
        width: 44vw;
        height: 44vw;
        position: relative;
        top: -10vw;
    }

    .cuadro-solucion {
        width: 33vw;
        height: 26vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .textoSoluciones {
        color: #000000;
        font-size: 4vw;
        line-height: 140%;
        font-weight: 500;
    }

    .textoSoluciones span {
        color: #9CB445;
    }

    .row-soluciones {
        width: 90%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0vw;
    }

    .colSolucion {
        width: 10vw;
        height: 9vw;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
    }

    .cuadro-solucion p {
        color: #101011;
        text-align: left;
        font-size: 3.3vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        align-self: stretch;
        padding-left: 10%;
        width: 85%;
    }

    .solucion1 {
        border-right: 1px solid #B0B2B1;
        border-bottom: 1px solid #B0B2B1;
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion1:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion1:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion2 {
        border-right: 1px solid transparent;
        border-bottom: 1px solid #B0B2B1;
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion2:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion2:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion3 {
        border-right: 1px solid transparent;
        border-bottom: 1px solid #B0B2B1;
        border-left: 1px solid #B0B2B1;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion3:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion3:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion4 {
        border-right: 1px solid #B0B2B1;
        border-bottom: 1px solid transparent;
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion4:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion4:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion5 {
        border-right: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion5:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion5:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion6 {
        border-right: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-left: 1px solid #B0B2B1;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion6:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion6:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }

    /* ******* Desafiós ******* */

    .containerDesafios {
        height: 110vw;
        position: relative;
        top: 8vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .containerDesafios h1 {
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
    }

    .containerDesafios h1 strong {
        color: #1A9DD9;
    }

    .containerDesafios p {
        width: 80%;
        color: var(--neutrals-700, #575957);
        text-align: center;
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
    }

    .listdemo {
        position: relative;
        top: 1vw
    }

    .listdemo ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        list-style: none;
        padding: 0;
        width: 210%;
        position: relative;
        left: -55vw;
    }

    .listdemo li {
        margin: 2.5vw;
        transition: transform 0.3s ease;
        width: 34%;
        position: relative;
        display: flex;
        align-items: end;
        justify-content: center;
    }

    .listdemo img {
        width: 100%;
        height: auto;
        border-radius: 10%;
        transition: transform 0.3s ease;
    }

    .listdemo li .hover-text {
        position: absolute;
        margin-bottom: 1vw;
        color: white;
        background: #D1EBF7;
        border-radius: 5px;
        opacity: 0;
        transition: opacity 0.3s ease;
        width: 20vw;
        height: 5vw;
        text-align: center;
        color: black;
        cursor: pointer;
        font-size: 1.6vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .listdemo li.hovered .hover-text {
        opacity: 1;
    }

    .listdemo li.hovered {
        transform: scale(1.2);
        z-index: 1;
    }

    /* Container Blog */
    .containerBlog {
        position: relative;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 4rem;
        margin-bottom: 10rem;
    }

    .containerBlog h1 {
        font-size: 8vw;
        line-height: 130%;
        font-weight: 700;
        margin-left: 60px;
        margin-right: 60px;
    }

    .containerBlog h1 strong {
        color: #C6D54F;;
    }

    .containerBlog p {
        color: var(--neutrals-700, #575957);
        text-align: center;
        font-size: 2.2rem;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        margin-left: 60px;
        margin-right: 60px;
    }

    .containerBlog .list-of-blog { 
        padding: 0px 5% 0 5%;
        align-items:first baseline;
        gap: 40px;
    }
    .containerBlog .list-of-blog .blog {
        width: 100%;
        margin-bottom: 50px;
    }
    .containerBlog .list-of-blog .blog .head-image {
        width: 100%;
    }
    .containerBlog .list-of-blog .blog .head-image img {
        width: 100%;
        border-radius: 20px;
    }
    .containerBlog .list-of-blog .blog .tag {
        margin: 10px 0 10px;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .containerBlog .list-of-blog .blog .tag .tag-info {
        background: #F7F7F7;
        padding: 5px 15px;
        border-radius: 20px;
        border: 1px solid #B0B2B1;
        font-size: .8em;
        width: fit-content;
        text-decoration: none;
        color: #000;
    }
    .containerBlog .list-of-blog .blog .body .title {
        font-weight: 600;
        font-size: 2rem;
        line-height: 1.6;
        color: rgb(23, 37, 42);
        margin: 10px 0 10px;
    }
    .containerBlog .list-of-blog .blog .body .subtitle {
        color: #444644 !important;
        font-weight: 300;
        line-height: 1.7;
        margin-bottom: 10px;
        font-size: 1.2rem;
    }
    .containerBlog .list-of-blog .blog .link {
        margin: 10px 0 10px;
    }
    .containerBlog .list-of-blog .blog .link a {
        color: #A37CB3 !important;
        text-decoration: none;
    }


    /* ***** Ultimo boton de ir a contacto ***** */
    .ultimo-contacto-container,
    .ultimo-contacto-container * {
        box-sizing: border-box;
    }

    .ultimo-contacto-container {
        position: relative;
        width: 100%;
        height: 40vw;
        margin-top: 3vw;
        margin-bottom: 7vw;
    }

    .ultimo-contacto-headline {
        display: flex;
        flex-direction: column;
        row-gap: 6vw;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 40vw;
        position: absolute;
    }

    .ultimo-contacto-heading {
        color: #201f23;
        text-align: center;
        font-size: 3.75vw;
        line-height: 140%;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        width: 80%;
    }

    .ultimo-contacto-button {
        background: #ffffff;
        border-radius: 5vw;
        border-style: solid;
        border-color: #c6d54f;
        border-width: 0.5vw;
        padding: 0.4166667vw 1.0416667vw;
        display: flex;
        flex-direction: row;
        gap: 0.2083333vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        width: 47.75vw;
        height: 10vw;
    }

    .ultimo-contacto-label {
        color: #575957;
        text-align: center;
        font-size: 4.5vw;
        line-height: 140%;
        font-weight: 500;
        position: relative;
    }

    .ultimo-contacto-double-left {
        flex-shrink: 0;
        width: 7vw;
        height: 7vw;
        position: relative;
        overflow: visible;
        left: 4%;
    }

}

/* Estilos específicos para dispositivos de escritorio --------------------------------------------------------------------------*/
@media (min-width: 1024px) {
   
    .bgGradientBlueGreen{
        background-image: url(../assets/img/NuestrosServicios.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .bgDegradadoServicios {
        background: url(../assets/img/bgDegradadoServicios.svg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* ******* nuestro-servicio ******* */


    .container-nuestro-servicio {
        width: 100%;
        height: 42vw;
        position: relative;
        background: linear-gradient(180deg, white 35%, #D4E07B 84%);
        top: 2vw;
    }

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

    .title-nuestro-servicio {
        font-size: 4vw;
        font-weight: 600;
        color: #101011;
    }

    .title-nuestro-servicio span {
        height: 4.5vw;
        display: flex;
        align-items: center;
    }


    .title-nuestro-servicio p {
        margin: 0px;
        height: 4.2vw;
    }

    .title-nuestro-servicio .highlight {
        color: #C6D54F;
    }

    .description-nuestro-servicio {
        width: 32%;
        height: auto;
        display: inline-block;
        gap: 1%;
        color: #201F23;
        font-size: 1.3vw;
        font-weight: 400;
        line-height: 1.5;
        margin-top: 4vh;
    }

    .description-nuestro-servicio .bold {
        font-weight: 700;
    }

    .description-nuestro-servicio .highlight {
        color: #7F9C3F;
        font-weight: 500;
    }

    .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: #A1B356;
        font-size: 2.0vw;
        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: #F4F7DC;
        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;
    }

    .iconArrow {
        width: 6px;
    }

    .marquee-container {
        position: relative;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        top: 2vw;
        left: -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, #D4E07B 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%);
        }
    }

    /* ******* clientes ******* */

    .container-clientes {
        width: 100%;
        height: 22vw;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .anios-experiencia {
        display: block;
    }

    .anios-experiencia-movil {
        display: none;
    }

    .container-clientes span {
        font-size: 1.7vw;
        font-weight: 400;
        line-height: 4vw;
        color: #575957;
        letter-spacing: 1px;
    }

    .marquee-logos-abajo {
        display: none;
    }

    .marquee-logos {
        padding-top: 3.125vw;
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #fff;
        position: relative;
        top: 2.5vw;
    }

    .marquee-content-logos-izq-der {
        display: flex;
        width: 300%;
        animation: marquee-logos-izq-der 80s linear infinite;
        gap: 1.2%;
    }

    .logo-cliente {
        width: 16vw;
        height: 3.5vw;
        margin: 0 0.521vw;
    }

    @keyframes marquee-logos-izq-der {
        0% {
            transform: translateX(-100%);
        }

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

    /* ******* nuestros servicios ******* */

    .services-container {
        width: 100%;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 5vw;
        margin-top: 8vw;
    }

    .services-heading {
        width: 100%;
        text-align: center;
        color: #101011;
        font-size: 3vw;
        font-weight: 700;
        line-height: 4vw;
        word-wrap: break-word;
        letter-spacing: 1px;
    }

    .service-description-container {
        width: 100%;
        left: 1%;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .service-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 10%;
        position: relative;
        left: 2vw;
    }

    .service-icon img {
        width: 1.5vw;
        height: 1.5vw;
        transform: scale(7.5);
        transform-origin: center center;
    }

    /* .service-icon {
        width: 1.5vw;
        height: 1.5vw;
        transform: scale(8.5);
        transform-origin: center center;
    } */

    .decoration-blue {
        background: #1a9dd9;
        border-radius: 50%;
        opacity: 0.4;
        width: 50vw;
        height: 50vw;
        position: absolute;
        filter: blur(100.98px);
        top: 105vw;
        left: -30vw;
    }

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

    .service-description {
        width: 100%;
        max-width: 33vw;
        text-align: center;
        color: #1b1b1b;
        font-size: 1.2vw;
        font-weight: 500;
        line-height: 1.4;
        position: relative;
        left: -3vw;
        letter-spacing: .5px;
    }

    .commitment-container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .commitment-heading {
        width: 53%;
        text-align: center;
    }

    .commitment-heading span {
        color: #101011;
        font-size: 3vw;
        font-weight: 500;
        line-height: 140%;
        word-wrap: break-word;
    }

    .commitment-heading .media {
        display: none;
    }

    .commitment-heading .highlight-text {
        color: #1A9DD9;
    }

    .commitment-text {
        width: 60%;
        text-align: center;
        color: #575957;
        font-size: 1.2vw;
        font-weight: 400;
        line-height: 160%;
        word-wrap: break-word;
        margin-top: 2vw;
        margin-bottom: 3vw;
    }

    .container-descripcion-servicios {
        position: relative;
        width: 100%;
        height: 42vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 3vw;
    }

    .background-descripcion-servicios.softlab {
        width: 94%;
        height: 33vw;
        position: absolute;
        background: linear-gradient(90deg, #004891 0%, #1A9DD9 100%);
        border-radius: 0.833vw;
        top: 0;
        left: -1.771vw;
    }

    .background-descripcion-servicios.nube {
        width: 94%;
        height: 33vw;
        position: absolute;
        background: linear-gradient(90deg, #A37CB3 0%, #662480 100%);
        border-radius: 0.833vw;
        top: 0;
        left: -1.771vw;
    }

    .background-descripcion-servicios.ciberseguridad {
        width: 94%;
        height: 33vw;
        position: absolute;
        background: linear-gradient(90deg, #0C296A 0%, #6E5CBE 100%);
        border-radius: 0.833vw;
        top: 0;
        left: -1.771vw;
    }

    .background-descripcion-servicios.nearshoring {
        width: 94%;
        height: 33vw;
        position: absolute;
        background: linear-gradient(90deg, #E3732D 0%, #F6CD39 100%);
        border-radius: 0.833vw;
        top: 0;
        left: -1.771vw;
    }

    .menu-descripcion-servicios {
        position: absolute;
        left: 12vw;
        top: 20%;
        display: flex;
        flex-direction: column;
        gap: 0.579vw;
    }

    .menu-item-descripcion-servicios {
        width: 20vw;
        height: 3.474vw;
        position: relative;
        border-radius: 60px;
        cursor: pointer;
        display: flex;
        align-items: center;
        padding: 0.521vw;
        transition: background-color 0.3s, opacity 0.3s;
        padding-left: 1.5vw;
    }

    .menu-item-descripcion-servicios img {
        width: 1.7vw;
        height: 1.7vw;
        margin-right: 1vw;
    }

    .menu-item-descripcion-servicios .text {
        font-size: 1.5vw;
        font-weight: 300;
        line-height: 34.24px;
        display: flex;
        align-items: center;
    }

    .menu-item-softlab {
        background: rgba(255, 255, 255, 0.15);
        color: white;
    }

    .menu-item-softlab.active {
        background: white;
        color: #024D95;
    }

    .menu-item-nube {
        background: rgba(255, 255, 255, 0.15);
        color: white;
    }

    .menu-item-nube.active {
        background: white;
        color: #662480;
    }

    .menu-item-ciberseguridad {
        background: rgba(255, 255, 255, 0.15);
        color: white;
    }

    .menu-item-ciberseguridad.active {
        background: white;
        color: #21428F;
    }

    .menu-item-nearshoring {
        background: rgba(255, 255, 255, 0.15);
        color: white;
    }

    .menu-item-nearshoring.active {
        background: white;
        color: #F6A500;
    }

    .content-descripcion-servicios {
        width: 44%;
        height: 30vw;
        padding: 43px 37px 24px 3.125vw;
        position: absolute;
        background: white;
        box-shadow: 7px 8px 26.1px -13px rgba(18, 17, 11, 0.31);
        border-radius: 0.833vw;
        top: 3.125vw;
        left: 40%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 5%;
    }

    .content-descripcion-servicios h2 {
        color: #1A9DD9;
        font-size: 3.2vw;
        font-weight: 700;
        line-height: 130%;
        margin: 0;
    }

    .content-descripcion-servicios .subheading {
        font-size: 2.0vw;
        font-weight: 500;
        line-height: 140%;
        color: #201F23;
        width: 80%;
        position: relative;
        top: 1vw;
    }

    .content-descripcion-servicios p {
        font-size: 1.6vw;
        font-weight: 400;
        line-height: 140%;
        color: #575957;
        width: 96%;
    }

    .services-container-2 {
        width: 100%;
        height: 37vw;
        display: inline-flex;
        flex-direction: column;
    }

    .button-saber-mas-servicios {
        width: 12%;
        height: 3.5vw;
        position: absolute;
        top: 18%;
        left: 43vw;
        background: linear-gradient(101deg, #638638 0%, #C6D54F 69%);
        border-radius: 41.97px;
        border: 0px;
        color: white;
        font-size: 1.3vw;
        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, color 0.3s ease;
    }
    
    .icono-saber-mas {
        width: 1.6vw;
        height: 1.6vw;
        margin-left: 0.4vw;
        transition: transform 0.3s ease;
    }

    .button-saber-mas-servicios:hover {
        background: #f4f7dc;
        border: 2px solid #D4E07B;
        color: #9cb445;
    }
    
    .button-saber-mas-servicios:hover .icono-saber-mas {
        content: url('../assets/img/double_right_green.svg');
    }

    .text-container-services2 {
        width: 60%;
        text-align: center;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        display: inline-flex;
        position: relative;
        top: 60%;
    }

    .text-black-services2,
    .text-blue-services2 {
        font-size: 3.5vw;
        font-weight: 500;
        line-height: 4vw;
        word-wrap: break-word;
    }

    .text-black-services2 {
        color: #101011;
    }

    .text-blue-services2 {
        color: #3CACDF;
    }

    .commitment-container {

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 2%;
    }

    .relative-container-services2 {
        width: 50%;
        height: 7vw;
        position: relative;
        top: 80%;
        border-radius: 20px;
        border: 2px #AFDDF2 solid;
    }

    .absolute-container-services2 {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .service-info-services2 {
        width: 20vw;
        height: 100%;
        position: absolute;
        top: 20%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .text-right-services2 {
        text-align: right;
    }

    .service-description-services2 {
        width: 25vw;
        height: 0.5vw;
        position: absolute;
        left: 50%;
        top: 27%;
    }

    .circle-container-services2 {
        width: 2vw;
        height: 2vw;
        position: absolute;
        left: 39%;
        top: 30%;
    }

    .outer-circle-services2 {
        width: 90%;
        height: 90%;
        position: absolute;
        border-radius: 50%;
        border: 0.4vw #A3D8F0 solid;
    }

    .inner-circle-services2 {
        width: 1vw;
        height: 1vw;
        position: absolute;
        left: 38%;
        top: 39%;
        background: #AFDDF2;
        border-radius: 50%;
    }

    .text-black-services2-dividido {
        color: #101011;
        font-size: 1.4vw;
        font-weight: 500;
        line-height: 2vw;
        word-wrap: break-word;
    }

    .text-blue-services2-dividido {
        color: #3CACDF;
        font-size: 1.4vw;
        font-weight: 500;
        line-height: 1vw;
        word-wrap: break-word;
    }

    .text-black-services2-dividido-right {
        color: #101011;
        font-size: 1.0vw;
        font-weight: 500;
    }

    .text-bold-black-services2 {
        color: #101011;
        font-size: 1.0vw;
        font-weight: 700;
    }

    .text-black-services2-dividido-right,
    .text-bold-black-services2 {
        display: inline;
        line-height: 1.3vw;
    }

    /* ******* preguntas y formulario ******* */

    .container-preguntas-formulario {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        position: relative;
        gap: 5%;
        right: 3vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }

    .container-preguntas-movil {
        display: none;
    }

    .container-formulario-movil {
        display: none;
    }

    .preguntas-container {
        width: 50vw;
        height: 46vw;
        overflow: hidden;
        position: relative;
        top: -5vw;
    }

    .preguntas-container::before,
    .preguntas-container::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 10%;
        z-index: 2;
    }

    .preguntas-container::before {
        top: 0;
        background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
    }

    .preguntas-container::after {
        bottom: 0;
        background: linear-gradient(to top, white, rgba(255, 255, 255, 0));
    }

    .preguntas {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 1.2Svw;
    }

    .pregunta-recuadro {
        width: 78%;
        height: 5.7vw;
        background: #E8F5FB;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        align-items: center;
        transition: background 0.3s, transform 0.3s;
    }

    .pregunta {
        width: 82%;
        font-size: 0.9vw;
        line-height: 1.4;
        font-weight: 400;
        text-align: left;
    }

    .pregunta-recuadro.central {
        width: 32vw;
        height: 7vw;
        background: linear-gradient(170deg, #F5F7DF 0%, #E8F5FB 100%);
        border: 2px solid #AFDDF2;
        position: absolute;
        z-index: 2;
        top: 19.9vw;
        left: 3.9vw;
    }

    .pregunta.central {
        font-size: 1vw;
        transform: scale(4.5);
    }

    /* Contenedor principal */
    .wrapper {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Carrusel */
    .carousel {
        position: relative;
        width: 90%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        overflow: hidden;
    }

    .carousel__item {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 100%;
        opacity: 0;
        will-change: transform, opacity;
        animation: carousel-animate-vertical var(--animation-timing) linear infinite;
    }

    .carousel__item-body {
        width: 80%;
        height: 8.1vw;
        border-radius: 0.6vw;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 1.3vw;
        font-weight: 300;
    }

    .carousel__item-body p {
        width: 7%;
        position: relative;
        text-align: left;
    }


    /* Ajustes para que cada elemento comience en una parte específica de la animación */
    .carousel__item:nth-child(1) {
        animation-delay: calc(var(--animation-delay-fraction) * -6);
        /* Comienza en la posición de 71.66%, 77.66% */
    }

    .carousel__item:nth-child(2) {
        animation-delay: calc(var(--animation-delay-fraction) * -5);
        /* Comienza en la posición de 60.55%, 66.66% */
    }

    .carousel__item:nth-child(3) {
        animation-delay: calc(var(--animation-delay-fraction) * -4);
        /* Comienza en la posición de 49.44%, 55.55% */
    }

    .carousel__item:nth-child(4) {
        animation-delay: calc(var(--animation-delay-fraction) * -3);
        /* Comienza en la posición de 38.33%, 44.44% */
    }

    .carousel__item:nth-child(5) {
        animation-delay: calc(var(--animation-delay-fraction) * -2);
        /* Comienza en la posición de 27.22%, 33.33% */
    }

    .carousel__item:nth-child(6) {
        animation-delay: calc(var(--animation-delay-fraction) * -1);
        /* Comienza en la posición de 16.11%, 22.22% */
    }

    .carousel__item:nth-child(7) {
        animation-delay: calc(var(--animation-delay-fraction) * 0);
        /* Comienza en la posición de 5%, 11.11% */
    }

    .carousel__item:nth-child(8) {
        animation-delay: calc(var(--animation-delay-fraction) * 1);
        /* Comienza en la posición de 0% */
    }

    .carousel__item:nth-child(9) {
        animation-delay: calc(var(--animation-delay-fraction) * -7);
        /* Comienza en la posición de 82.66% */
    }

    /* Animación */
    @keyframes carousel-animate-vertical {
        0% {
            transform: translateY(36vw) scale(0.7);
            opacity: 0;
            visibility: hidden;
            background: #E8F5FB;
            width: 85%;
            height: 8.1vw;
            border: 0px solid transparent;
            border-radius: 0.6vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        5%,
        11.11% {
            transform: translateY(27vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 8.1vw;
            border: 0px solid transparent;
            border-radius: 0.6vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        16.11%,
        22.22% {
            transform: translateY(18vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 8.1vw;
            border: 0px solid transparent;
            border-radius: 0.6vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        27.22%,
        33.33% {
            transform: translateY(9vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 8.1vw;
            border: 0px solid transparent;
            border-radius: 0.6vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        38.33%,
        44.44% {
            transform: translateY(0) scale(1);
            opacity: 1;
            visibility: visible;
            background: linear-gradient(170deg, #F5F7DF 0%, #E8F5FB 100%);
            width: 85%;
            height: 8.1vw;
            border-radius: 0.6vw;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #AFDDF2;
        }

        49.44%,
        55.55% {
            transform: translateY(-9vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 8.1vw;
            border: 0px solid transparent;
            border-radius: 0.6vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        60.55%,
        66.66% {
            transform: translateY(-18vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 8.1vw;
            border: 0px solid transparent;
            border-radius: 0.6vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        71.66%,
        77.66% {
            transform: translateY(-27vw) scale(0.85);
            opacity: 1;
            visibility: visible;
            background: #E8F5FB;
            width: 85%;
            height: 8.1vw;
            border: 0px solid transparent;
            border-radius: 0.6vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        82.66% {
            transform: translateY(-36vw) scale(0.7);
            opacity: 0;
            visibility: hidden;
            background: #E8F5FB;
            width: 85%;
            height: 8.1vw;
            border: 0px solid transparent;
            border-radius: 0.6vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        100% {
            transform: translateY(-45vw) scale(0.7);
            opacity: 0;
            visibility: hidden;
            background: #E8F5FB;
            width: 85%;
            height: 8.1vw;
            border: 0px solid transparent;
            border-radius: 0.6vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }


    .contacto-container {
        width: 30vw;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        top: -5vw;
        row-gap: 2vw;
    }

    .contacto-header {
        width: 80%;
        position: relative;
        left: 0vw;
    }

    .contacto-header h2 {
        color: #101011;
        font-size: 1.2vw;
        font-weight: 600;
        line-height: 1.7;
    }

    .contacto-header p {
        color: #575957;
        font-size: 1.0vw;
        margin-top: 1vw;
        line-height: 2.0vw;
    }

    .contacto-header p.conversemos {
        color: #C6D54F;
        font-size: 1.2vw;
        margin-top: 1vw;
        line-height: 2.0vw;
    }

    #formulario {
        width: 80%;
        position: relative;
        top: 0;
        margin: 0;
        
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #formulario-content {
        width: 25vw;
        height: fit-content;
        margin-top: 0.5vw;
        transition: transform 0.3s ease;
    }

    .description-span-contacto-principal {
        color: #808584;
        font-size: 0.6770833vw;
        line-height: 140%;
        font-weight: 700;
    }

    .description-span2-contacto-principal {
        color: #808584;
        font-size: 0.6770833vw;
        line-height: 140%;
        font-weight: 400;
    }

    .description-span3-contacto-principal {
        color: #9cb445;
        font-size: 0.6770833vw;
        line-height: 140%;
        font-weight: 400;
    }

    .description-span4-contacto-principal {
        color: #808584;
        font-size: 0.6770833vw;
        line-height: 140%;
        font-weight: 400;
    }

    .contacto-form {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .contacto-form-fields {
        width: 65%;
        height: 40vw;
        border-radius: 1.6667vw;
        border-style: solid;
        border-color: #b0b2b1;
        border-width: 0.0694vw;
        padding: 10% 6% 3% 6%;
    }

    .contacto-form-field {
        margin-top: 1.4vw;
    }

    .contacto-form label {
        color: #000000;
        font-size: 1.0vw;
        margin-top: 1vw;
    }

    .contacto-form input {
        width: 96%;
        padding: 0.7vw;
        margin-top: 0.7vw;
        border: 1px solid #B0B2B1;
        border-radius: 6px;
        font-size: 1.0vw;
    }

    .contacto-form select {
        width: 100%;
        padding: 0.7vw;
        margin-top: 0.7vw;
        border: 1px solid #B0B2B1;
        border-radius: 6px;
        font-size: 1.0vw;
    }

    .contacto-form button {
        width: 100%;
        padding: 1vw;
        margin-top: 2vw;
        background-color: #C6D54F;
        color: white;
        font-size: 1.5vw;
        font-weight: 600;
        border: none;
        border-radius: 8px;
        cursor: pointer;
    }

    .contacto-note {
        width: 70%;
        position: relative;
        left: 5%;
    }

    .contacto-importante-l1 {
        color: #808584;
        font-size: 0.68vw;
        font-weight: 700;
        line-height: 0.95vw;
        word-wrap: break-word;
    }

    .contacto-importante-l2 {
        color: #808584;
        font-size: 0.68vw;
        font-weight: 500;
        line-height: 0.95vw;
        word-wrap: break-word;
    }

    .contacto-importante-l3 {
        color: #9CB445;
        font-size: 0.68vw;
        font-weight: 500;
        line-height: 0.95vw;
        word-wrap: break-word;
    }

    .contacto-importante-l4 {
        color: #808584;
        font-size: 0.68vw;
        font-weight: 500;
        line-height: 0.95vw;
        word-wrap: break-word;
    }

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

    .container-ubicacion-oficinas {
        width: 100%;
        height: 25vw;
        background-image: url('../assets/img/fondo_ubicacion_oficinas.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;
    }

    /******* Socios estrategicos ********/
    .home-demo {
        width: 90%;
        margin: 0 auto;
    }

    .container-socios-estrategicos {
        width: 100%;
        height: 38vw;
        position: relative;
        top: 2vw;
    }

    .content-socios-estrategicos {
        position: absolute;
        left: 12%;
        top: 10%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1%;
    }

    .title-nuestro-servicio2 {
        width: 60%;
        color: #101011;
        text-align: left;
    }

    .title-nuestro-servicio2 span {
        font-size: 3vw;
        font-weight: 700;
        line-height: 130%;
    }

    .title-nuestro-servicio2 .highlight {
        position: relative;
        left: 0.3vw;
        color: #C6D54F;
    }

    .title-nuestro-servicio2-english {
        width: 65%;
        color: #101011;
        text-align: left;
    }

    .title-nuestro-servicio2-english span {
        font-size: 3vw;
        font-weight: 700;
        line-height: 130%;
    }

    .title-nuestro-servicio2-english .highlight {
        position: relative;
        left: 0.3vw;
        color: #C6D54F;
    }

    .description-nuestro-servicio2 {
        width: 41%;
        height: auto;
        display: inline-block;
        gap: 1%;
        color: #808584;
        font-size: 1.25vw;
        font-weight: 400;
        line-height: 160%;
    }

    .como-lo-hacemos {
        position: relative;
        top: 2.7vw;
    }

    .description-nuestro-servicio2 strong {
        color: #000000;
    }

    .imagen_socio_container {
        position: absolute;
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        left: 60%;
        top: 13%;
    }

    .imagen_socio {
        width: 28vw;
        height: auto;
    }

    .owl-carousel .owl-nav button.owl-prev {
        background-image: url('../assets/img/flechaIzquierda.svg');
        background-size: contain;
        width: 50px;
        height: 50px;
        color: transparent;
    }

    .owl-carousel .owl-nav button.owl-next {
        background-image: url('../assets/img/flechaDerecha.svg');
        background-size: contain;
        width: 50px;
        height: 50px;
        color: transparent;
    }

    .owl-carousel .owl-nav button.owl-prev:hover {
        background-image: url('../assets/img/flechaIzquierdaStrong.svg');
        background-size: contain;
        width: 50px;
        height: 50px;
        color: transparent;
    }

    .owl-carousel .owl-nav button.owl-next:hover {
        background-image: url('../assets/img/flechaDerechaStrong.svg');
        background-size: contain;
        width: 50px;
        height: 50px;
        color: transparent;
    }

    .owl-theme .owl-nav [class*=owl-]:hover {
        background: transparent;
    }

    .owl-theme .owl-nav {
        margin-top: 50px;
    }

    .owl-carousel .item {
        width: 26.736vw;
    }

    .carousel-content-fondo {
        width: 100%;
        height: 24vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .carousel-content {
        background-image: url('../assets/img/socios_carousel_background.svg');
        background-size: 100%;
        background-position: center;
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        width: 27vw;
        height: 21vw;
        position: relative;
    }

    .carousel-content-inside {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
        justify-content: flex-start;
        margin-left: 2.8vw;
        margin-right: 10vw;
        width: 20vw;
        height: 230px;
    }

    .carousel-content__icons {
        background: var(--verde-10, #f9fbed);
        border-radius: 100px;
        flex-shrink: 0;
        width: 4vw;
        height: 4vw;
        position: relative;
    }

    .carousel-content__text {
        display: flex;
        flex-direction: column;
        gap: 1vw;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
    }

    .carousel-content__tittle {
        color: var(--neutrals-1000, #101011);
        text-align: left;
        font-size: 1.5vw;
        line-height: 140%;
        font-weight: 600;
        position: relative;
    }

    .carousel-content__description {
        color: var(--neutrals-1000, #101011);
        text-align: left;
        font-size: 1.125vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        align-self: stretch;
        width: 20vw;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /* ******* Desafiós ******* */

    .containerDesafios {
        height: 40vw;
        position: relative;
        top: 1vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .containerDesafios h1 {
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
        height: 2.4vw;
    }

    .containerDesafios h1 strong {
        color: #1A9DD9;
    }

    .containerDesafios p {
        width: 30%;
        color: var(--neutrals-700, #575957);
        text-align: center;
        font-size: 1.146vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
    }

    .listdemo {
        position: relative;
        top: 1vw
    }

    .listdemo ul {
        display: flex;
        list-style: none;
        padding: 0;
        width: 100%;
        justify-content: center;
    }

    .listdemo li {
        margin: 10px;
        transition: transform 0.3s ease;
        width: 14%;
        position: relative;
    }

    .listdemo img {
        width: 100%;
        height: auto;
        transition: transform 0.3s ease;
    }

    .listdemo li:hover {
        transform: scale(1.2);
        cursor: pointer;
    }

    .listdemo li:hover~li {
        transform: scale(1);
    }

    .listdemo li .hover-text {
        position: absolute;
        bottom: 40%;
        left: 50%;
        transform: translateX(-50%);
        color: white;
        background: #D1EBF7;
        padding: 20px 10px;
        border-radius: 5px;
        opacity: 0;
        transition: opacity 0.3s ease;
        width: 70%;
        text-align: center;
        color: black;
        cursor: pointer;
        font-size: .8em;
    }

    .listdemo li:hover .hover-text {
        opacity: 1;
    }

    /* Container Blog */
    .containerBlog {
        /* height: 56vw; */
        margin-bottom: 50px;
        position: relative;
        /* top: 1vw; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .containerBlog h1 {
        font-size: 3vw;
        line-height: 130%;
        font-weight: 700;
    }

    .containerBlog h1 strong {
        color: #C6D54F;
    }

    .containerBlog p {
        width: 40%;
        color: var(--neutrals-700, #575957);
        text-align: center;
        font-size: 1.146vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
    }

    .containerBlog .list-of-blog {
        width: 80%;
        margin-top: 50px;
        padding: 0px 60px 0 60px;
        display: flex;
        align-items:first baseline;
        gap: 40px;
    }
    .containerBlog .list-of-blog .blog {
        width: 50%;
    }
    .containerBlog .list-of-blog .blog .head-image {
        width: 100%;
    }
    .containerBlog .list-of-blog .blog .head-image img {
        width: 100%;
        border-radius: 20px;
    }
    .containerBlog .list-of-blog .blog .tag {
        margin: 10px 0 10px;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .containerBlog .list-of-blog .blog .tag .tag-info {
        background: #F7F7F7;
        padding: 5px 15px;
        border-radius: 20px;
        border: 1px solid #B0B2B1;
        font-size: .8em;
        width: fit-content;
        text-decoration: none;
        color: #000;
    }
    .containerBlog .list-of-blog .blog .body .title {
        font-weight: 600;
        font-size: 1.4em;
        line-height: 1.6;
        color: rgb(23, 37, 42);
        margin: 10px 0 10px;
    }
    .containerBlog .list-of-blog .blog .body .subtitle {
        color: #444644 !important;
        font-weight: 300;
        line-height: 1.7;
        margin-bottom: 10px;
    }
    .containerBlog .list-of-blog .blog .link {
        margin: 10px 0 10px;
    }
    .containerBlog .list-of-blog .blog .link a {
        color: #A37CB3 !important;
        text-decoration: none;
    }


    /***** Mapa Clientes *****/

    .contenedor-nuestra-experiencia {
        width: 100%;
        height: 57vw;
        background: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 3.68vw;
    }

    .contenido-nuestra-experiencia {
        width: 83.33vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.78vw;
    }

    .titulo-nuestra-experiencia {
        width: 100%;
        color: #00112D;
        font-size: 3.33vw;
        font-weight: 700;
        line-height: 4.33vw;
        text-align: center;
    }

    .elementos-nuestra-experiencia {
        display: flex;
        justify-content: center;
        gap: 4.38vw;
        position: relative;
        top: 0.6vw;
    }

    .tarjeta-nuestra-experiencia {
        width: 19.10vw;
        height: 6.60vw;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fondo-tarjeta-nuestra-experiencia {
        width: 100%;
        height: 100%;
        position: absolute;
        background: linear-gradient(278deg, #1A9DD9 13%, #21428F 87%);
        border-radius: 15px;
    }

    .numero-tarjeta-nuestra-experiencia,
    .descripcion-tarjeta-nuestra-experiencia,
    .subtitulo-tarjeta-nuestra-experiencia,
    .subtitulo-tarjeta-nuestra-experiencia1-english, 
    .subtitulo-tarjeta-nuestra-experiencia2-english {
        position: absolute;
        color: white;
        word-wrap: break-word;
    }

    .numero-tarjeta-nuestra-experiencia {
        top: 2.15vw;
        left: 2.64vw;
        font-size: 2.57vw;
        font-weight: 700;
        line-height: 3.34vw;
    }

    .descripcion-tarjeta-nuestra-experiencia {
        top: 2.85vw;
        left: 6.88vw;
        font-size: 1.60vw;
        font-weight: 500;
        text-align: center;
    }

    .subtitulo-tarjeta-nuestra-experiencia {
        top: 1.18vw;
        left: 2.64vw;
        width: 5.49vw;
        height: 1.04vw;
        font-size: 0.76vw;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
    }

    .subtitulo-tarjeta-nuestra-experiencia1-english {
        top: 1.18vw;
        left: 2.7vw;
        width: 100%;
        height: 1.04vw;
        font-size: 0.76vw;
        font-weight: 500;
        text-transform: uppercase;
    }

    .subtitulo-tarjeta-nuestra-experiencia2-english {
        top: 1.18vw;
        left: 1.7vw;
        width: 5.49vw;
        height: 1.04vw;
        font-size: 0.76vw;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
    }

    .imagen-nuestra-experiencia {
        width: 49.31vw;
        height: 24.65vw;
        position: relative;
        top: 1.2vw;
    }

    /******** Soluciones *********/
    .bgSoluciones {
        background: rgb(245, 247, 223);
        background: linear-gradient(170deg, rgba(245, 247, 223, 1) 0%, rgba(232, 245, 251, 1) 100%);
        border-radius: 25px;
        width: 75vw;
        padding: 5% 5% 10%;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }

    .bgSoluciones-movil {
        display: none;
    }

    .row {
        display: flex;
        align-items: center;
        /* Centra verticalmente los elementos */
    }

    .col {
        width: 49%;
    }

    .textoSoluciones {
        color: #000000;
        font-size: 1.688vw;
        line-height: 130%;
        font-weight: 500;
        max-width: 80%;
        position: relative;
        top: -2vw;
    }

    .textoSoluciones span {
        color: #9CB445;
    }

    .colSolucion {
        width: 10vw;
        height: 9vw;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
    }

    .colSolucion p {
        color: var(--neutrals-1000, #101011);
        text-align: left;
        font-size: 1.1vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        align-self: stretch;
        padding: 3% 10%;
    }

    .solucion1 {
        border-right: 1px solid #B0B2B1;
        border-bottom: 1px solid #B0B2B1;
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion1:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion1:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion2 {
        border-right: 1px solid transparent;
        border-bottom: 1px solid #B0B2B1;
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion2:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion2:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }

    .solucion3 {
        border-right: 1px solid transparent;
        border-bottom: 1px solid #B0B2B1;
        border-left: 1px solid #B0B2B1;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion3:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion3:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion4 {
        border-right: 1px solid #B0B2B1;
        border-bottom: 1px solid transparent;
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion4:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion4:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion5 {
        border-right: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion5:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion5:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }


    .solucion6 {
        border-right: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-left: 1px solid #B0B2B1;
        border-top: 1px solid transparent;
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        cursor: crosshair;
    }

    .solucion6:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .solucion6:hover {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #C6D54F;
    }

    .caricaturaSoluciones {
        position: absolute;
        width: 15vw;
        height: 15vw;
        top: 62%;
        left: 27%;
        ;
    }

    /******** Soluciones *********/
    .bgSoluciones {
        background: rgb(245, 247, 223);
        background: linear-gradient(170deg, rgba(245, 247, 223, 1) 0%, rgba(232, 245, 251, 1) 100%);
        border-radius: 25px;
        width: 70%;
        padding: 5% 5% 10%;
        margin: 0 auto;
        position: relative;
    }

    /* ***** Ultimo boton de ir a contacto ***** */
    .ultimo-contacto-container,
    .ultimo-contacto-container * {
        box-sizing: border-box;
    }

    .ultimo-contacto-container {
        position: relative;
        width: 100%;
        height: 10vw;
    }

    .ultimo-contacto-headline {
        display: flex;
        flex-direction: column;
        gap: 1.3020833vw;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 7vw;
        position: absolute;
    }

    .ultimo-contacto-heading {
        color: #201f23;
        text-align: center;
        font-size: 1.0416667vw;
        line-height: 140%;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
    }

    .ultimo-contacto-button {
        background: #ffffff;
        border-radius: 1.5625vw;
        border-style: solid;
        border-color: #c6d54f;
        border-width: 0.1041667vw;
        padding: 0.4166667vw 1.0416667vw;
        display: flex;
        flex-direction: row;
        gap: 0.2083333vw;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        transition: background 0.3s ease, transform 0.3s ease;
    }

    .ultimo-contacto-button:hover {
        background: #c6d54f;
    }

    .ultimo-contacto-label {
        color: #575957;
        text-align: center;
        font-size: 1.0416667vw;
        line-height: 140%;
        font-weight: 500;
        position: relative;
        transition: color 0.3s ease;
    }

    .ultimo-contacto-button:hover .ultimo-contacto-label {
        color: white;
    }

    .ultimo-contacto-double-left {
        flex-shrink: 0;
        width: 1.25vw;
        height: 1.25vw;
        position: relative;
        overflow: visible;
    }

    .desktop {
        display: none;
    }

}