/* Hero Section CSS */

 /* General Hero Styles */

 .img-wrapper {
  max-width: 100%;
  height: 65vw;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
img {
  max-width: 100%;
  max-height: 100%;
}
/*@media screen and (min-width: 576px) {
  .carousel-inner {
    display: flex;
  }
  .carousel-item {
    display: block;
    margin-right: 0;
    flex: 0 0 calc(100% / 2);
  }
  .img-wrapper {
    height: 21vw;
  }
}
.carousel-inner {
  padding: 1em;
}*/
.card {
  margin: 0 0.5em;
  border-radius: 0;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  font-size: 0.9em;
}

/* Contenedor para la animación */
#lottie-container {
  width: 50%; /* Tamaño adaptable al ancho de la pantalla */
  max-width: 400px; /* Tamaño máximo */
  min-width: 150px; /* Tamaño mínimo */
  aspect-ratio: 1; /* Mantener proporción cuadrada */
}

/* Contenedor para la animación */
#lottie-containerMobile {
  width: 50%; /* Tamaño adaptable al ancho de la pantalla */
  max-width: 400px; /* Tamaño máximo */
  min-width: 150px; /* Tamaño mínimo */
  aspect-ratio: 1; /* Mantener proporción cuadrada */
 }

 /* Contenedor para la animación */
#lottie-containerDificultad {
  width: 50%; /* Tamaño adaptable al ancho de la pantalla */
  max-width: 400px; /* Tamaño máximo */
  min-width: 150px; /* Tamaño mínimo */
  aspect-ratio: 1; /* Mantener proporción cuadrada */
}

 /* Contenedor para la animación */
 #lottie-containerDificultadMobile {
  width: 50%; /* Tamaño adaptable al ancho de la pantalla */
  max-width: 400px; /* Tamaño máximo */
  min-width: 150px; /* Tamaño mínimo */
  aspect-ratio: 1; /* Mantener proporción cuadrada */
}

/* Contenedor para la animación */
#lottie-containerImpacto {
  width: 50%; /* Tamaño adaptable al ancho de la pantalla */
  max-width: 400px; /* Tamaño máximo */
  min-width: 150px; /* Tamaño mínimo */
  aspect-ratio: 1; /* Mantener proporción cuadrada */
}

/* Contenedor para la animación */
#lottie-containerImpactoMobile  {
  width: 50%; /* Tamaño adaptable al ancho de la pantalla */
  max-width: 400px; /* Tamaño máximo */
  min-width: 150px; /* Tamaño mínimo */
  aspect-ratio: 1; /* Mantener proporción cuadrada */
}

/* Contenedor para la animación */
#lottie-containerValor {
  width: 50%; /* Tamaño adaptable al ancho de la pantalla */
  max-width: 400px; /* Tamaño máximo */
  min-width: 150px; /* Tamaño mínimo */
  aspect-ratio: 1; /* Mantener proporción cuadrada */
}

/* Contenedor para la animación */
#lottie-containerValorMobile  {
  width: 50%; /* Tamaño adaptable al ancho de la pantalla */
  max-width: 400px; /* Tamaño máximo */
  min-width: 150px; /* Tamaño mínimo */
  aspect-ratio: 1; /* Mantener proporción cuadrada */
}

/* Contenedor para la animación */
#lottie-containerRentabilidad {
  width: 50%; /* Tamaño adaptable al ancho de la pantalla */
  max-width: 400px; /* Tamaño máximo */
  min-width: 150px; /* Tamaño mínimo */
  aspect-ratio: 1; /* Mantener proporción cuadrada */
}

/* Contenedor para la animación */
#lottie-containerRentabilidadMobile  {
  width: 50%; /* Tamaño adaptable al ancho de la pantalla */
  max-width: 400px; /* Tamaño máximo */
  min-width: 150px; /* Tamaño mínimo */
  aspect-ratio: 1; /* Mantener proporción cuadrada */
}

/* Contenedor para la animación */
#lottie-containerExperiencia {
  width: 50%; /* Tamaño adaptable al ancho de la pantalla */
  max-width: 400px; /* Tamaño máximo */
  min-width: 150px; /* Tamaño mínimo */
  aspect-ratio: 1; /* Mantener proporción cuadrada */
}

/* Contenedor para la animación */
#lottie-containerExperienciaMobile  {
  width: 50%; /* Tamaño adaptable al ancho de la pantalla */
  max-width: 400px; /* Tamaño máximo */
  min-width: 150px; /* Tamaño mínimo */
  aspect-ratio: 1; /* Mantener proporción cuadrada */
}

#headerEscritorio {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Transición para el movimiento y la opacidad */
  opacity: 1; /* Comienza visible */
}

#headerEscritorio.hidden {
  opacity: 0; /* Desaparece con opacidad 0 */
  transform: translateY(-100px); /* El header se mueve hacia arriba */
  transition: transform 0s ease-in-out, opacity 0.5s ease-in-out; /* Transición para el movimiento y la opacidad */
}

 .navbar-brand img {
   padding-left: 200px;
   height: 5vh;
 }

 .navbar {
   background-color: transparent !important;
   box-shadow: none;
   /* Sin sombra en el fondo */
   padding: 10px 15px;
 }

 .navbar {
  backdrop-filter: blur(600px); /* Valor inicial igual a minBlur */
  -webkit-backdrop-filter: blur(600px);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0.85) 40%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 30%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%);
}

 .navbar-brand img {
   height: 50px;
   object-fit: contain;
   transition: transform 0.3s ease;
   /* Animación de hover */
 }

 .navbar-brand img:hover {
   transform: scale(1.1);
   /* Efecto al pasar el mouse */
 }

 .nav-link {
   color: #000 !important;
   font-weight: 600;
   font-size: 1.1rem;
   transition: color 0.3s ease;
   padding: 0 15px;

 }

 /*.nav-link:hover {
   color: #28a745 !important;
 }*/

 .navbar-toggler {
   border: none;
 }

 .contactanos {
   padding-right: 5vw;
 }

 .contactanos a {
   background-color: #7BFCC6;
   /* Color de fondo */
   border-radius: 160px;
   /* Bordes redondeados */
   text-decoration: none;
   /* Sin subrayado */
   display: flex;
   align-items: center;
   gap: 8px;
   /* Espaciado entre texto y flecha */
   font-family: 'Fira Sans', sans-serif;
   height: 52px;
   width: 175px;
   text-align: center;
   position: relative;
   animation: shadowPulse 2s ease-in-out infinite;
   /* Animación de sombra pulsante */
 }

 @keyframes shadowPulse {
   0% {
     box-shadow: 0 4px 8px rgba(123, 252, 198, 0.3);
     /* Sombra débil en el mismo color que el botón */
   }

   50% {
     box-shadow: 0 12px 24px rgba(123, 252, 198, 0.6);
     /* Sombra más fuerte y difusa */
   }

   100% {
     box-shadow: 0 4px 8px rgba(123, 252, 198, 0.3);
     /* Vuelve a la sombra débil */
   }
 }

 .contactanos a:hover {
   transform: translateY(-2px);
   /* Efecto de elevación al pasar el mouse */
 }


 .contactanos a:hover {
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
   /* Sombra más prominente al hacer hover */
   transform: translateY(-2px);
   /* Efecto de elevación al pasar el mouse */
 }


 /* Botón de Contáctanos */
 .btn-contact {
   background-color: #7BFCC6;
   /* Color de fondo */
   color: #fff;
   /* Texto en blanco */
   font-weight: bold;
   /* Negrita */
   padding: 10px 15px;
   /* Espaciado interno */
   border-radius: 20px;
   /* Bordes redondeados */
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   /* Animaciones */
   text-decoration: none;
   /* Sin subrayado */
   display: flex;
   align-items: center;
   gap: 8px;
   /* Espaciado entre texto y flecha */
   font-family: 'Fira Sans', sans-serif;
 }

 /* Hover del Botón */
 .btn-contact:hover {
   transform: scale(1.05);
   /* Aumenta ligeramente de tamaño */
   box-shadow: 0 5px 15px rgba(67, 230, 178, 0.4);
   /* Sombra */
 }

 /* Flecha */
 .arrow {
   font-size: 1.2rem;
   /* Tamaño de la flecha */
   transform: rotate(85deg);
   /* Rotación inicial */
   transition: transform 0.3s ease, margin-left 0.3s ease;
   /* Animaciones suaves */
 }

 /* Hover en la Flecha */
 .btn-contact:hover .arrow {
   transform: rotate(5deg) translate(-3px, -3px);
   /* Nueva posición al hacer hover */
   margin-left: 10px;
   /* Espaciado adicional */
 }


 .mx-auto {
   display: flex;
   justify-content: center;
   /* Centra horizontalmente */
 }

 #tuNegocio {
   background-image: url('./assets/img/wavers_hero 1.png');
 }


 /* Cursor blinking effect */
 .blur-reveal .blink::before {
   content: '_';
   display: inline-block;
   animation: blink 1s steps(2, start) infinite;
 }

 @keyframes blink {

   0%,
   50% {
     opacity: 1;
   }

   50.1%,
   100% {
     opacity: 0;
   }
 }

 ::selection {
  color: #244B43;
}

