: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: 4vw;
    font-weight: 500;
    line-height: 3vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
  }

  .services-link {
    width: 50%;
    height: 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%;
  }

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

  .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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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: 0.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: 4vw;
    font-weight: 500;
    line-height: 3vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
  }

  .services-link {
    width: 50%;
    height: 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%;
  }

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

  .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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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: 0.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: 2vw;
    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;
  }

  .container-clientes h3 {
    font-size: 1.7vw;
    font-weight: 400;
    line-height: 4vw;
    color: #201f23;
    letter-spacing: 1px;
    margin: 0px;
  }

  .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: 0.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: 2vw;
    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: 1vw;
    font-weight: 500;
  }

  .text-bold-black-services2 {
    color: #101011;
    font-size: 1vw;
    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: 1vw;
    margin-top: 1vw;
    line-height: 2vw;
  }

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

  #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: 1vw;
    margin-top: 1vw;
  }

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

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

  .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: 0.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: 0.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.1vw;
    height: 6.6vw;
    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.6vw;
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    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;
  }
}