::-moz-selection {
  color: #244B43;
}

 /* Buttons Styling */
 #Hero .d-flex {
   margin-top: 3rem;
   /* Ajustar espacio entre texto y botones */
 }

 #Hero a.btn-5 {
   color: #244;
   padding: 0.8rem 2rem;
   transition: all 0.3s ease-in-out;
 }

 #Hero a.btn-5:hover {
   background-color: #66cbbf;
   color: #000;
 }

 .btn-5 img {
   height: 2vh;
   padding-left: 0.8vw;
   padding-bottom: 0.5vh;
 }

 /* Mobile Button */
 .blur-reveal.btn {
   text-align: center;
   display: block;
   margin: 2rem auto 0;
 }

 /* Space below for buttons */
 #Hero .mouse-container {
   margin-top: 1rem;
   /* Incrementa la distancia de los botones inferiores */
 }

 .mouse {
   /*background: #c3c9cc00 linear-gradient(transparent 0%, transparent 50%, #A2D9C2 50%, #A2D9C2 100%);*/
   position: relative;
   width: 47px;
   height: 71px;
   border-radius: 100px;
   background-size: 100% 200%;
   border: 3px solid #244B43;
   animation: nudgeMouse 5s ease-out infinite;
 }

 .mouse:before,
 .mouse:after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
 }

 .mouse:before {
   width: 37px;
   height: 71px;
   /*background: linear-gradient(500deg, #b1afaf00, #a1a1a1);*/
   border-radius: 100px;
 }

 .mouse:after {
   content: "";
   width: 12px;
   height: 12px;
   border: solid #244B43;
   border-width: 0 3px 3px 0;
   bottom: 20%;
   /* Posiciona la flecha dentro del contenedor */
   transform: rotate(45deg);
   animation: trackBallSlide 5s linear infinite;
 }

 @keyframes colorSlide {
   0% {
     background-position: 0% 100%;
   }

   20% {
     background-position: 0% 0%;
   }

   21% {
     background-color: #244b43;
   }

   29.99% {
     background-color: #a2d9c2;
     background-position: 0% 0%;
   }

   30% {
     background-color: #244b43;
     background-position: 0% 100%;
   }

   50% {
     background-position: 0% 0%;
   }

   51% {
     background-color: #244b43;
   }

   59% {
     background-color: #a2d9c2;
     background-position: 0% 0%;
   }

   60% {
     background-color: #244b43;
     background-position: 0% 100%;
   }

   80% {
     background-position: 0% 0%;
   }

   81% {
     background-color: #244b43;
   }

   90%,
   100% {
     background-color: #a2d9c2;
   }
 }

 @keyframes trackBallSlide {
   0% {
     opacity: 1;
     transform: translateY(-10px) rotate(45deg) scale(1);
   }

   6% {
     opacity: 1;
     transform: translateY(5px) rotate(45deg) scale(0.9);
   }

   14% {
     opacity: 0;
     transform: translateY(40px) rotate(45deg) scale(0.4);
   }

   15%,
   19% {
     opacity: 0;
     transform: translateY(-10px) rotate(45deg) scale(0.4);
   }

   28%,
   29.99% {
     opacity: 1;
     transform: translateY(-10px) rotate(45deg) scale(1);
   }

   30% {
     opacity: 1;
     transform: translateY(-10px) rotate(45deg) scale(1);
   }

   36% {
     opacity: 1;
     transform: translateY(5px) rotate(45deg) scale(0.9);
   }

   44% {
     opacity: 0;
     transform: translateY(40px) rotate(45deg) scale(0.4);
   }

   45%,
   49% {
     opacity: 0;
     transform: translateY(-10px) rotate(45deg) scale(0.4);
   }

   58%,
   59.99% {
     opacity: 1;
     transform: translateY(-10px) rotate(45deg) scale(1);
   }

   60% {
     opacity: 1;
     transform: translateY(-10px) rotate(45deg) scale(1);
   }

   66% {
     opacity: 1;
     transform: translateY(5px) rotate(45deg) scale(0.9);
   }

   74% {
     opacity: 0;
     transform: translateY(40px) rotate(45deg) scale(0.4);
   }

   75%,
   79% {
     opacity: 0;
     transform: translateY(-10px) rotate(45deg) scale(0.4);
   }

   88%,
   100% {
     opacity: 1;
     transform: translateY(-10px) rotate(45deg) scale(1);
   }
 }

 @keyframes nudgeMouse {
   0% {
     transform: translateY(0);
   }

   20% {
     transform: translateY(8px);
   }

   30% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(8px);
   }

   60% {
     transform: translateY(0);
   }

   80% {
     transform: translateY(8px);
   }

   90% {
     transform: translateY(0);
   }
 }

 /* General styles */
 .nav-link {
   color: #000;
   background-color: transparent;
   transition: background-color 0.3s ease;
   /* Suavidad en la transición */
 }

 /* Estilo para el enlace activo */
 .nav-link.active {
   color: #000;
   background-color: #e0e0e0;
   border-radius: 5px;
 }

 /* Estilo al pasar el mouse por el enlace */
 /*.nav-link:hover {
   background-color: #d4d4d4;
   color: #000;
   border-radius: 5px;
 }*/

 body {
   background: linear-gradient(to right, rgba(218, 236, 232, 1), rgba(247, 247, 247, 1));
   background: linear-gradient(to bottom, rgba(218, 236, 232, 1), rgba(247, 247, 247, 1));
   min-height: 100vh;
   margin: 0;
   padding: 0;
   position: relative;
   font-family: 'fira sans' !important;
   color: #244B43 !important;
   overflow-x: hidden !important;
 }

.grain {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -10;
  pointer-events: none;
  opacity: 0; /* Inicialmente invisible */
  transition: opacity 0.5s ease; /* Transición suave */
}

.grain.loaded {
  opacity: 1; /* Se hace visible cuando se añade la clase */
}

.grain:before {
  content: "";
  top: -10rem;
  left: -10rem;
  width: calc(100% + 20rem);
  height: calc(100% + 20rem);
  z-index: 9999;
  position: fixed;
  background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/5c/Image_gaussian_noise_example.png);
  opacity: 0.15;
  pointer-events: none;
  animation: noise 1s steps(2) infinite;
}

@keyframes noise {
  0% { transform: translate3d(0,9rem,0); }
  10% { transform: translate3d(-1rem,-4rem,0); }
  20% { transform: translate3d(-8rem,2rem,0); }
  30% { transform: translate3d(9rem,-9rem,0); }
  40% { transform: translate3d(-2rem,7rem,0); }
  50% { transform: translate3d(-9rem,-4rem,0); }
  60% { transform: translate3d(2rem,6rem,0); }
  70% { transform: translate3d(7rem,-8rem,0); }
  80% { transform: translate3d(-9rem,1rem,0); }
  90% { transform: translate3d(6rem,-5rem,0); }
  100% { transform: translate3d(-7rem,0,0); }
}

 section {
   position: relative;
   z-index: 1;
   background: transparent;
 }

 .slider {
   overflow: hidden;
   white-space: nowrap;
   position: relative;
   display: flex;
   width: 100%;
 }

 .logos {
   flex-shrink: 0;
   display: flex;
   justify-content: space-between;
   width: 100%;
   /* Evita que los contenedores se reduzcan */
   /*animation: slide-infinite 30s linear infinifte;*/
   /* Animación infinita */
 }

 .logos img {
   width: 9rem;
   /* 6 logos with 30px margin between */
   height: 90px;
   object-fit: contain;
   margin: 0 2rem;
 }


 /* Container Nuestra metodologia */
 /* Contenedor con el tamaño específico y alineación a la izquierda */
 .scroll-container {
   width: 100%;
   /* Contenedor ocupe el ancho completo */
   max-width: 484px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: fit-content;
   overflow: hidden;
   /* Espacio para la barra de progreso */
   position: relative;
 }

 /* Barra de fondo general */
 .scroll-progress-container {
   position: absolute;
   left: 0;
   /* Alineada a la izquierda */
   top: 0;
   bottom: 0;
   width: 3px;
   /* Ancho de la barra de fondo */
   background-color: #CCDFDB;
   /* Color de fondo */
   /*z-index: 1; /* Barra general detrás de las barras individuales */
   border-radius: 5px;
 }

 /* Asegúrate de que .point tenga una altura válida */
 .point {
   position: relative;
   min-height: 24px;
   /* Altura mínima para el contenedor */
 }

 /* El contenedor de la barra de progreso debe tener 100% de la altura de .point */
 .progress-container {
   position: absolute;
   top: 0;
   left: 0;
   width: 3px;
   /* Ancho de la barra */
   height: 100%;
   /* 100% de la altura de .point */
   z-index: 2;
   /* Encima de la barra de fondo */
 }

 /* Barra de progreso */
 .progress-bar {
   position: absolute;
   top: 0;
   width: 100%;
   height: 0;
   /* Inicialmente vacío, se llenará dinámicamente */
   background-color: #4caf50;
   /* Color de la barra de progreso */
   border-radius: 5px;
   transition: height 1s ease-in-out;
   /* Animación de la barra */
   opacity: 1;
   /* Asegúrate de que la barra sea completamente visible */
 }

 :root {
   --bs-progress-bar-bg: #7FEE28;
   /* Fondo */
 }

 .point h5 {
   margin: 0;
   margin-left: 10px;
   cursor: pointer;
 }

 .point:not(.active):hover {
   filter: brightness(2);
 }

 /* Secciones individuales */
 .point {
   text-align: left;
   transition: opacity 0.3s ease;
   /* Efecto de opacidad suave */
   font-size: 1.25rem;
   /* Tamaño del texto */
   line-height: 1.5;
   /* Espaciado entre líneas */
   font-weight: 400;
   color: #4a4a4a;
 }

 /* Clase para desvanecer las secciones inactivas */
 .inactive {
   opacity: 0.3;
 }

 /* Asegura que el texto no se desborde y se ajuste al ancho del contenedor */
 .scroll-container p {
   word-wrap: break-word;
   word-break: break-word;
   margin: 0;
 }

 .scroll-container .point p {
   margin-bottom: 10px;
   margin-left: 10px;
 }

 /* Estilo inicial: los párrafos están ocultos */
 .hidden {
   display: none;
 }

 /* Estilo cuando un punto está activo */
 .active p {
   display: block;
 }

 /* Container Nuestra metodologia */
 /* Efecto para que aparezcan los elementos de abajo hacia arriba */
 .line {
   opacity: 0;
   transform: translateY(50px);
   transition: all 0.8s ease-in-out;
 }

 .line.visible {
   opacity: 1;
   transform: translateY(0);
 }

 /* Efecto para que aparezcan de abajo hacia arriba */
 /* Efecto blur */
 /* Estado inicial con opacidad baja, desenfoque y desplazamiento hacia la izquierda */
 .blur-reveal {
   opacity: 0;
   transform: translateY(50px);
   /* Mueve los botones hacia la izquierda */
   filter: blur(5px);
   /* Agrega desenfoque */
   transition: all 1.8s ease-out, filter 1.8s ease-out;
 }

 /* Estado visible */
 .blur-reveal.visible {
   opacity: 1;
   transform: translateX(0);
   filter: blur(0);
 }

 .blur-text {
   width: 70vw;
   max-width: 1000px;
   min-width: 300px;
   line-height: 1.2;
   font-family: "instrument-sans-variable", sans-serif;
   font-size: clamp(1.5rem, 5vw, 3rem);
 }

 .blur-text--1 {
   font-variation-settings: "wght" 420, "wdth" 100;
   letter-spacing: -0.05em;
 }

 /* Efecto blur */
 /* Columna de Imagen Sticky */
 .sticky-image {
   position: sticky;
   top: 15vh;
   /* Ajustado a 0 para que se mueva con el scroll */
   display: flex;
   justify-content: center;
   align-items: center;
   height: auto;
   /* Cambié a auto para que no ocupe toda la altura */
   z-index: 10;
   /* Asegura que la imagen quede por encima del contenido */
 }

 .sticky-image img {
   width: 50vw;
   /* Establece el ancho */
   height: auto;
   /* Ajusté para mantener la relación de aspecto */
   object-fit: cover;
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
 }

 .section-height-892 {
   display: flex;
   /* Flexbox para alinear el contenido */
   flex-direction: column;
   /* Alinea los elementos en columna */
   gap: 10px;
   /* Espacio entre elementos */
 }

 #methodology-image {
   /* Hace que la imagen sea flexible */
   width: 53.02083vw;
   height: 40.47917vw;
   /* Mantiene la relación de aspecto */
   text-align: initial;
   transition: opacity 1s ease-in-out;
   opacity: 1;
 }


 /* Animación del slider infinito */
 @keyframes slide-infinite {
   from {
     transform: translate3d(0, 0, 0);
   }

   to {
     transform: translate3d(-100%, 0, 0);
   }
 }

 /* Cambiar el cursor */
 .custom-cursor {
   cursor: url('../assets/img/arrowcursor.png') 10 10, auto;
 }

 .custom-cursor:hover {
   transform: scale(1.05);
   border-radius: 3.5px;
   transition: transform 0.3s ease;
 }

 /* Efecto blur imagen cursor*/
 .area-container {
   position: relative;
   width: 61.5%;
   height: auto;
   overflow: hidden !important;
   padding: 0% !important;
 }


 .circle {
   position: absolute;
   width: 4vw;
   height: 4vw;
   background: rgba(0, 0, 0, 0.3);
   opacity: 5%;
   border-radius: 50%;
   backdrop-filter: blur(4px);
   -webkit-backdrop-filter: blur(4px);
   will-change: transform;
   pointer-events: none;
   z-index: 999;
   transform: translate(-50%, -50%);
 }
 .circle::after {
  content: '';
  position: absolute;
  width: 1.4vw; /* Largo del palito */
  height: 3px; /* Grosor del palito */
  background-color: rgb(255, 255, 255); /* Color del palito */
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg); /* Orientación hacia el noreste */
}

.circle::before {
  content: '';
  position: absolute;
  width: 1vw; /* Largo de la punta */
  height: 1vw; /* Largo de la punta */
  border-right: 3px solid rgb(255, 255, 255); /* Línea diagonal derecha de la punta */
  border-top: 3px solid rgb(255, 255, 255); /* Línea diagonal superior de la punta */
  top: 50%; /* Posición de la punta */
  left: 50%; /* Posición de la punta */
  transform: translate(-50%, -50%) rotate(0deg); /* Orientación de la punta */
}

 /* Efecto blur imagen cursor*/
 /* Cambiar el cursor */
 .team-member img {
   transition: transform 0.3s ease;
   cursor: pointer;
 }

 .team-member img:hover {
   transform: scale(1.05);
   border-radius: 3.5px;
 }

 .nuestroBtn {
   color: #000;
   border: 0 solid;
   background-color: rgba(255, 255, 255, 50%);
   text-shadow: none;
   text-decoration: none;
   border-radius: 78px;
   transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
   z-index: 1;
   position: relative;
   transform: perspective(1px) translateZ(0);
   transition: 0.4s;
   display: inline-block;
	 overflow: hidden;
 }

 a.nuestroBtn {
   color: #244;
   padding: 1rem;
   padding-left: 1.6rem;
   padding-right: 1.6rem;
   transition: all 0.3s ease-in-out;
 }

 a.nuestroBtn::before{
  content: "";
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0;

 }

 .nuestroBtn::before {
	background: #FFFFFFE5;
	clip-path: inset(0 100% 0 0);
	opacity: 1;
	transition: 0.4s;
}

.nuestroBtn:hover::before {
	clip-path: inset(0 0 0 0);
}

.nuestroBtn:hover {
	color: #244B43;
	box-shadow: 0 0 0 10px rgba(250, 250, 250, 0.1)
}

 .hablemosBtn {
   color: #000;
   border: 0 solid;
   background-color: rgba(255, 255, 255, 50%);
   text-shadow: none;
   text-decoration: none;
   border-radius: 78px;
   transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
 }

 a.hablemosBtn {
   color: #244;
   padding: 1rem;
   padding-left: 4rem;
   padding-right: 4rem;
   transition: all 0.3s ease-in-out;
 }


 .agendaBtn {
   background-color: #7BFCC6;
   color: #000;
   border: 0 solid;
   box-shadow: inset 0 0 20px rgba(123, 252, 198, 0);
   /* Ondas iniciales invisibles */
   outline: 1px solid;
   outline-color: rgba(123, 252, 198, 0.5);
   outline-offset: 0px;
   text-shadow: none;
   text-decoration: none;
   border-radius: 78px;
   padding: 10px 30px;
   transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
   box-shadow: 0 12px 24px rgba(123, 252, 198, 0.6);
   transform: perspective(1px) translateZ(0);
   transition: 0.4s;
   display: inline-block;
	 overflow: hidden;
 }

 a.agendaBtn::before{
  content: "";
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0;

 }

 .agendaBtn::before {
	background: #D1FFEC;
	clip-path: inset(0 100% 0 0);
	opacity: 1;
	transition: 0.4s;
}

.agendaBtn:hover::before {
	clip-path: inset(0 0 0 0);
}

.agendaBtn:hover {
	color: #244B43;
	box-shadow: 0px 1.56vw 2.81vw #55CBBF80;
  border: transparent;
}

 a.agendaBtn {
   color: #244;
   padding: 1rem;
   padding-left: 1.6rem;
   padding-right: 1.6rem;
   transition: all 0.3s ease-in-out;
 }

 .agendaBtn img {
   height: 0.8vw;
   padding-left: 0.4vw;
   padding-bottom: 0.5vh;
 }

 .dejanosBtn1 {
  background-color: #7BFCC6;
  color: #000;
  border: 0 solid;
  box-shadow: inset 0 0 20px rgba(123, 252, 198, 0);
  /* Ondas iniciales invisibles */
  outline: 1px solid;
  outline-color: rgba(123, 252, 198, 0.5);
  outline-offset: 0px;
  text-shadow: none;
  text-decoration: none;
  border-radius: 78px;
  padding: 10px 30px;
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0 12px 24px rgba(123, 252, 198, 0.6);
  height: 3.07396vw !important;
  width: 13.65417vw !important;
  transform: perspective(1px) translateZ(0);
  transition: 0.4s;
  display: inline-block;
  overflow: hidden;
}

a.dejanosBtn1::before{
 content: "";
 position: absolute;
 z-index: -1;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0;
}

.dejanosBtn1::before {
 background: #D1FFEC;
 clip-path: inset(0 100% 0 0);
 opacity: 1;
 transition: 0.4s;
}

.dejanosBtn1:hover::before {
 clip-path: inset(0 0 0 0);
}

.dejanosBtn1:hover {
 color: #244B43;
 box-shadow: 0px 1.56vw 2.81vw #55CBBF80;
 border: transparent;
}

 .dejanosBtn {
   background-color: #7BFCC6;
   color: #000;
   border: 0 solid;
   box-shadow: inset 0 0 20px rgba(123, 252, 198, 0);
   /* Ondas iniciales invisibles */
   outline: 1px solid;
   outline-color: rgba(123, 252, 198, 0.5);
   outline-offset: 0px;
   text-shadow: none;
   text-decoration: none;
   border-radius: 78px;
   padding: 10px 30px;
   transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
   box-shadow: 0 12px 24px rgba(123, 252, 198, 0.6);
   height: 3.07396vw !important;
   width: 15.65417vw !important;
   transform: perspective(1px) translateZ(0);
   transition: 0.4s;
   display: inline-block;
	 overflow: hidden;
 }

 a.dejanosBtn::before{
  content: "";
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0;

 }

 .dejanosBtn::before {
	background: #D1FFEC;
	clip-path: inset(0 100% 0 0);
	opacity: 1;
	transition: 0.4s;
}

.dejanosBtn:hover::before {
	clip-path: inset(0 0 0 0);
}

.dejanosBtn:hover {
	color: #244B43;
	box-shadow: 0px 1.56vw 2.81vw #55CBBF80;
  border: transparent;
}

 a.dejanosBtn {
   font-size: 0.9375vw !important;
   color: #244;
   padding: 0.83333vw 1.25vw;
   transition: all 0.3s ease-in-out;
 }

 a.dejanosBtn1 {
  font-size: 0.9375vw !important;
  color: #244;
  padding: 0.83333vw 1.25vw;
  transition: all 0.3s ease-in-out;
}

 .dejanosBtn1 img {
  height: 0.8vw;
  padding-left: 0.4vw;
  padding-bottom: 0.5vh;
}

 .dejanosBtn img {
   height: 0.8vw;
   padding-left: 0.4vw;
   padding-bottom: 0.5vh;
 }

.platiquemosBtn {
  display: flex;
  justify-content: center;
  background-color: #7BFCC6;
  color: #000;
  border: 0 solid;
  box-shadow: inset 0 0 20px rgba(123, 252, 198, 0);
  /* Ondas iniciales invisibles */
  outline: 1px solid;
  outline-color: rgba(123, 252, 198, 0.5);
  outline-offset: 0px;
  text-shadow: none;
  text-decoration: none;
  border-radius: 78px;
  padding: 10px 30px;
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0 12px 24px rgba(123, 252, 198, 0.6);
  transform: perspective(1px) translateZ(0);
  transition: 0.4s;
  display: inline-block;
  overflow: hidden;
}

a.platiquemosBtn::before{
  content: "";
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0;

 }

 .platiquemosBtn::before {
	background: #D1FFEC;
	clip-path: inset(0 100% 0 0);
	opacity: 1;
	transition: 0.4s;
}

.platiquemosBtn:hover::before {
	clip-path: inset(0 0 0 0);
}

.platiquemosBtn:hover {
	color: #244B43;
	box-shadow: 0 0 0 10px rgba(250, 250, 250, 0.1)
}

 a.platiquemosBtn {
  color: #244;
  padding: 1rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  transition: all 0.3s ease-in-out;
  font-size: 0.9375vw !important;
}
.platiquemosBtn img {
  width: 0.9375vw !important;
  padding-left: 0.4vw;
  padding-bottom: 0.5vh;
}


 /* Cambiar el cursor */
 /* Boton */
 .btn-5 {
   background-color: #7BFCC6;
   color: #000;
   border: 0 solid;
   box-shadow: inset 0 0 20px rgba(123, 252, 198, 0);
   /* Ondas iniciales invisibles */
   outline: 1px solid;
   outline-color: rgba(123, 252, 198, 0.5);
   outline-offset: 0px;
   text-shadow: none;
   text-decoration: none;
   border-radius: 78px;
   padding: 10px 30px;
   transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
 }

 .btn-5:hover {
   background-color: #65E6B4;
   box-shadow: inset 0 0 20px rgba(123, 252, 198, 0.5),
     /* Ondas internas */
     0 0 20px rgba(123, 252, 198, 0.3);
   /* Ondas externas */
   outline-color: rgba(123, 252, 198, 0);
   /* Quita el color del contorno */
   outline-offset: 15px;
   text-shadow: none;
   text-decoration: none;
   color: #000;
 }

 /* Boton */
 /* Pagina productos*/
 #ProductPage {
   background: linear-gradient(180deg, #DAECE8, #F7F7F7) !important;
   font-family: 'Fira Sans' !important;
   color: #244B43 !important;
 }

 #checkId {
   width: 95%;
   margin-left: 5%;
 }

 .ProductosTipo1 {
   width: 95%;
   margin-left: 5%;
 }

 .Productos {
   overflow: hidden;
   background-color: transparent;
 }

 .cuadroProducto {
   margin-right: 0% !important;
   padding-right: 0% !important;
 }

 .columnaIzq {
   padding-left: 5% !important;
 }

 #girador {
   padding-top: 0vw;
   padding-bottom: 10vw;
 }

 .img-logo {
   object-fit: contain;
   padding-top: 2.5vw;
   width: 13.07vw;
   height: auto;
 }

 .img-logo-unity {
   object-fit: contain;
   padding-top: 2.5vw;
   width: 11.77vw;
   height: auto;
 }

 .img-logo-inbolt {
   object-fit: contain;
   padding-top: 2.5vw;
   width: 10.99vw;
   height: auto;
 }

 .img-logo-canicasync {
   object-fit: contain;
   padding-top: 2.5vw;
   width: 18.85vw;
   height: auto;
 }

 .img-logo-alis {
   object-fit: contain;
   padding-top: 2.5vw;
   width: 8.49vw;
   height: auto;
 }

 .img-logo-legaxtech {
   object-fit: contain;
   padding-top: 1vw;
   width: 20.21vw;
   height: auto;
 }

 .img-logo-premium {
   object-fit: contain;
   padding-top: 1vw;
   width: 14.9vw;
   height: auto;
 }

 .textoProductos p {
   font-weight: 275;
   font-size: 3.125vw;
   line-height: 2.75vw;
 }

 .textoProductos b {
   font-weight: 400;
   font-style: italic;
   font-size: 3.125vw;
   line-height: 2.75vw;
 }

 .cuadros {
   gap: 0.8333vw;
 }

 .cuadro {
   background-color: rgba(255, 255, 255, 0);
   border: 1px solid #244B43;
   border-radius: 12px;
   width: 12.45vw;
   height: 5.1vw;
   color: #244B43;
   font-family: 'Fira Sans';
 }

 .cuadroCFDI {
   width: 16.7vw !important;
 }

 .cuadroInbolt2 {
   width: 17.15vw !important;
 }

 .cuadroAlis {
   width: 15.42vw !important;
 }

 .cuadroAlis2 {
   width: 17.67vw !important;
 }

 .cuadroLegax2 {
   width: 20.51vw !important;
   height: 6.77vw !important;
 }

 .cuadroPremium {
   width: 18.46vw !important;
   height: 5.1vw !important;
 }

 .cuadroPremium2 {
   width: 20.11vw !important;
   height: 6.77vw !important;
 }

 .infoCuadro {
   width: 100%;
 }

 .cuadro p {
   font-weight: 500;
   font-size: 1.77vw;
   line-height: 3.28vw;
 }

 .cuadro span {
   display: block;
   margin-top: -1.7vw;
   font-weight: 300;
   font-size: 1.1vw;
   line-height: 3.28vw;
 }

 .img-icono {
   width: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .img-icono img {
   width: auto;
   height: 1.82vw;
   vertical-align: middle;
 }

 .img-cfdi {
   width: 35% !important;
 }

 .img-facturas {
   width: 36.2% !important;
 }

 .img-comercializadoras {
   width: 37.7% !important;
 }

 .img-frutaAlis {
   width: 32.7% !important;
 }

 .img-documento {
   width: 29% !important;
 }

 .img-usuariosPremium {
   width: 31.7% !important;
 }

 .img-documentoPremium {
   width: 28.5% !important;
 }

 .img-producto {
   max-width: 100%;
   width: 55.94vw;
   height: 46.46vw;
   border-top-left-radius: 2.08vw;
   border-bottom-left-radius: 2.08vw;
   background-color: #CCDFDB;
   overflow: hidden;
   cursor: none;
 }

 .img-productoIzq {
   max-width: 100%;
   width: 55.94vw;
   height: 46.46vw;
   border-top-right-radius: 2.08vw;
   border-bottom-right-radius: 2.08vw;
   background-color: #CCDFDB;
   overflow: hidden;
   cursor: none;
 }

 .imagenCheck1 {
   position: absolute;
   width: auto;
   height: 41.54vw;
   bottom: 0;
   right: 0;
 }

 .imagenCheck2 {
   position: absolute;
   width: auto;
   height: 36.7vw;
   bottom: 0;
   right: 25.8vw;
 }

 .imagenProducto1, .imagenProducto2{
  transition: transform 0.1s ease-out; /* Para suavizar los movimientos */
  will-change: transform; /* Mejora el rendimiento del parallax */
 }

 .imagenUnity1 {
   position: absolute;
   width: auto;
   height: 42.94vw;
   bottom: 0;
   right: 0;
 }

 .imagenUnity2 {
   position: absolute;
   width: auto;
   height: 39.3vw;
   bottom: 0;
   left: 0;
 }

 .imagenInbolt1 {
   position: absolute;
   width: auto;
   height: 41.54vw;
   bottom: 0;
   right: 0;
 }

 .imagenInbolt2 {
   position: absolute;
   width: 26.65vw;
   height: 36.9vw;
   bottom: 0;
   left: 4.2vw;
 }

 .imagenCanicaSync1 {
   position: absolute;
   width: auto;
   height: 43.34vw;
   bottom: 0;
   right: 0;
   left: 3.5vw;
 }

 .imagenCanicaSync2 {
   position: absolute;
   width: 24.79vw;
   height: 37.5vw;
   bottom: 0;
   right: 0;
 }

 .imagenAlis1 {
   position: absolute;
   width: auto;
   height: 41.54vw;
   bottom: 0;
   right: 0;
 }

 .imagenAlis2 {
   position: absolute;
   width: auto;
   height: 37.3vw;
   bottom: 0;
   left: 4.7vw;
 }

 .imagenLegaxTech1 {
   position: absolute;
   width: 47.65vw;
   height: 42.4vw;
   bottom: 2vw;
   right: 0;
 }

 .imagenLegaxTech2 {
   position: absolute;
   width: auto;
   height: 37.4vw;
   bottom: 0;
   left: 0;
 }

 .imagenPremiumCon1 {
   position: absolute;
   width: 42.95vw;
   height: 42.4vw;
   bottom: 0;
   right: 0;
 }

 .imagenPremiumCon2 {
   position: absolute;
   width: auto;
   height: 38.5vw;
   bottom: 0;
   left: 2.2vw;
 }

 .boton-conoce {
   height: 3.02vw;
   width: 8.91vw;
   background-color: #7BFCC6;
   color: #244B43;
   padding: 0.83vw 1.25vw;
   gap: 0.78vw;
   border-radius: 8.33vw;
   font-size: 0.94vw;
   font-family: 'Fira Sans';
   line-height: 1.45vw;
   font-weight: 400;
   text-decoration: none;
   box-shadow: 0px 1.56vw 2.81vw #55CBBF80;
   transform: perspective(1px) translateZ(0);
   transition: 0.4s;
   display: inline-block;
	 overflow: hidden;
 }

 a.boton-conoce::before{
  content: "";
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0;

 }

 .boton-conoce::before {
	background: #D1FFEC;
	clip-path: inset(0 100% 0 0);
	opacity: 1;
	transition: 0.4s;
}

.boton-conoce:hover::before {
	clip-path: inset(0 0 0 0);
}

.boton-conoce:hover {
	color: #244B43;
	box-shadow: 0px 1.56vw 2.81vw #55CBBF80;
  border: transparent;
}

 .material-symbols-rounded {
   font-family: 'Material Symbols Rounded' !important;
   color: #244B43;
   font-size: 0.78vw !important;
   vertical-align: middle;
 }

 .boton-distribuidor {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 3.02vw;
   width: 12.66vw;
   background-color: transparent;
   color: #244B43;
   padding: 0.94vw 1.46vw;
   gap: 0.52vw;
   border: 1px solid #244B43;
   border-radius: 9.64vw;
   font-size: 0.9vw;
   font-family: 'Fira Sans';
   line-height: 1.13vw;
   font-weight: 400;
   text-decoration: none;
   transform: perspective(1px) translateZ(0);
   transition: 0.4s;
   display: inline-block;
	 overflow: hidden;
 }

 a.boton-distribuidor::before{
  content: "";
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0;

 }

 .boton-distribuidor::before {
	background: #FFFFFFE5;
	clip-path: inset(0 100% 0 0);
	opacity: 1;
	transition: 0.4s;
}

.boton-distribuidor:hover::before {
	clip-path: inset(0 0 0 0);
}

.boton-distribuidor:hover {
	color: #244B43;
	box-shadow: 0 0 0 10px rgba(250, 250, 250, 0.1)
}

 .columnaDer {
   padding-right: 0% !important;
   padding-left: 0% !important;
 }

 .itemsProducto2 {
   margin-right: 0% !important;
 }

 .PartnersProductos {
   margin-right: 0% !important;
 }

 .partnersTexto {
   padding-top: 4vw;
   height: 4.06vw;
   font-size: 1.25vw;
   line-height: 1.98vw;
   font-weight: 400;
 }

 .partnersTexto b {
   font-weight: 500;
 }


 .partnersTextoServicio {
  padding-top: 4vw;
  height: 4.06vw;
  font-size: 1.25vw;
  line-height: 1.98vw;
  font-weight: 400;
}

.partnersTextoServicio b {
  font-weight: 500;
}


.logo-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: max-content;
}

.slider-trackProductos {
  display: flex;
  width: fit-content;
  animation: slide 30s linear infinite;
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.slider-container {
  width: 83.33vw !important;
  margin: 0 auto;
  overflow: hidden;
}

.slider-track {
  display: flex;
  width: max-content;
  animation: scroll 40s linear infinite;
}

.slider-content {
  display: flex;
  flex-wrap: nowrap;
  /*gap: 5vw;*/
  /*padding-top: 5vw;*/
  padding-right: 0% !important;
  align-items: center;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

 .slider-partners {
   width: 83.33vw !important;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 5vw;
   padding-top: 5vw;
   padding-right: 0% !important;
 }

 .icon-item {
   padding: 0.78125vw;
 }

 .icon-itempremium {
  padding: 0.78125vw 2.8vw 0.78125vw;
}

 .custom-logo {
   display: flex;
   width: 12.985vw;
   height: 4.6875vw;
   object-fit: contain;
   justify-content: center;
 }

 .custom-logopremium {
  display: flex;
  width: 10.985vw;
  height: 4.6875vw;
  object-fit: contain;
  justify-content: center;
}

 .order-6 {
   order: 6;
 }

 .order-7 {
   order: 7;
 }

 .order-8 {
   order: 8;
 }

 .order-9 {
   order: 9;
 }

 .order-10 {
   order: 10;
 }

 .order-11 {
   order: 11;
 }

 .order-12 {
   order: 12;
 }

 .order-13 {
   order: 13;
 }

 .order-14 {
   order: 14;
 }

 /* Pagina productos*/
 /*Pagina Contactanos*/
 #mensaje::placeholder {
   color: white;
   opacity: 1;
 }

 #mensaje {
   border: none;
   border-bottom: 1px solid white;
   border-radius: 0;
   background: transparent;
   color: white;
   padding-right: 30px;
   box-shadow: none;
 }

 .flecha {
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
   color: white;
   z-index: 10;
 }

 h1, h2, h3, h4, h5
 {
  font-family: Fira Sans !important;
  color: #244B43 !important;
 }

 a {
   font-family: Fira Sans !important;
 }

 span {
   font-family: Fira Sans !important;
 }

 h1.hero-titleService {
   font-family: Fira Sans !important;
   font-weight: 100;
   color: #244B43;
   line-height: 1;
   font-size: 64px;
   z-index: 1;
 }

 h1.hero-titleServiceOscuro {
   font-family: Fira Sans !important;
   font-weight: 100;
   color: white;
   line-height: 1;
   font-size: 64px;
   z-index: 1;
 }

 h1.negocio-title
 { 
  font-family: Fira Sans !important;
  color: #244B43 !important;
  font-weight: 300  !important;
  line-height: 3vw  !important;
  font-size: 3.025vw !important;
 }

 a.negocio-btn {
   border: none;
   padding-left: 0px;
   padding: 0 !important;
 }

img.negocio-btn
{
  height: 2.71146vw; 
  width: 6.94792vw !important;
}

 svg.flechasvg {
   height: 1.04167vw;
 }

 .flecha-carrusel {
   padding-left: 8vw;
 }

 p.negocio-texto
 { 
  font-family: Fira Sans !important;
  color: #244B43 !important;
  font-weight: 400  !important;
  line-height: 1.97917vw !important;
  font-size: 1vw !important;
 }

 .card{
  background-color: #A2B9B459 !important;
  height: 33.17708vw !important;
  border: none !important;
  width: 20vw;
  border-radius: 15px !important;
  border: none !important;
  padding: 1.40625vw !important;
  box-shadow: none !important;
}

 .card-box {
   background-color: #DAECE8;
   border-radius: 10px;
   width: 100%;
   overflow: hidden;
   height: 19.1667vw !important;
 }


h4.card-titulo
{
  font-family: Fira Sans !important;
  font-size: 1.6667vw !important;
  color: #244B43;
  font-weight: 400;
}

p.card-texto
{
  font-family: Fira Sans !important;
  font-size: 0.9375vw !important;
  color: #244B43;
}

p.enmas-texto
{
  font-family: Fira Sans !important;
  font-size: 1.25vw;
  line-height: 1.9792vw;
}


 b.hero-Negrita {
   font-style: italic;
 }

 h4.hero-subtitleService {
   font-family: Fira Sans !important;
   font-size: 18px;
   font-weight: 300;
   color: #244B43;
 }

 h4.hero-subtitleServiceOscuro {
   font-family: Fira Sans !important;
   font-size: 18px;
   font-weight: 300;
   color: white;
 }

 .espaciadoNumerosMobile div{
  margin-top: 1.5rem;
 }


 .body-background{
  min-height: 100vh; 
  background-image: url(''), linear-gradient(to bottom,#DAFFF7,white); 
  background-size: 140vh, cover; 
  background-position: top; 
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  overflow-x: hidden !important;
 }

 p.texto-parnerts
 {
  font-family: Fira Sans !important;
  font-size: 1.5rem;
  color: #244B43;
 }

 .body-background-products {
  min-height: 100vh;
  background-image: linear-gradient(180deg, #DAFFF7, #FFFFFF);
  background-size: 100%;  
  background-position: top, top, center;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-blend-mode: multiply;
  overflow-x: hidden !important;
 }

 .body-background-nosotros {
   min-height: 100vh;
   background-image: url('../assets/img/canica-degradado-nosotros.png');
   background-size: 140vh;
   background-position: top;
   background-repeat: no-repeat;
   background-blend-mode: multiply;
   background-color: rgba(218, 236, 232, 1);
 }

 p.texto-nuestros
 {
  font-family: Fira Sans !important;
  font-size: 1.25vw;
  line-height: 1.71875vw;
  color: #244B43;
 }

 h2.nuestros-titulo
 {
  color: #244B43;
  font-family: Fira Sans !important;
  padding-bottom: 7.5vh;
  font-weight: 100; 
  font-size: 3.125vw;
  line-height: 3.75vw;
 }

 h3.nuestros-numeros
 {
  color: #244B43;
  font-family: Fira Sans !important;
  padding-bottom: 7.5vh;
  font-weight: 400; 
  font-size: 5.2083vw;
  line-height: 6.25vw;
 }

 .filaNuestrosNumeros
 {
  width: 90vw;
  padding-bottom: 7.5vh;
 }

 #metodologia{
  height: 40.47917vw;;
  /* margin-left: 3vw; */
  width: 30vw;
 }

 #automatizacion{
  height: 40.47917vw;
  /* margin-left: 3vw;*/
  width: 30vw;
 }

 h2.metodologia-titulo
 {
  font-family: Fira Sans !important;
  color: #244B43 !important;
  font-weight: 300;
  font-size: 2.7vw;
  line-height: 3vw !important;
 }

 h2.metodologia-subtitulo
 {
  font-family: Fira Sans !important;
  color: #244B43 !important;
  font-weight: 300;
  font-size: 1.6667vw;
  line-height: 2.5vw !important;
 }

 p.metodologia-texto
 {
  font-family: Fira Sans !important;
  color: #244B43;
  font-weight: 300;
  font-size: 1.14583vw;
  line-height: 1.97917vw !important;
 }

 h5.metodologia-progress-subtitulo
 {
  font-size: 1.35417vw !important;
  font-weight: 300;
 }

 h5.metodologia-progress-titulo
 {
  font-family: Fira Sans !important;
  color: #244B43 !important;
  font-weight: 300;
 }

 p.metodologia-progress-texto
 {
  font-family: Fira Sans !important;
  color: #244B43 !important;
  font-weight: 300;
  font-size: 1vw;
 }

 .acompanamos-seccion div
 {
  margin-bottom: 18rem!important;
 }

 h3.numeroMobile
 {
  font-size: 19.0476vw;
  font-weight: 300 !important ;
  line-height: 22.8571vw;
 }


 /*.body-background-products{
  min-height: 100vh; 
  background-image: url('../assets/img/canica-degradado Productos.png'), url('../assets/img/wavers_servicio1.png'); 
  background-size: 140vh, contain; 
  background-position: top; 
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: rgba(218, 236, 232, 1);
 }*/

 .body-background-nosotros{
  min-height: 100vh; 
  background-image: url('../assets/img/canica-degradado-nosotros.png'); 
  background-size: 140vh; 
  background-position: top; 
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: rgba(218, 236, 232, 1);
 }

 .body-background-contactanos {
   min-height: 100vh;
   background-image: url('../assets/img/canica-degradado-contactanos.png');
   background-size: 140vh;
   background-position: top;
   background-repeat: no-repeat;
   background-blend-mode: multiply;
   background-color: rgba(218, 236, 232, 1);
 }

 .nuestro-section {
  background-image: url('../assets/img/mundo.png'); 
  background-size: 95vh, cover; 
  background-position: center, top; 
  background-repeat: no-repeat;
  height: auto;
}

.nuestro-sectionMobile
{
  background-image: url('../assets/img/mundo.png'); 
  background-size: 95vh, cover; 
  background-position: center, top; 
  background-repeat: no-repeat;
}

.imageNuestro img 
{
  min-height: 5.2552vw !important;
  max-height: 5.2552vw !important;
  max-width: 6vw;
}

.iconosHerramientas{
  width: 33vw;
}

.imageHerramientas img
{
  min-height: 2.44844vw !important;
  max-height: 2.44844vw !important;
}

.metodologiaAutomatizar
{
  margin-top: 8rem; 
  margin-left: 12vw; 
  width: 30vw; 
  margin-bottom: 125px;
}

 .hero-imageMobile {
  background-image: url('../assets/img/canicaServiceHeroMobile.png'), url('../assets/img/wavers_heroMobile.png');
  background-color: rgba(218, 236, 232, 1);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 120vh;
  background-blend-mode: multiply;
}

 .hero-imageMobileProductos {
   background-image: url('../assets/img/canicaProductosHeroMobile.png'), url('../assets/img/wavers_heroMobile.png');
   background-color: rgba(218, 236, 232, 1);
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   height: 100vh;
   width: 100vw;
   background-blend-mode: multiply;
 }

 .hero-imageMobileNosotros {
   background-image: url('../assets/img/canicaProductosHeroMobile.png');
   background-color: rgba(218, 236, 232, 1);
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   height: 100vh;
   width: 100wh;
   background-blend-mode: multiply;
 }


 @media screen and (min-width:768px) {
   .img-productoPremium {
     width: 54.3333% !important;
   }

   .columnaIzqPremium {
     width: 45.3333% !important;
   }

   .order-md-6 {
     order: 6 !important;
   }
 }

 @media screen and (max-width: 767px) {

  html, body{
    overflow-x: hidden;
    width: 100%;
    position: relative;
  }

  .body-background{
    background-image: url('../assets/img/wavers_servicio1.png'), linear-gradient(to bottom,#DAFFF7,white); 
   }

   .dejanosBtn {
    display: inline;
   }

  .slider-trackProductos {
    animation: none;
    flex-wrap: wrap;
    justify-content: center;
  }

  .logo-slide:first-of-type {
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    width: 100%; 
  }

  .icon-itempremium{
    display: grid;
    justify-content: center;
    grid-column: 1 / -1; /* El elemento 5 ocupará desde la primera hasta la última columna */
  }

  /*.columnaIzq {
    padding-left: 3.9% !important;
  }*/

   .logos {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 7.14vw;
     justify-items: center;
     animation: none;
   }

   .logos img {
     width: 40.24vw;
     height: 26.19vw;
   }

   .img-logo {
     width: 50.95vw;
     height: auto;
   }

   .img-logo-unity {
     width: 40.48vw;
     height: auto;
   }

   .img-logo-inbolt {
     width: 43.1vw;
     height: auto;
   }

   .img-logo-canicasync {
     width: 51.43vw;
     height: auto;
   }

   .img-logo-alis {
     width: 25.48vw;
     height: auto;
   }

   .img-logo-legaxtech {
     width: 66.19vw;
     height: auto;
   }

   .img-logo-premium {
     width: 44.05vw;
     height: auto;
   }

   .itemsProducto {
     display: flex;
     flex-direction: column;
     margin-left: 0 !important;
   }

   .columnaDer {
     padding-right: 0% !important;
     padding-left: 11.5% !important;
   }

   .textoProductos p {
     font-size: 8.81vw;
     line-height: 7.57vw;
   }

   .textoProductos b {
     font-size: 8.81vw;
     line-height: 7.57vw;
   }

   .cuadros {
     gap: 3.81vw;
     padding-bottom: 8.5vw;
   }

   .cuadrosInbolt {
     padding-top: 8vw;
   }

   .cuadro {
     border-radius: 2.86vw;
     width: 45.52vw;
     height: 18.89vw;
   }

   .cuadroCFDI {
     width: 61.43vw !important;
   }

   .cuadroCheck2 {
     width: 48.33vw !important;
   }

   .cuadroInbolt2 {
     width: 62.14vw !important;
   }

   .cuadroAlis {
     width: 62.86vw !important;
   }

   .cuadroAlis2 {
     width: 68.10vw !important;
   }

   .cuadroLegax2 {
     width: 75.48vw !important;
     height: 25.24vw !important;
   }

   .cuadroPremium {
     width: 72.48vw !important;
     height: 25.24vw !important;
   }

   .cuadroPremium2 {
     width: 75.48vw !important;
     height: 25.24vw !important;
   }

   .textoCuadroLegax2 {
     padding-top: 1.5vw;
   }

   .textoCuadroPremium2 {
     padding-top: 1.5vw;
   }

   .cuadro p {
     font-size: 7.62vw;
     line-height: 15vw;
   }

   .cuadro span {
     display: block;
     margin-top: -5.5vw;
     font-size: 4.25vw;
     line-height: 9.05vw;
   }

   .img-cloud {
     width: 46% !important;
   }

   .img-comercializadoras {
     width: 34% !important;
   }

   .img-frutaAlis {
     width: 30.5% !important;
   }

   .img-icono img {
     width: auto;
     height: 6.67vw;
     vertical-align: middle;
   }

   .img-producto {
     max-width: 100%;
     width: 100vw;
     height: 96vw;
     border-top-left-radius: 5.95vw;
     border-bottom-left-radius: 5.95vw;
     background-color: #CCDFDB;
     overflow: hidden;

   }

   .img-productoIzq {
     max-width: 100%;
     width: 96vw;
     height: 96vw;
     border-top-right-radius: 5.95vw;
     border-bottom-right-radius: 5.95vw;
     background-color: #CCDFDB;
   }

   .imagenCheck1 {
     position: absolute;
     width: auto;
     height: 88.81vw;
     bottom: 0;
     right: -21.2vw;
   }

   .imagenCheck2 {
     position: absolute;
     width: auto;
     height: 78.5vw;
     bottom: 0;
     left: 7.5vw;
   }

   .imagenUnity1 {
     position: absolute;
     width: auto;
     height: 88.81vw;
     bottom: 0;
     right: 0;
   }

   .imagenUnity2 {
     position: absolute;
     width: auto;
     height: 81vw;
     bottom: 0;
     left: -18.8vw;
   }

   .imagenInbolt1 {
     position: absolute;
     width: auto;
     height: 88.81vw;
     bottom: 0;
     right: 0;
     left: 26.5vw;
   }

   .imagenInbolt2 {
     position: absolute;
     width: auto;
     height: 79.5vw;
     bottom: 0;
     left: 7.1vw;
   }

   .imagenCanicaSync1 {
     position: absolute;
     width: auto;
     height: 88.81vw;
     bottom: 0;
     left: -13.5vw;
   }

   .imagenCanicaSync2 {
     position: absolute;
     width: 52.9vw;
     height: 77.2vw;
     bottom: 0;
     right: 0vw;
   }

   .imagenAlis1 {
     position: absolute;
     width: auto;
     height: 88.81vw;
     bottom: 0;
     right: -16.5vw;
   }

   .imagenAlis2 {
     position: absolute;
     width: auto;
     height: 79.7vw;
     bottom: 0;
     left: 5.3vw;
   }

   .imagenLegaxTech1 {
     position: absolute;
     width: 99.58vw;
     height: 86.81vw;
     bottom: 4vw;
     right: 0;
   }

   .imagenLegaxTech2 {
     position: absolute;
     width: auto;
     height: 76vw;
     bottom: 0;
     left: -19vw;
   }

   .imagenPremiumCon1 {
     position: absolute;
     width: 77.7vw;
     height: 88.81vw;
     bottom: 0;
     right: 0;
   }

   .imagenPremiumCon2 {
     position: absolute;
     width: 53.44vw;
     height: 79.7vw;
     bottom: 0;
     left: 5.2vw;
   }

   .boton-conoce {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 14.29vw;
     width: 36.43vw;
     padding: 3.81vw 2.38vw;
     gap: 3.57vw;
     border-radius: 38.10vw;
     font-size: 3.33vw;
     line-height: 5vw;
     font-weight: 400;
   }

   .material-symbols-rounded {
     font-size: 3.57vw !important;
   }

   .boton-distribuidor {
     height: 14.29vw;
     width: 43.33vw;
     padding: 3.81vw 2.38vw;
     gap: 1px;
     border-radius: 38.10vw;
     font-size: 3.33vw;
     line-height: 5vw;
   }

   .botonCuadrosMovil {
     padding: 2.5%;
   }

   .botonCuadrosMovil2 {
     padding-left: 7.5% !important;
   }

   .slider-container {
    overflow: visible; /* Mostrar todo el contenido sin recortar */
    animation: none; /* Deshabilitar la animación */
    display: flex;
    justify-content: center;
  }

  .slider-track {
     animation: none;
  }

  .slider-content:first-of-type {
    display: grid; /* Cambiar a un diseño de cuadrícula */
    grid-template-columns: repeat(2, 1fr); /* Dividir en 2 columnas */
    width: 100%; /* Ajustar el ancho */
  }

   .custom-logo {
     width: 40.24vw;
     height: 26.19vw !important;
   }

   .custom-logopremium {
    width: 40.24vw;
    height: 26.19vw !important;
  }

   .textoPartnersMovil {
     padding-left: 3.5vw;
     padding-bottom: 5vw;
   }

   .partnersTexto {
     padding-top: 4vw;
     font-size: 4.29vw;
     line-height: 7.14vw;
   }

   .partnersTextoServicio {
    padding-top: 4vw;
    font-size: .9rem;
    line-height: 7.14vw;
  }

   .order-small-4 {
    order: 4 !important;
  }

 }
.hero-imageMobileNosotros {
  background-image: url('../assets/img/canicaProductosHeroMobile.png');
  background-color: rgba(218, 236, 232, 1);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100vh;
  background-blend-mode: multiply;
}

 .hero-imageMobileContactanos {
   background-image: url('../assets/img/canicaContactanosHeroMobile.png');
   background-color: rgba(218, 236, 232, 1);
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   height: 100vh;
   width: 100wh;
   background-blend-mode: multiply;
 }

 .hero-text-mobile {
   padding-top: 30vh;
 }

 /*.carousel-item {
   flex: 0 0 calc(100% / 2);
   opacity: 0;
   transform: translateX(100%);
   transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
 }

 .carousel-item.active {
   opacity: 1;
   transform: translateX(0);
 }

 .carousel-item-next {
   transform: translateX(100%);
 }

 .carousel-item-prev {
   transform: translateX(-100%);
 }

 .carousel-item-end {
   opacity: 0;
   transform: translateX(-100%);
 }

 .carousel-inner {
   overflow: hidden;
 }*/

/*Hero Servicios Imagenes Movil*/
.img-contenedor-hero-movil{
  height: auto;
  position: relative;
  width: 100vw !important;
  max-width: none !important;
  overflow: visible;
  z-index: 1;
 }

 .negocio-title-movil, .hero-subtitleServiceMobile, .botonesHero{
  position: relative;
  z-index: 999;
 }

 .titulosHero{
  margin-top: 7rem !important;
 }

 .imgHeroServiciosMovil1 { /*Parte Gris*/
  width: 140vw;
  max-width: 140vw !important;
  position: absolute;
  right: -23vw;
  top: -30vw;
  object-fit: cover;
  z-index: 4;
  overflow: visible;
}
.imgHeroServiciosMovil2 { /*Parte Azul Cyan Exterior*/
  width: 143.13vw;
  max-width: 140vw;
  position: absolute;
  left: -25vw;
  top: -25vw;
  object-fit: cover;
  z-index: 6;
  overflow: visible;
}
.imgHeroServiciosMovil3 { /*Parte Verde*/
  width: 183.13vw;
  max-width: 180vw;
  position: absolute;
  left: -35vw;
  top: -40vw;
  object-fit: cover;
  z-index: 3;
  overflow: visible;
}
.imgHeroServiciosMovil4 { /*Parte Cyan*/
  width: 143.13vw;
  max-width: 140vw;
  position: absolute;
  left: -25vw;
  top: -20vw;
  object-fit: cover;
  z-index: 2;
  overflow: visible;
}
.imgHeroServiciosMovil5 { /*Parte Rosa*/
  width: 146.2vw;
  max-width: 150vw;
  position: absolute;
  left: -22vw;
  top: -20vw;
  object-fit: cover;
  z-index: 1;
  overflow: visible;
  opacity: 0.7 !important;
}

/*Hero Servicios Imagenes*/
.img-contenedor-hero{
  height: auto;
  position: relative;
  width: 100vw !important;
  max-width: none !important;
 }
 
 .img-contenedor-hero img{
  user-select: none;
 }

 .titleHero{
  position: relative;
  z-index: 5;
 }

 .subtitleHero, .buttonsHero{
  position: relative;
  z-index: 7;
 }

 .imgHeroServicios1, .imgHeroServicios2, .imgHeroServicios3, .imgHeroServicios4, .imgHeroServicios5{
  will-change: transform;
 }

.imgHeroServicios1 { /*Parte Gris*/
  width: 110vw;
  height: 78.69vw;
  max-width: 110vw !important;
  position: absolute;
  right: -4vw;
  top: -5vw;
  object-fit: cover;
  z-index: 4;
  overflow: visible;
}
.imgHeroServicios2 { /*Parte Azul Cyan Exterior*/
  width: 93.13vw;
  height: 56.25vw;
  position: absolute;
  left: 3.5vw;
  top: -5vw;
  object-fit: cover;
  z-index: 6;
  overflow: visible;
}
.imgHeroServicios3 { /*Parte Verde*/
  width: 93.13vw;
  height: 56.25vw;
  position: absolute;
  left: 5.5vw;
  top: -9vw;
  object-fit: cover;
  z-index: 3;
  overflow: visible;
}
.imgHeroServicios4 { /*Parte Cyan*/
  width: 93.13vw;
  height: 55.73vw;
  position: absolute;
  left: 0vw;
  top: -5vw;
  object-fit: cover;
  z-index: 2;
  overflow: visible;
}
.imgHeroServicios5 { /*Parte Rosa*/
  width: 86.2vw;
  height: 57.4vw;
  position: absolute;
  left: 8vw;
  top: 0vw;
  object-fit: cover;
  z-index: 1;
  overflow: visible;
  opacity: 0.7 !important;
}

.img-nudge {
  animation: nudgeMouseHero 5s infinite ease-in-out;
}
@keyframes nudgeMouseHero {
  0% {
    transform: translateY(0);
  }

  20% {
    transform: translateY(2vw);
  }

  30% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(2vw);
  }

  60% {
    transform: translateY(0);
  }

  80% {
    transform: translateY(2vw);
  }

  90% {
    transform: translateY(0);
  }
}
/*Hero Servicios Imagenes*/
/*Hero Productos Imagenes*/
.hero-titleProducts, .hero-subtitleProducts, .buttonsHeroProducts{
  position: relative;
  z-index: 5 !important;
 }

 .imgHeroProductos1, .imgHeroProductos2, .imgHeroProductos3, .imgHeroProductos4{
  will-change: transform;
 }

.imgHeroProductos1 { /*Parte Verde Interna*/
  width: 90vw;
  height: 74.75vw;
  max-width: 110vw !important;
  position: absolute;
  right: 8vw;
  top: -4vw;
  object-fit: cover;
  z-index: 4;
  overflow: visible;
}
.imgHeroProductos2 { /*Parte Verde Chillon Interna*/
  width: 90vw;
  height: 74.75vw;
  max-width: 110vw !important;
  position: absolute;
  left: 6vw;
  top: -8vw;
  object-fit: cover;
  z-index: 1;
  overflow: visible;
}
.imgHeroProductos3 { /*Parte Morada*/
  width: 90vw;
  height: 74.75vw;
  max-width: 110vw !important;
  position: absolute;
  left: 5.5vw;
  top: -6vw;
  object-fit: cover;
  z-index: 3;
  overflow: visible;
}
.imgHeroProductos4 { /*Parte Verde Exterior*/
  width: 80vw;
  height: 74.75vw;
  max-width: 110vw !important;
  position: absolute;
  left: 12vw;
  top: -5vw;
  object-fit: cover;
  z-index: 2;
  overflow: visible;
}
/*Hero Productos Imagenes*/
/*Hero Productos Imagenes Movil*/

.titleHeroProducts, .botones-Productos, .botones-Productos2{
  position: relative;
  z-index: 5;
}

.imgHeroProductosMovil1 { /*Parte Verde Interna*/
  width: 200vw;
  max-width: 200vw !important;
  position: absolute;
  right: -56vw;
  top: -32vw;
  object-fit: cover;
  z-index: 4;
  overflow: visible;
}
.imgHeroProductosMovil2 { /*Parte Verde Chillon Interna*/
  width: 200vw;
  max-width: 200vw !important;
  position: absolute;
  left: -39vw;
  top: -37vw;
  object-fit: cover;
  z-index: 1;
  overflow: visible;
}
.imgHeroProductosMovil3 { /*Parte Morada*/
  width: 200vw;
  max-width: 200vw !important;
  position: absolute;
  left: -35vw;
  top: -34vw;
  object-fit: cover;
  z-index: 3;
  overflow: visible;
}
.imgHeroProductosMovil4 { /*Parte Verde Exterior*/
  width: 200vw;
  max-width: 200vw !important;
  position: absolute;
  left: -35vw;
  top: -38vw;
  object-fit: cover;
  z-index: 2;
  overflow: visible;
}
/*Hero Productos Imagenes Movil*/

 @media only screen and (min-width: 320px) and (max-width: 767px) {

  .body-background-products{
      min-height: 100vh;
      background-image:
        url(''),
        linear-gradient(180deg, #DAFFF7, #FFFFFF);
    background-size: 140vh, auto, cover; 
   }	

   h1.hero-titleService {
     font-size: 35px !important;
     font-weight: 300 !important;
   }

   h1.hero-titleServiceOscuro {
     font-size: 35px !important;
     font-weight: 300 !important;
   }

   h4.hero-subtitleService {
     font-size: 17px;
     font-weight: 300 !important;
   }

   h4.hero-subtitleServiceOscuro {
     font-size: 17px;
     font-weight: 300 !important;
   }

   .agendaBtn {
     padding: 0px 0px;
   }

   a.agendaBtn {
    padding: 16px;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  a.dejanosBtn {
    font-size: .9rem !important;
    padding: 1rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .dejanosBtn img {
    height: 1.8vh;
    padding-left: 0.4vw;
    padding-bottom: 0.5vh;
  }

  p.negocio-texto
  { 
   font-size: 4.2857vw !important;
   line-height: 7.1429vw !important;
  }

  h1.negocio-title
  {
    font-size: 2rem !important;
    line-height: 9.5238vw !important;
  }

  img.negocio-btn
  {
    height: 100%;
    width: 22.5714vw !important;
  }

  .card{
    height: 123.0952vw !important;
    width: 76.4286vw !important;
    padding: 4.1667vw !important;
  }

  .card-box
  {
    width: 67.2vw !important;
    height: 68.5714vw !important;  
  }

  h4.card-titulo{
    font-size: 6.1905vw !important;
    line-height: 9.2857vw !important;
  }

  p.card-texto{
    font-size: 3.8095vw !important;
    line-height: 6.1905vw !important;
  }

  .logosMobile {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    /* Evita que los contenedores se reduzcan */
    /*animation: slide-infinite 30s linear infinifte;*/
    /* Animación infinita */
  }
 
  .logosMobile img {
    width: 9rem;
    /* 6 logos with 30px margin between */
    height: 90px;
    object-fit: contain;
    margin: 0 1rem;
  }

  .imageNuestro img 
  {
    min-height: 10vh !important;
    max-height: 10vh !important;
    max-width: 30vw !important;
    max-width: 30vw !important;
    padding-left: 1rem;
  }

  h2.nuestros-titulo
  {
   font-size: 8.8095vw !important;
   line-height: 10.5714vw !important;
   padding-bottom: 0 !important;
  }

  .nuestros-numeros
  {
   padding-left: 20px;
   padding-right: 10px;

  }

  p.texto-nuestros
  {
    font-size: 4.2857vw;
    font-weight: 400; 
    line-height: 7.6190vw;
  }

  p.enmas-texto
{
  font-family: Fira Sans !important;
  font-size: 4.2857vw;
  line-height: 7.1429vw;
}

  h2.metodologia-titulo
  {
    font-size: 8.8095vw !important;
    line-height: 10.5714vw !important;
  }
  
  .body-background{
    background-size: 140vh, auto, cover; 
   }

   p.metodologia-texto
   {
    font-size: 4.2857vw !important;
    line-height: 7.1429vw !important;
   }

   h5.metodologia-progress-subtitulo{
    font-size: 5.2381vw !important;
    line-height: 15vw !important;
   }

   .imageHerramientas img{
    min-height: 8.4762vw !important;
    max-height: 8.4762vw !important;
   }

   a.platiquemosBtn{
    font-size: 3.3333vw !important;
    padding: 3.8095vw 6.19vw !important;
   }

   .platiquemosBtn img{
    width: 2.8vw !important;
   }

   .imgfluid{
    width: 95.9524vw !important;
    height: 83.8095vw !important;
   }

   .col-24 {
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    display: flex;
  }

  .flecha-carrusel {
    padding-left: 0vw;
  }

  svg.flechasvg {
    height: 6vw;
  }
}

.custom-hover {
  border: 1px solid transparent; /* Mantener el borde de los botones original */
  background-color: transparent; /* Fondo transparente */
  color: white; /* Color de texto en estado normal */
  text-decoration: none; /* Evitar subrayado */
  transition: background-color 0.3s ease, color 0.3s ease; /* Transición suave para el hover */
}

.custom-hover:hover {
  background-color: #fff; /* Fondo blanco al pasar el ratón */
  color: #000; /* Color de texto negro */
  border-color: #fff; /* Borde blanco al hacer hover */
}



 /* iPads, Tabletas (481px - 768px) */
 /*@media only screen and (min-width: 481px) and (max-width: 767px) {
   h1.hero-titleService {
     font-size: 32px !important;
   }

   h1.hero-titleServiceOscuro {
     font-size: 32px !important;
   }

  h4.hero-subtitleService
  {
   font-size: 1rem; 
  }

  h4.hero-subtitleServiceOscuro
  {
   font-size: 10px;
  }

  h1.negocio-title
  {
    font-size: 2rem;
  }

  img.negocio-btn
  {
    height: 4vh;
    width: 8vh;
  }

  .logos img
  {
    width: 2rem;
  }

  .logosMobile img {
    width: 9rem;
    /* 6 logos with 30px margin between */
/*    height: 90px;
    object-fit: contain;
    margin: 0 1rem;
  }

  .body-background{
    background-size: 140vh, auto, cover; 
   }

   .card{
    width: 40vw;
  }

  div.metodologiamobile
  {
    margin-left: 6vw;
  }

}*/

 /* Pantallas pequeñas, laptops (769px - 1024px) */
 /*@media only screen and (min-width: 769px) and (max-width: 1024px) {
   h1.hero-titleService {
     font-size: 52px !important;
   }

   h1.hero-titleServiceOscuro {
     font-size: 52px !important;
   }

   h4.hero-subtitleService {
     font-size: 16px;
   }

  h4.hero-subtitleServiceOscuro
  {
   font-size: 16px;
  }

   p.negocio-texto {
     font-size: 12px !important;
   }

   .dejanosBtn {
     padding: 0px 0px;
   }

   a.dejanosBtn {
    font-size: 12px;
    padding: 20px;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  a.platiquemosBtn {
    font-size: 12px;
    padding: 20px;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

   .card {
     height: 52vh !important;
   }

   a.negocio-btn {
     padding-top: 0px;
   }

  .flecha-carrusel
  {
    padding-left: 0vw !important;
  }

  h4.card-titulo
  {
    font-size: 0.9rem;
  }

  .card{
    height: 60vh !important;
  }

  .card-box
  {
    min-height: 27vh;
    max-height: 27vh;
  }

  p.card-texto
  {
    font-size: 0.7rem;
  }

  h1.negocio-title
  {
    font-size: 2.2rem;
  }

  img.negocio-btn
  {
    height: 4vh;
    width: 8vh;
  }
  .logos img
  {
    width: 5rem;
  }

  .nuestros-numeros
  {
   padding-right: 3rem;
   padding-left: 3rem;
  }

}
  */

 /* Computadoras de escritorio, pantallas grandes (1025px - 1200px) */
 /*@media only screen and (min-width: 1025px) and (max-width: 1200px) {
   h1.hero-titleService {
     font-size: 64px;
   }

   h1.hero-titleServiceOscuro {
     font-size: 64px !important;
   }

  h4.card-titulo
  {
    font-size: 1rem;
  }

  p.card-texto
  {
    font-size: 0.8rem;
  }

  .card-box
  {
    min-height: 30vh;
    max-height: 30vh;
  }
}*/

 /* Pantallas extra-grandes, TV (1201px y más) */