@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');



.body-inicio {
  margin: 0;
  padding: 0;
  position: relative;
}

.colorverde {
  color: #00C6AC;
}

.colorblanco {
  color: white;
}



/*--------------------------------------------- INICIO------------------------------------------------------------- */
.contenido {

  width: 100%;
  height: 74%;
  /* Resto de estilos para tu contenido */
}

/* Estilos generales para el carrusel */
.menu-inicio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: auto;
  width: 90%;
  margin: -5% 0% 0% 6%;
  border: 5px solid #00C6AC;
  border-radius: 28px;
}

/* Estilos para cada opción del menú */
.menu-item-inicio {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  border-radius: 30px;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  cursor: pointer;
  margin: 5% 0% 0% 3%;

}

/* Al seleccionar una opción */
.menu-item-inicio:hover {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);
  /* Hace que crezca un poco */
  font-size: 30px;
  color: #00C6AC;
  /* Color del texto */
  text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
  /* Efecto de sombra del texto */
  -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
  animation: neon-glow 1.5s ease-in-out infinite alternate;
  /* Animación para el efecto de parpadeo */
  opacity: 1.0;
  /* Cambia la opacidad */
}



/* Imagenes dentro de cada cuadro del menu */
.img-activaciones {
  width: 86%;
  height: auto;
  opacity: 0.5;
}

.img-activaciones:hover {
  border-radius: 30px;
  border: solid 10px;
  border-color: #00C6AC;
  /* Color de fondo */
  border: none;
  /* Quitamos el borde predeterminado */
  -webkit-box-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 50px #00C6AC, 0 0 60px #00C6AC, 0 0 80px #00C6AC, 0 0 90px #00C6AC;
  box-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 50px #00C6AC, 0 0 60px #00C6AC, 0 0 80px #00C6AC, 0 0 90px #00C6AC;
  /* Efecto de neón en los bordes */
  -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
  animation: neon-glow 1.5s ease-in-out infinite alternate;
  /* Animación para el efecto de parpadeo */
  -webkit-animation: neon-glow2 1.5s ease-in-out infinite alternate;
  animation: neon-glow2 1.5s ease-in-out infinite alternate;
  /* Animación para el efecto de parpadeo */
  opacity: 1;
}

.línea-horizontal {
  border-bottom: 5px solid #00C6AC;
  margin: 5% 0% 2% 17%;
  width: 66%;
}

.línea-horizontal:hover {
  border-bottom: 5px solid #00C6AC;
  margin: 5% 0% 2% 17%;
  width: 66%;

}

.inicioTitulo-txt {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 46px;
  color: white;
  width: 100%;
  padding: 13% 0% 0% 21%;

}

.inicio-txt {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 30px;
  color: white;
}

.txtAbajotInicio {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 75px;
  margin: -11% 0% 0% 15%;
  color: white;
}

.btn-video {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}

.btn-mandaservicio {
  width: 35%;
  height: 0%;
  margin: 6% 0% 4% 30%;
  background: transparent;
  border: none;
}

.btn-mandaservicio2 {
  border-radius: 35px;
  border: solid 5px;
  border-color: #00C6AC;
  background-color: #00140e;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  color: #ffffff;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  width: 25%;
  height: 0%;
  font-size: 30px;
  padding: 0% 1% 0% 1%;
  margin: 6% 0% 4% 35%;
}

.btn-video-close {
  color: #ffffff;
  float: right;
  font-size: 40px;
  font-weight: bold;
  margin: -7% -2% 6% 0%;
  scale: 2;
  height: auto;
}

.btn-video-close:focus,
.btn-video-close:hover,
.btn-mandaservicio:hover,
.btn-mandaservicio:focus {
  text-decoration: none;
  cursor: pointer;
  -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
  animation: neon-glow 1.5s ease-in-out infinite alternate;
  /* Animación para el efecto de parpadeo */

}


@-webkit-keyframes neon-glow {
  from {
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra inicial */
  }

  to {
    text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
    /* Efecto de sombra final */
  }
}


@keyframes neon-glow {
  from {
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra inicial */
  }

  to {
    text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
    /* Efecto de sombra final */
  }
}

@-webkit-keyframes neon-glow2 {
  from {
    -webkit-box-shadow: 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 120px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC;
    box-shadow: 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 120px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC;
    /* Efecto de neón inicial */
  }

  to {
    -webkit-box-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 60px #00C6AC, 0 0 80px #00C6AC, 0 0 90px #00C6AC, 0 0 100px #00C6AC, 0 0 110px #00C6AC;
    box-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 60px #00C6AC, 0 0 80px #00C6AC, 0 0 90px #00C6AC, 0 0 100px #00C6AC, 0 0 110px #00C6AC;
    /* Efecto de neón final */
  }
}

@keyframes neon-glow2 {
  from {
    -webkit-box-shadow: 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 120px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC;
    box-shadow: 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 120px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC;
    /* Efecto de neón inicial */
  }

  to {
    -webkit-box-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 60px #00C6AC, 0 0 80px #00C6AC, 0 0 90px #00C6AC, 0 0 100px #00C6AC, 0 0 110px #00C6AC;
    box-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 60px #00C6AC, 0 0 80px #00C6AC, 0 0 90px #00C6AC, 0 0 100px #00C6AC, 0 0 110px #00C6AC;
    /* Efecto de neón final */
  }
}




/*-------------------------------------------------------------------END INICIO------------------------------------------------------------- */

/*------------------------------------------------------------------EXPERIENCIAS------------------------------------------------------------------------------------------------------- */
.inicioTitulo-exp {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 100px;
  color: #00C6AC;
  width: 100%;
  padding: 4% 0% 0% 35%;

}

.subTitulo-exp {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #ffffff;
  width: 100%;
  padding: 0% 0% 0% 24%;
  margin: -1% 0% 0% -2%;

}

.container-carrusel-experiencias {
  background-color: #00140e;
  width: 100%;
  height: 56%;
  text-align: center;
}



.carrusel-exp {
  position: relative;
  overflow: hidden;
  width: 152%;
  margin: 2% 0% 0% -12%;
  height: 63%;
}

.carrusel-contenido-exp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  background-color: #00140e;
  padding: 2% 0% 0% 0%;
}

.item-exp {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 17%;
  cursor: pointer;
}

.selected-exp {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);
  /* Hace que crezca un poco */
  font-size: 35px;
  color: #00C6AC;
  /* Color del texto */
  text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
  /* Efecto de sombra del texto */
  -webkit-animation: text-neon-glow-exp 1.5s ease-in-out infinite alternate;
  animation: text-neon-glow-exp 1.5s ease-in-out infinite alternate;
  /* Animación para el efecto de parpadeo */
  opacity: 1.0;
}

/* Imagenes dentro de cada cuadro del menu */
.img-exp {
  opacity: 0.5;
}

.img-exp-selected {
  border-radius: 30px;
  border: solid 10px;
  border-color: #00C6AC;
  border: none;
  /* Quitamos el borde predeterminado */
  -webkit-box-shadow: 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC;
  box-shadow: 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC;
  /* Efecto de neón en los bordes */
  -webkit-animation: neon-glow-exp 1.5s ease-in-out infinite alternate;
  animation: neon-glow-exp 1.5s ease-in-out infinite alternate;
  /* Animación para el efecto de parpadeo */
  opacity: 1.0;
}

@-webkit-keyframes neon-glow-exp {
  from {
    -webkit-box-shadow: 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC;
    box-shadow: 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC;
    /* Efecto de neón inicial */
  }

  to {
    -webkit-box-shadow: 0 0 5px #00C6AC, 0 0 10px #00C6AC, 0 0 15px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 50px #00C6AC, 0 0 60px #00C6AC;
    box-shadow: 0 0 5px #00C6AC, 0 0 10px #00C6AC, 0 0 15px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 50px #00C6AC, 0 0 60px #00C6AC;
    /* Efecto de neón final */
  }
}

@keyframes neon-glow-exp {
  from {
    -webkit-box-shadow: 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC;
    box-shadow: 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC, 0 0 10px #00C6AC;
    /* Efecto de neón inicial */
  }

  to {
    -webkit-box-shadow: 0 0 5px #00C6AC, 0 0 10px #00C6AC, 0 0 15px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 50px #00C6AC, 0 0 60px #00C6AC;
    box-shadow: 0 0 5px #00C6AC, 0 0 10px #00C6AC, 0 0 15px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 50px #00C6AC, 0 0 60px #00C6AC;
    /* Efecto de neón final */
  }
}

@-webkit-keyframes text-neon-glow-exp {
  from {
    text-shadow: 0 0 5px #00C6AC, 0 0 10px #00C6AC, 0 0 15px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 50px #00C6AC, 0 0 60px #00C6AC;
    /* Efecto de sombra inicial */
  }

  to {
    text-shadow: 0 0 3px #00C6AC, 0 0 6px #00C6AC, 0 0 9px #00C6AC, 0 0 12px #00C6AC, 0 0 15px #00C6AC, 0 0 18px #00C6AC, 0 0 21px #00C6AC, 0 0 24px #00C6AC;
    /* Efecto de sombra final */
  }
}

@keyframes text-neon-glow-exp {
  from {
    text-shadow: 0 0 5px #00C6AC, 0 0 10px #00C6AC, 0 0 15px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 50px #00C6AC, 0 0 60px #00C6AC;
    /* Efecto de sombra inicial */
  }

  to {
    text-shadow: 0 0 3px #00C6AC, 0 0 6px #00C6AC, 0 0 9px #00C6AC, 0 0 12px #00C6AC, 0 0 15px #00C6AC, 0 0 18px #00C6AC, 0 0 21px #00C6AC, 0 0 24px #00C6AC;
    /* Efecto de sombra final */
  }
}

.línea-horizontal-exp {
  border-bottom: 5px solid #00C6AC;
  margin: 5% 0% 2% 17%;
  width: 50%;
}

.línea-horizontal-exp-selected {
  border-bottom: 5px solid #00C6AC;
  margin: 7% 0% 2% 19%;
  width: 50%;
}

.txt-exp {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 25px;
  color: white;
  padding: 0% 14% 0% 0%;
}

.txt-exp-selected {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 25px;
  color: white;
  padding: 0% 12% 0% 0%;
}

.info-experiencias {
  width: 100%;
  height: 80%;
}

.info-recuadro {
  width: 82%;
  height: 78%;
  border-radius: 170px;
  border: solid 10px;
  border-color: #00C6AC;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  margin: 4% 0% 0% 8%;
}

.titulo-exp-info {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 50px;
  color: white;
  padding: 0% 0% 0% 27%;
  text-transform: uppercase;
}

.titulo-exp-info-identidad {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 50px;
  color: white;
  padding: 0% 0% 0% 32%;
  text-transform: uppercase;
}

.titulo-exp-info-EVI {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 50px;
  color: white;
  padding: 0% 0% 0% 32%;
  text-transform: uppercase;
}

.exp-info {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 30px;
  color: white;
  padding: 0% 10% 0% 4%;
  text-align: center;
}

.exp-info-vr {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 25px;
  color: white;
  margin: 0% 0% 0% 1%;
}

.exp-info-publiAR {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 25px;
  color: white;
  padding: 0% 10% 0% 4%;
  text-align: center;
}

.exp-info-identidad {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 25px;
  color: white;
  padding: 1% 6% 0% 0%;
  text-align: center;
  margin: -2% 0% 0% 0%;
  line-height: 1.5;
}

.exp-info-EVI {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 25px;
  color: white;
  padding: 3% 6% 1% 2%;
  text-align: center;
  margin: -3% 0% 0% 0%;
}

.cuadro-txt-experienciasAR {
  width: 68%;
  height: 88%;
  background-image: url(../img/Experiencias/iconoexpAR.png);
  background-size: cover;
  background-position: center;
  border-radius: 34px;
  margin: 2% 0% 0% 29%;


}

.cuadro-txt-PublicidadAR {
  width: 68%;
  height: 88%;
  background-image: url(../img/Experiencias/iconopunbliAR.png);
  background-size: cover;
  background-position: center;
  border-radius: 34px;
  margin: 2% 0% 0% 29%;
  display: none;
}


.cuadro-txt-experienciasVR {
  width: 68%;
  height: 88%;
  background-image: url(../img/Experiencias/iconoexpVR.png);
  background-size: cover;
  background-position: center;
  border-radius: 34px;
  margin: 2% 0% 0% 29%;
  display: none;
}

.cuadro-txt-identidadAR {
  width: 68%;
  height: 90%;
  background-image: url(../img/Experiencias/IconoIdentidadAR.png);
  background-size: cover;
  background-position: center;
  border-radius: 34px;
  margin: 3% 0% 0% 29%;
  display: none;
}

.cuadro-txt-Hologramas {
  width: 68%;
  height: 86%;
  background-image: url(../img/Experiencias/iconoHolograma.png);
  background-size: cover;
  background-position: center;
  border-radius: 34px;
  margin: 3% 0% 0% 29%;
  display: none;
}


.img-exp-txt {
  margin: -35% 0% 0% -112%
}

.img-exp-txt-publiAR {
  margin: -28% 0% 0% -112%;
}

.img-exp-txt-vr {
  margin: -26% 0% 0% -112%;
}

.img-exp-txt-identidad {
  margin: -49% 0% 0% -112%;
}

.img-exp-txt-EVI {
  margin: -27% 0% 0% -112%;
}

.btn-exp-cuadro {
  border-radius: 170px;
  border: solid 5px;
  border-color: #00C6AC;
  background-color: #00140e;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  color: #ffffff;
  width: 21%;
  height: 0%;
  margin: 4% -12% 0% 36%;
  font-size: 29px;
}

.btn-exp-cuadro-vr {
  border-radius: 170px;
  border: solid 5px;
  border-color: #00C6AC;
  background-color: #00140e;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  color: #ffffff;
  width: 21%;
  height: 0%;
  margin: 3% -12% 0% 22%;
  font-size: 29px;
}

.btn-exp-cuadro-identidad {
  border-radius: 170px;
  border: solid 5px;
  border-color: #00C6AC;
  background-color: #00140e;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  color: #ffffff;
  width: 21%;
  height: 0%;
  margin: 4% -12% 0% 36%;
  font-size: 29px;
}

.btn-exp-cuadro-EVI {
  border-radius: 170px;
  border: solid 5px;
  border-color: #00C6AC;
  background-color: #00140e;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  color: #ffffff;
  width: 21%;
  height: 0%;
  margin: 2% -12% 0% 22%;
  font-size: 29px;
}


.iconos-exp {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 53%;
  margin: 5% 0% 0% 21%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.iconos-exp-identidad {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 53%;
  margin: 7% 0% 0% 22%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.iconos-exp-EVI {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 53%;
  margin: 5% 0% 0% 22%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.btn-video-experiencias {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  margin-top: 0;
}

.btn-video-close-experiencias {
  color: rgb(255, 255, 255);
  float: right;
  font-size: 40px;
  font-weight: bold;
  margin: -9% -3% 6% 0%;
  scale: 2;
  -webkit-animation: neon-glow3 1.5s ease-in-out infinite alternate;
  animation: neon-glow3 1.5s ease-in-out infinite alternate;
}

.btn-video-close-experiencias:focus,
.btn-video-close-experiencias:hover {
  text-decoration: none;
  cursor: pointer;

  /* Animación para el efecto de parpadeo */
}


@-webkit-keyframes neon-glow3 {
  from {
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra inicial */
  }

  to {
    text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
    /* Efecto de sombra final */
  }
}


@keyframes neon-glow3 {
  from {
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra inicial */
  }

  to {
    text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
    /* Efecto de sombra final */
  }
}

/*--------------------------------------------- END EXPERIENCIAS------------------------------------------------------------- */

/* -------------------------------------------- NOSOTROS--------------------------------------------------------------------- */

.Info {
  padding: 9% 0% 0% 2%;

}

.Info-completa {
  margin: 2% 0% 0% 2%;
}

.Info-completa-Lau {
  margin: 25% 0% 0% 2%;
}

.Info-completa-Luis {
  margin: 32% 0% 0% 2%;
}

.Info-completa-Humberto {
  margin: 25% 0% 0% 2%;
}


.closeInfo {
  margin: -28% 0% 0% 30%;
}

.closeInfo-humberto {
  margin: -23% 0% 0% 37%
}

.closeInfo-antonio {
  margin: -36% 0% 0% 37%
}

.btn-close-infocompleta {
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 30px;
  background: none;
  border: none;
  padding: 0;
  color: #ffffff;
}


.titulo-info-nosotros {
  width: 50%;
  height: 50%;
  padding: 0% 0% 0% 12%;
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 100px;
  margin: -13% 0% 0% -4%;
  color: #00C6AC;
  text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
}

.titulo-info-cargo {
  width: 50%;
  height: 50%;
  padding: 0% 0% 0% 12%;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 50px;
  margin: -1% 0% 0% -10%;
  color: #ffffff;
}

.habilidades {
  width: 50%;
  height: 50%;
  padding: 0% 0% 0% 12%;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 40px;
  margin: 0% 0% 0% -2%;
  color: #ffffff;
}


.subtitulo-info {
  margin: -5% 0% 0% 11%;
}

.subtitulo-info-humberto {
  margin: -8% 0% 0% 23%;
}

.subtitulo-info-antonio {
  margin: -1% 0% -4% -5%;
}

.subinfo {
  display: inline;
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 27px;
}

.color-sub {
  color: #00C6AC;
}


ul {
  list-style-image: url('../img/Nosotros/vineta.png');
  /* Utiliza una imagen como viñeta */
  color: white;
  /* Color del texto */
}

.pointHabilidades {
  padding: 0% 0% 0% 2%;
}

.btn-conocemas-nosotros {
  border-radius: 20px;
  border: solid 5px;
  border-color: #00C6AC;
  background-color: #00140e;
  -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
  box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
  color: #ffffff;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  width: 48%;
  height: 0%;
  margin: 14% -12% 0% 3%;
  font-size: 29px;
  padding: 0% 1% 1% 1%;
}

.btn-pos-agenda {
  margin: 3% 0% 0% -26%;
}

.btn-agenda {
  border-radius: 30px;
  border: solid 5px;
  border-color: #00C6AC;
  background-color: #00140e;
  -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
  box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
  color: #ffffff;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  width: 35%;
  height: 0%;
  margin: 1% -12% 1% 18%;
  font-size: 20px;
  padding: 2% 2% 2% 2%;
}

.sobremi {
  margin: 5% 0% 0% 0%;
}

.titulosobremi {
  display: inline;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 40px;
  margin: 0% 0% 0% 0%;
}

.tituloareas {
  display: inline;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 40px;
  margin: 0% 0% 0% 0%;
}

.posInfoSobreMi {
  margin: 0% 0% 0% 0%;
}

.infoSobreMi {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 25px;
  color: #ffffff;
  margin: -2% 32% 0% -5%;
  text-align: justify;
  line-height: 1;
  width: 71%;
}

.infoareas {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  margin: 0% 32% 0% 1%;
  text-align: left;
}

.vinetaAreas {
  list-style: disc;
  margin: 0% 0% 7% -37%;
  line-height: 1;
}

.areas {
  margin: 0% 0% 0% 0%;
}

.video-nosotros {
  position: absolute;
  top: 0%;
  left: 57%;
  width: 43%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.linea-horizontal-areas {
  border-bottom: 5px solid #00C6AC;
  margin: 3% 0% 2% -2%;
  width: 66%;
}

.iconosAreas {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  width: 53%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0% 0% 0% 3%;
}


/*--------------------------------------------- END NOSOTROS------------------------------------------------------------- */

/* -------------------------------------------- SERVICIOS--------------------------------------------------------------------- */
.inicio-servicios {
  width: 100%;
  height: 50%;
  margin: 6% 0% 0% 18%;
  padding: 61% 0% 0% 0%;
  background-image: url(../img/HerramientasVenta/Portada\ Herramientas\ de\ Venta.png);
  background-repeat: no-repeat;
}

.titulo-servicios {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 150px;
  color: #00C6AC;
  margin: -62% 0% 0% 16%;
}

.subtitulo-servicios {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 50px;
  color: #ffffff;
  margin: -4% 0% 0% 26%;
}

.titulo-herramienta {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 100px;
  color: #00C6AC;
  margin: -40% 0% 0% 22%;
}

.cuadro-herramienta {
  width: 91%;
  height: 78%;
  border-radius: 50px;
  border: solid 10px;
  border-color: #00C6AC;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  margin: 0% 0% 0% 6%;
  padding: 38% 0% 0% 0%;
}

.text-cuadroherramientas {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 75px;
  color: #ffffff;
  margin: -30% 0% 0% 3%;
  padding: 0% 62% 0% 1%;
  line-height: 1.3;
  text-align: left;
}

.img-cuadro-herramientas {
  margin: -49% 0% 0% 33%;
  padding: 3% 0% 3% 0%;
}

.pos-boton-cuadro-herramientas {
  margin: 0% 0% 0% 0%;
}

.btn-cuadro-herramientas {
  border-radius: 12px;
  border: solid 5px;
  border-color: #00C6AC;
  background-color: #00140e;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  color: #ffffff;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  width: 25%;
  height: 0%;
  font-size: 30px;
  padding: 0% 1% 0% 1%;
  margin: 3% 0% 0% 4%;
}

.parrafo-herramientaventa {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 50px;
  color: #ffffff;
  margin: 4% 0% 0% -4%;
  text-align: center;
  line-height: 1;
}

.parrafo-herramientaventa h2 {
  display: inline;

}

.activacionSitio {
  margin: 70% 0% 0% 0%;
}

.titulo-activacionsitio {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 100px;
  color: #00C6AC;
  margin: -62% 0% 0% 26%;
}

.cuadro-activacionsitio {
  width: 91%;
  height: 78%;
  border-radius: 50px;
  border: solid 10px;
  border-color: #00C6AC;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  margin: 0% 0% 0% 6%;
  padding: 38% 0% 0% 0%;
}

.text-cuadroactivasitio {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 60px;
  color: #ffffff;
  margin: -31% 0% 0% 66%;
  line-height: 1.2;
  text-align: left;
}

.img-cuadro-activasitio {
  margin: -49% 0% 0% 0%;
  padding: 5% 0% 3% 0%;
}

.pos-boton-cuadro-activasitio {
  margin: 0% 0% 0% 0%;
}

.btn-cuadro-activasitio {
  border-radius: 12px;
  border: solid 5px;
  border-color: #00C6AC;
  background-color: #00140e;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  color: #ffffff;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  width: 25%;
  height: 0%;
  font-size: 30px;
  padding: 0% 1% 0% 1%;
  margin: 4% 0% 0% 68%;
}

.parrafo-activasitio {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 50px;
  color: #ffffff;
  margin: 4% 0% 0% -7%;
  padding: 0% 12% 0% 13%;
  text-align: center;
  line-height: 1;
}

.parrafo-activasitio h2 {
  display: inline;

}


.capacitacion {
  margin: 47% 0% 0% 0%;
}


.titulo-capacitacion {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 100px;
  color: #00C6AC;
  margin: -40% 0% 0% 34%;
}

.cuadro-capacitacion {
  width: 91%;
  height: 78%;
  border-radius: 50px;
  border: solid 10px;
  border-color: #00C6AC;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  margin: 0% 0% 0% 6%;
  padding: 38% 0% 0% 0%;
}

.text-cuadrocapacitacion {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 75px;
  color: #ffffff;
  margin: -23% 0% 0% 3%;
  padding: 0% 62% 0% 1%;
  line-height: 1.3;
  text-align: left;
}

.img-cuadro-capacitacion {
  margin: -58% 0% 0% 33%;
  padding: 16% 0% 3% 0%;
}

.pos-boton-cuadro-capacitacion {
  margin: 0% 0% 0% 0%;
}

.btn-cuadro-capacitacion {
  border-radius: 12px;
  border: solid 5px;
  border-color: #00C6AC;
  background-color: #00140e;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  color: #ffffff;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  width: 25%;
  height: 0%;
  font-size: 30px;
  padding: 0% 1% 0% 1%;
  margin: 7% 0% 0% 4%;
}

.parrafo-capacitacion {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 50px;
  color: #ffffff;
  margin: 4% 0% 0% 12%;
  padding: 0% 18% 15% 1%;
  text-align: center;
  line-height: 1;
}

.parrafo-capacitacion h2 {
  display: inline;

}

/*--------------------------------------------- END SERVICIOS------------------------------------------------------------- */
/*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

.body-contacto {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/Nosotros/FondoCubo.png');
  /* Ruta de tu imagen de fondo */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-color: #00140e;
}


.cuadro-contactanos {
  width: 74%;
  height: 50%;
  border-radius: 50px;
  border: solid 10px;
  border-color: #00C6AC;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  margin: 13% 0% 0% 13%;
  padding: 23% 0% 0% 0%;
  background-color: #00140e;
}

.titulo-contacto {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 100px;
  color: #00C6AC;
  margin: -30% 0% 0% 28%;
}

.subtitulo-contacto {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 45px;
  color: #ffffff;
  margin: -3% 0% 0% 14%;
}

.mailcontactanos {
  margin: 6% 0% 0% 20%;
}

.img-mail-contacto {
  margin: 2% 0% 0% 0%;
}

.txtcontactomail {
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #00C6AC;
  margin: -5% 0% 0% -53%;
  text-transform: uppercase;
}

.whatscontactanos {
  margin: -6% 0% 0% 66%;
}

.img-whats-contacto {
  margin: 7% 0% 0% -19%;
}

.txtcontactowhtas {
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #00C6AC;
  margin: -11% 0% 0% -60%;
  text-transform: uppercase;
}

.iconosredes-contacto ul {
  list-style: none;
  padding: 0;
  margin: 5% 0% 0% 24%;
}

.iconosredes-contacto li {
  display: inline-block;
  margin-right: 6%;
  /* Ajusta la separación horizontal entre las imágenes */
}

/* Para evitar que la última imagen tenga un margen derecho */
.iconosredes-contacto li:last-child {
  margin-right: 0;
}

/*--------------------------------------------- END CONTACTO------------------------------------------------------------- */

/*------------------------------- Formulario---------------------------------- */
.cuadro-Form {
  width: 95%;
  height: 84%;
  border-radius: 50px;
  border: solid 10px;
  border-color: #00C6AC;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  margin: 3% 0% 0% 3%;
  /* padding: 23% 0% 0% 0%; */
  background-color: #00140e;
}

.txtForm {
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 55px;
  color: white;
  text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
  -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
  margin: 9% 0% 0% 24%;
}

.txtSubtituloForm {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 23px;
  color: white;
  margin: 2% 0% 0% 2%;
}

.txtLabelFormulario {
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #00C6AC;
  margin: 2% 0% 0% 2%;
}

.txtLabelFormularioSeleccion {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: white;
  margin: 2% 0% 0% 2%;
}

.boxtext {
  margin: 0% 0% 0% 2%;
  width: 41%;
  height: 39px;
  border-radius: 6px;
  border: solid 2px;
  border-color: #00C6AC;
}

.seccion1 {
  margin: -2% 0% 0% 0%;
}

.seccion2 {
  margin: -45% 0% 0% 50%;
  padding-bottom: 11%;
}

.lineavForm {
  border-left: 5px solid #00C6AC;
  height: 762px;
  margin: -41% 0% 0% 48%;
}

@-webkit-keyframes neon-glow-text-forms {
  from {
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra inicial */
  }

  to {
    text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
    /* Efecto de sombra final */
  }
}

@keyframes neon-glow-text-forms {
  from {
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra inicial */
  }

  to {
    text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
    /* Efecto de sombra final */
  }
}

/* Estilizando el placeholder */
::-webkit-input-placeholder {
  color: #001412;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
  padding: 0% 0% 0% 7%;
  opacity: 0.5;
  /* Opacidad del placeholder */
}

::-moz-placeholder {
  color: #001412;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
  padding: 0% 0% 0% 7%;
  opacity: 0.5;
  /* Opacidad del placeholder */
}

:-ms-input-placeholder {
  color: #001412;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
  padding: 0% 0% 0% 7%;
  opacity: 0.5;
  /* Opacidad del placeholder */
}

::-ms-input-placeholder {
  color: #001412;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
  padding: 0% 0% 0% 7%;
  opacity: 0.5;
  /* Opacidad del placeholder */
}

::placeholder {
  color: #001412;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
  padding: 0% 0% 0% 7%;
  opacity: 0.5;
  /* Opacidad del placeholder */
}

/* Estilizando los inputs de tipo radio */
/* input[type="radio"] {
  border: 44px solid #00C6AC;
  border-radius: 84%;
  padding: 5px;
  margin: 0% 0% 0% 3%;
  /* scale: 217%; 
} */

input[type='radio'] {
  accent-color: #00C6AC;
}

.boxinputs {
  margin: 0% 0% 0% 2%;
  width: 32%;
  height: 39px;
  border-radius: 6px;
  border: solid 2px;
  border-color: #00C6AC;
}

.boxtext2 {
  margin: 2% 0% 0% 1%;
  width: 85%;
  height: 200px;
  border-radius: 6px;
  border: solid 2px;
  border-color: #00C6AC;
  background-color: #ffffff;
}

.btn-enviar-formulario {
  border-radius: 12px;
  border: solid 5px;
  border-color: #00C6AC;
  background-color: #00140e;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  color: #ffffff;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  width: 28%;
  height: 0%;
  font-size: 25px;
  padding: 0% 0% 0% 0%;
  margin: 4% 0% 0% 58%;
}

/* Estilo para mensaje de confirmación o error */
.mensaje-envio {
  position: fixed;
  z-index: 9999;
  /* Valor alto para estar por delante de los demás elementos */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.mensaje-envio-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #00140e;
  padding: 20px;
}

.mensajetxt {
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 60px;
  color: white;
  margin: 23% 0% 0% 2%;
  text-align: center;
}

/* Aviso de privacidad */
.tituloaviso {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 100px;
  color: #00C6AC;
  text-align: center;
}

.subtituloaviso {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: white;
  text-align: center;
}

.infoRecuadro-aviso {
  width: 86%;
  height: auto;
  border-radius: 27px;
  border: solid 10px;
  border-color: #00C6AC;
  -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  margin: 3% 0% 10% 7%;
}

.textaviso {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 30px;
  color: white;
  text-align: justify;
  padding: 4% 3% 0% 4%;
}

.txtvinetaaviso {
  margin: -8% 0% 0% 2%;
}

.txtvinetaavisoapps {
  margin: -4% 0% 0% 4%
}

.txtvinetaaviso2 {
  margin: -13% 0% 0% 2%;
}

.espacioprivacidad {
  margin-bottom: 7%;
}

.espaciofinalprivacidad {
  margin-bottom: 7%;
}

/* ------------------------------End Formulario------------------------------- */
/*---------------------------------- Centro de Novedades---------------------------------- */
.inicioTitulo-centro {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 100px;
  color: #00C6AC;
  width: 100%;
  padding: 8% 0% 0% 26%;
}

.subTitulo-centro {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #ffffff;
  width: 100%;
  padding: 0% 0% 0% 24%;
  margin: -1% 0% 0% 0%;
}

.subTitulo-centro {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #ffffff;
  width: 100%;
  padding: 0% 0% 0% 24%;
  margin: -1% 0% 0% 0%;
}

.txt-VR {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 50px;
  color: #ffffff;
  width: 100%;
  padding: 0% 0% 0% 24%;
  margin: 2% 0% 0% 16%;
}

.AR {
  margin: 5% 0% 0% 0%;
  padding-bottom: 5%;
}

.txt-AR {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 50px;
  color: #ffffff;
  width: 100%;
  padding: 0% 0% 0% 24%;
  margin: 2% 0% 0% 13%;
}


.linea-vr {
  height: 2px;
  background-color: #00C6AC;
  width: 580px;
  margin: 1% 0% 0% 37%;
  box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
}

.linea-ar {
  height: 2px;
  background-color: #00C6AC;
  width: 658px;
  margin: 1% 0% 0% 35%;
  box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
}

.container-carrusel-centro-vr {
  background-color: #00140e;
  width: 100%;
  height: 56%;
  text-align: center;
  margin: 4% 0% 0% 0%;
}

.play-icon {
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 56px;
  color: white;
  background-color: #dae7e500;
  border-radius: 50%;
  padding: 26px;
  width: 37%;
  box-shadow: 0 0 11px 14px rgb(255 255 255);
}

.video-preview {
  position: relative;
  cursor: pointer;
}

.imgcentro {
  height: 450px;
}


.tituloscentro {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #00C6AC;
  width: 100%;
  margin: 7% 0% 0% 0%;
}


.linea-titulos {
  height: 2px;
  background-color: #00C6AC;
  width: 366px;
  margin: 5% 0% 0% 10%;
  box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
}

li {
  list-style: none;
}

.lineaMenu {
  width: 200px;
  height: 6px;
  background-color: #00C6AC;
  margin: 5% 0% 15% 28%;
}

#boton-invisible {
  position: fixed !important;
  top: 0px !important;
  left: 0px !important;

  width: 120px;
  /* Ajusta a tu gusto */
  height: 60px;
  /* Ajusta a tu gusto */


  background: rgba(0, 0, 0, 0.001);
  /* 🔥 clave para móviles */
  cursor: pointer !important;

  z-index: 999999999 !important;

  pointer-events: auto !important;
}

/* ------------------------------End Centro de Novedades------------------------------- */
/* RESET TOTAL para links que envuelven títulos */
.link-h1,
.link-h1:hover,
.link-h1:visited,
.link-h1:active,
.link-h1:focus {
  all: unset;
  display: inline-block;
  cursor: pointer;
}

.hidden {
  display: none;
}

.visor-3d {
  margin-top: 20px;
  max-width: 520px;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: auto;
  transform: translate(860px, 501px) scale(2);
}

#visor-3d {
  background: transparent;
}

.visor-descripcion {
  color: #fff;
}

model-viewer {
  width: 100%;
  height: 100%;
  pointer-events: all;
  touch-action: none;
}



@media only screen and (max-width: 3490px) {
  #videoIframe {
    width: 1800px;
    height: 694px;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 1% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .inicio-img {
    width: 77%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -6%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -4% -2% 6% 0%;
    scale: 2;
    height: auto;
  }


  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: auto;
    width: 90%;
    margin: -5% 0% 0% 6%;
    border: 5px solid #00C6AC;
    border-radius: 28px;
    background-image: url(../img/Inicio/OndasVMS.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }



  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 60px;
    text-align: center;
    padding: 2%;

  }


  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  p a {
    color: #00ffff;
    text-decoration: none;
    font-weight: bold;
  }

  .cuadros {
    display: flex;
    flex-direction: row;
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 0% 0% 4%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 0% 0% 10% 10%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 43px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 12%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 36px;
    width: 100%;
    text-align: center;
    padding: 3% 14% 0% 7%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% 7%;
    align-items: center;
    width: 70%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .img-cuadroInicio img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .img-cuadroInicio:hover {
    transform: scale(1.2);
    filter: drop-shadow(0 0 15px rgba(0, 198, 172, 0.8));
    /* glow */
  }


  .img-cuadroInicioVal {
    margin: 15% 0% 0% 11%;
    align-items: center;
    width: 70%;
  }

  .lineaCuadroInicio {
    width: 322px;
    height: 6px;
    background-color: #00C6AC;
    margin: 17% 0% 0% 20%;
  }

  .foot {
    width: 100%;
    height: auto;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 50px;
    text-align: center;
    padding: 3% 6% 1% 6%;
  }


  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 8% 0% 0% 1%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 9%;
  }

  .img-mail-foot {
    width: 114px;
    height: 122px;
    margin: 4% 0% 0% 0%;

  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -2% 0% 0% 9%;
  }

  .img-mail-whats {
    width: 114px;
    height: 122px;
    margin: 4% 0% 0% 0%;

  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -1% 0% 0% -15%;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 1450px;
  }

  .logo-foot {
    margin: 7% 0% 0% 44%;
    width: 265px;
  }

  /*----------------------------------------- Experiencias */
  .menu-inicio-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: auto;
    width: 90%;
    margin: 0% 0% 0% 6%;
    border: 5px solid #00C6AC;
    border-radius: 28px;
    background-image: url(../img/Inicio/OndasVMS.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }


  .cuadroInicio-exp {
    width: 20%;
    height: 800px;
    margin: 0% 0% 5% 10%;

  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 51px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 12%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% 10%;
    align-items: center;
    width: 70%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }



  .img-cuadroInicio-exp img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .img-cuadroInicio-exp:hover {
    transform: scale(1.2);
    filter: drop-shadow(0 0 15px rgba(0, 198, 172, 0.8));
    /* glow */
  }

  .lineaCuadroInicio-exp {
    width: 322px;
    height: 6px;
    background-color: #00C6AC;
    margin: 8% 0% 0% 26%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 60px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
  }

  .cuadroInicioVal-exp {
    width: 20%;
    height: 800px;
    margin: 0% 0% 0% 4%;
  }

  .img-cuadroInicioVal-exp {
    margin: 15% 0% 0% 16%;
    align-items: center;
    width: 65%;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 60px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -11% -7% 6% 0%;
    scale: 2;
    height: 0;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .img-exp-demo {
    width: 35%;
    margin: 3% 0% 9% 8%;
  }



  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 33px;
    line-height: 2;
    margin: -48% 0% 4% 46%;
  }

  ul.list-vms {
    list-style: none;
    padding-left: 2em;
  }

  ul.list-vms li::before {
    content: '';
    display: inline-block;
    background-image: url('../img/Inicio/IconoVMS.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    vertical-align: middle;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
  }

  .btn-mandaservicio img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .tamInfo {
    transform: scale(0.8) translate(-1153px, -931px);
    padding: 3% 3% 1% 1%;
  }


  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 3% 0% 0%;
    width: 13%;
    height: 71%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 200px;
    height: 6px;
    background-color: #00C6AC;
    margin: 5% 0% 10% 28%;
  }


  nav.navigation-menu li {
    margin: 0 auto 45px auto;
  }

  /*-------------------------------------------------------------- Contacto----------------------------------------------------- */

  .cuadro-contactanos {
    width: 74%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 3% 0% 0% 13%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -28% 0% 0% 40%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 0% 0% 0% 21%;
  }

  .img-mail-contacto {
    margin: -7% 0% 0% 2%;
    width: 90px;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #00C6AC;
    margin: -11% 0% 0% -57%;
    text-transform: uppercase;
  }

  .img-whats-contacto {
    margin: 3% 0% 0% -19%;
    width: 90px;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #00C6AC;
    margin: -14% 0% 0% -75%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 30%;
  }


}


@media only screen and (max-width: 3440px) {
  #videoIframe {
    width: 1800px;
    height: 694px;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -4% -2% 6% 0%;
    scale: 2;
    height: auto;
  }

  .img-equipo {
    margin: 7% 0% 0% 46%;
    width: 35%;
    transform: scale(1.4);
  }


  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 50px;
    margin: 5% 0% 0% -10%;
    color: #ffffff;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 33px;
    color: #ffffff;
    margin: -2% 32% 0% -6%;
    text-align: justify;
    line-height: 1;
    width: 71%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 43%;
    height: 0%;
    margin: 1% -12% 5% 27%;
    font-size: 37px;
    padding: 2% 2% 2% 2%;
  }

  .areas {
    margin: -2% 0% 0% 0%;
  }

  .sobremi {
    margin: 2% 0% -6% 0%;
  }

  .subtitulo-info {
    margin: -3% 0% 0% 0%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 37px;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: -3% 0% 2% -2%;
    width: 66%;
  }

  .subtitulo-info-humberto {
    margin: -3% 0% 0% 0%;
  }

  .Info-completa {
    margin: -4% 0% 0% -10%;
    transform: scale(0.8);
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(1592px, 1100px) scale(3);
  }

}



@media only screen and (max-width: 3413px) {
  #videoIframe {
    width: 1800px;
    height: 694px;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -4% -2% 6% 0%;
    scale: 2;
    height: auto;
  }
}

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

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 263%;
    width: 90%;
    margin: -5% 0% 0% 6%;
    border: 5px solid #00C6AC;
    border-radius: 28px;
    background-image: url(../img/Inicio/OndasVMS.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 1416px;
  }


}


@media only screen and (max-width: 2560px) {
  #videoIframe {
    width: 1800px;
    height: 694px;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;

  }

  .inicio-img {

    /* width: 77%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% 0%; */
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -4% -2% 6% 0%;
    scale: 2;
    height: auto;
  }


  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: auto;
    width: 90%;
    margin: -5% 0% 0% 6%;
    border: 5px solid #00C6AC;
    border-radius: 28px;
    background-image: url(../img/Inicio/OndasVMS.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }



  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 60px;
    text-align: center;
    padding: 2%;

  }


  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  p a {
    color: #00ffff;
    text-decoration: none;
    font-weight: bold;
  }

  .cuadros {
    display: flex;
    flex-direction: row;
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 0% 0% 4%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 0% 0% 15% 10%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 50px;
    width: 144%;
    text-align: center;
    padding: 5% 12% 0% 12%;
    margin: 0% 0% 0% -15%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 30px;
    width: 120%;
    text-align: center;
    padding: 3% 14% 0% 7%;
    margin: 9% 0% 0% -1%;
  }


  .img-cuadroInicio {
    margin: 12% 0% 0% 10%;
    align-items: center;
    width: 70%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .img-cuadroInicio img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .img-cuadroInicio:hover {
    transform: scale(1.2);
    filter: drop-shadow(0 0 15px rgba(0, 198, 172, 0.8));
    /* glow */
  }


  .img-cuadroInicioVal {
    margin: 15% 0% 0% 27%;
    align-items: center;
    width: 40%;
  }

  .lineaCuadroInicio {
    width: 322px;
    height: 6px;
    background-color: #00C6AC;
    margin: 12% 0% 0% 20%;
  }

  .foot {
    width: 100%;
    height: auto;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 50px;
    text-align: center;
    padding: 3% 6% 1% 6%;
  }


  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 6% 0% 0% 1%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 6%;
  }

  .img-mail-foot {
    width: 114px;
    height: 122px;
    margin: 4% 0% 0% 0%;

  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 1% 0% 0% 8%;
  }

  .img-mail-whats {
    width: 114px;
    height: 122px;
    margin: 4% 0% 0% 0%;

  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -1% 0% 0% -19%;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 930px;
  }

  .logo-foot {
    margin: 7% 0% 0% 44%;
    width: 265px;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 6% 0% 0%;
    width: 18%;
    height: 68%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  /*----------------------------------------- Experiencias */
  .menu-inicio-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: auto;
    width: 90%;
    margin: 0% 0% 0% 6%;
    border: 5px solid #00C6AC;
    border-radius: 28px;
    background-image: url(../img/Inicio/OndasVMS.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }


  .cuadroInicio-exp {
    width: 20%;
    height: 800px;
    margin: 0% 0% -6% 10%;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 51px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 15%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% 10%;
    align-items: center;
    width: 70%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }



  .img-cuadroInicio-exp img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .img-cuadroInicio-exp:hover {
    transform: scale(1.2);
    filter: drop-shadow(0 0 15px rgba(0, 198, 172, 0.8));
    /* glow */
  }

  .lineaCuadroInicio-exp {
    width: 322px;
    height: 6px;
    background-color: #00C6AC;
    margin: 8% 0% 0% 18%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 60px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
  }

  .cuadroInicioVal-exp {
    width: 20%;
    height: 800px;
    margin: 0% 0% 0% 4%;
  }

  .img-cuadroInicioVal-exp {
    margin: 15% 0% 0% 16%;
    align-items: center;
    width: 65%;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 55px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -11% -7% 6% 0%;
    scale: 2;
    height: 0;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .img-exp-demo {
    width: 35%;
    margin: 3% 0% 9% 8%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 2;
    margin: -48% 0% 4% 46%;
  }

  ul.list-vms {
    list-style: none;
    padding-left: 2em;
  }

  ul.list-vms li::before {
    content: '';
    display: inline-block;
    background-image: url('../img/Inicio/IconoVMS.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    vertical-align: middle;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
  }

  .btn-mandaservicio img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .tamInfo {
    transform: scale(0.8) translate(-845px, -697px);
    padding: 3% 3% 1% 1%;
  }

  /* Contacto */
  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -30% 0% 0% 36%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #ffffff;
    margin: -2% 0% 0% 25%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #00C6AC;
    margin: -12% 0% 0% -64%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -7% 0% 0% 69%;
  }

  .mailcontactanos {
    margin: 6% 0% 0% 30%;
  }

  .img-whats-contacto {
    margin: 3% 0% 0% -25%;
    width: 90px;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #00C6AC;
    margin: -17% 0% 0% -60%;
    text-transform: uppercase;
  }

  .cuadro-contactanos {
    width: 74%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 12% 0% 0% 13%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .img-mail-contacto {
    margin: 0% 0% 0% -14%;
    width: 120px;
  }

  .img-equipo {
    margin: 10% 0% 0% 66%;
    width: 35%;
    transform: scale(1.5);
  }

  .areas {
    margin: 0% 0% 0% 3%;
  }

  .Info-completa {
    margin: 2% 0% 0% 10%;
    transform: scale(1.2);
  }

  .sobremi {
    margin: 1% 0% 0% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    color: #ffffff;
    margin: -2% 32% 0% -5%;
    text-align: justify;
    line-height: 1;
    width: 64%;
  }

  .subtitulo-info {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -4% 0% -4% 11%;
  }

  .subtitulo-info-axel {
    margin: -4% 0% -4% 0%;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(1336px, 1142px) scale(2.5);
  }


}


@media only screen and (max-width: 1920px) {
  #videoIframe {
    width: 911px;
    height: 401px;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 0% 0% 1% 10%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 28px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 12%;
    margin: 0% 0% 0% 5%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 25px;
    width: 119%;
    text-align: center;
    padding: 7% 21% 0% 0%;
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 0% -16% 4%;
  }

  .lineaCuadroInicio {
    width: 322px;
    height: 6px;
    background-color: #00C6AC;
    margin: 28% 0% 0% 2%;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 38px;
    text-align: center;
    padding: 11% 6% 1% 10%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 90px;
    height: 90px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 31px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 5% 0% 0% 1%;
  }

  .footContacto {
    margin: 0% 0% -9% -7%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -1% 0% 0% -15%;
  }

  .img-mail-whats {
    width: 90px;
    height: 90px;
    margin: 4% 0% 0% 0%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }

  .logo-foot {
    margin: 14% 0% 0% 43%;
    width: 190px;
  }

  .lineaMenu {
    width: 200px;
    height: 3px;
    background-color: #00C6AC;
    margin: 7% 0% -7% 18%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 7% 0% 0%;
    width: 17%;
    height: 80%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu a {
    font-size: 20px;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 740px;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 38px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 12%;
  }

  .lineaCuadroInicio-exp {
    width: 322px;
    height: 6px;
    background-color: #00C6AC;
    margin: 8% 0% 0% 8%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 44px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
    margin: -17% 0% 0% 0%;
  }

  .cuadroInicioVal-exp {
    width: 16%;
    height: 800px;
    margin: 0% 0% -22% 8%;
  }

  .tamInfo {
    transform: scale(0.7) translate(-1366px, -982px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 1024px;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 33px;
    line-height: 2;
    margin: -37% 0% 4% 43%;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .img-exp-demo {
    width: 35%;
    margin: -1% 0% 9% 8%;
  }

  /* Contacto */

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -10% 0% 0% -53%;
    text-transform: uppercase;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -14% 0% 0% -60%;
    text-transform: uppercase;
  }

  .img-whats-contacto {
    margin: 3% 0% 0% -19%;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -30% 0% 0% 29%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #ffffff;
    margin: -2% 0% 0% 14%;
  }

  .mailcontactanos {
    margin: 4% 0% 0% 18%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -14% 0% 0% -67%;
    text-transform: uppercase;
  }

  .cuadro-contactanos {
    width: 74%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 11% 0% 0% 13%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .mailcontactanos {
    margin: 10% 0% 0% 18%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -12% 0% 0% -46%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -8% 0% 0% 65%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -18% 0% 0% -51%;
    text-transform: uppercase;
  }

  .mov {
    margin: 0% 0% 0% 0%;
  }

  .img-equipo {
    margin: 7% 0% 0% 53%;
    width: 35%;
  }

  .visor-descripcion {
    color: #fff;
    text-align: center;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(922px, 679px) scale(2.5);
  }


}


@media only screen and (max-width: 1920px) and (max-height: 1080px) {
  .info-experiencias {
    width: 100%;
    height: 92%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 0% 0% 8% 10%;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 800px;
    margin: 0% 0% -15% 10%;
  }

  .cuadro-Form {
    width: 95%;
    height: auto;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 937px;
    margin: -41% 0% 0% 48%;
  }

  .seccion2 {
    margin: -52% 0% 0% 50%;
    padding-bottom: 11%;
  }

  /*---------------------- Centro de Innovaciones------------ */

  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 22%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -1% 0% 0% 0%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .mailcontactanos {
    margin: 0% 0% 0% 18%;
  }

  .img-mail-contacto {
    margin: 0% 0% 0% -5%;
    width: 120px;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -12% 0% 0% -54%;
    text-transform: uppercase;
  }

  nav.navigation-menu li {
    margin: 0 auto 60px auto;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 9%;
  }

  .subtitulo-info-antonio {
    margin: -6% 0% -4% 20%;
  }

  .subtitulo-info-axel {
    margin: -3% 0% -4% 0%;
  }

  .Info-completa {
    margin: 2% 0% 0% -4%;
    transform: scale(0.9);
  }

  .img-equipo {
    margin: 7% 0% 0% 38%;
    width: 35%;
    transform: scale(1);
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    color: #ffffff;
    margin: -2% 32% 0% -5%;
    text-align: justify;
    line-height: 1;
    width: 72%;

  }

  .subtitulo-info {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 0%;
  }

  .sobremi {
    margin: -2% 0% 0% 0%;
  }

  .areas {
    margin: 0% 0% 0% 1%;
  }


}



@media only screen and (max-width: 1920px) and (max-height: 998px) {

  .cuadro-contactanos {
    width: 74%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 11% 0% 0% 13%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .mailcontactanos {
    margin: 8% 0% 0% 16%;
  }

  .img-mail-contacto {
    margin: -7% 0% 0% 2%;
    width: 90px;
  }

  .img-whats-contacto {
    margin: 2% 0% 0% -9%;
    width: 70px;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -12% 0% 0% -44%;
    text-transform: uppercase;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -15% 0% 0% -44%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 24%;
  }

  .tamInfo {
    transform: scale(0.65) translate(-1366px, -1071px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .Info-completa {
    margin: -7% 0% 0% -14%;
    transform: scale(0.7);
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(852px, 576px) scale(2.5);
  }

  .visor-descripcion {
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin: -1% 0% 0% 6%;
  }


}



@media only screen and (max-width: 1920px) and (max-height: 991px) {

  .cuadro-contactanos {
    width: 74%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 11% 0% 0% 13%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .mailcontactanos {
    margin: 8% 0% 0% 16%;
  }

  .img-mail-contacto {
    margin: -7% 0% 0% 2%;
    width: 90px;
  }

  .img-whats-contacto {
    margin: 2% 0% 0% -9%;
    width: 70px;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -12% 0% 0% -44%;
    text-transform: uppercase;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -15% 0% 0% -44%;
    text-transform: uppercase;
  }


}


@media only screen and (max-width: 1920px) and (max-height: 963px) {
  #videoIframe {
    width: 911px;
    height: 401px;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 0% 0% 1% 10%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 28px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 12%;
    margin: 0% 0% 0% 5%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 25px;
    width: 119%;
    text-align: center;
    padding: 7% 21% 0% 0%;
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 0% -16% 4%;
  }

  .lineaCuadroInicio {
    width: 322px;
    height: 6px;
    background-color: #00C6AC;
    margin: 28% 0% 0% 2%;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 38px;
    text-align: center;
    padding: 11% 6% 1% 10%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 90px;
    height: 90px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 31px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 5% 0% 0% 1%;
  }

  .footContacto {
    margin: 0% 0% -9% -7%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -1% 0% 0% -15%;
  }

  .img-mail-whats {
    width: 90px;
    height: 90px;
    margin: 4% 0% 0% 0%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }

  .logo-foot {
    margin: 14% 0% 0% 43%;
    width: 190px;
  }

  .lineaMenu {
    width: 200px;
    height: 3px;
    background-color: #00C6AC;
    margin: 7% 0% -7% 18%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 7% 0% 0%;
    width: 17%;
    height: 80%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu a {
    font-size: 20px;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 740px;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 38px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 12%;
  }

  .lineaCuadroInicio-exp {
    width: 322px;
    height: 6px;
    background-color: #00C6AC;
    margin: 8% 0% 0% 8%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 44px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
    margin: -17% 0% 0% 0%;
  }

  .cuadroInicioVal-exp {
    width: 16%;
    height: 800px;
    margin: 0% 0% -22% 8%;
  }

  .tamInfo {
    transform: scale(0.7) translate(-1366px, -982px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 1024px;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 33px;
    line-height: 2;
    margin: -37% 0% 4% 43%;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .img-exp-demo {
    width: 35%;
    margin: -1% 0% 9% 8%;
  }

  /* Contacto */

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -10% 0% 0% -53%;
    text-transform: uppercase;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -14% 0% 0% -60%;
    text-transform: uppercase;
  }

  .img-whats-contacto {
    margin: 3% 0% 0% -19%;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -30% 0% 0% 29%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #ffffff;
    margin: -2% 0% 0% 14%;
  }

  .mailcontactanos {
    margin: 4% 0% 0% 18%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -14% 0% 0% -67%;
    text-transform: uppercase;
  }

  .cuadro-contactanos {
    width: 74%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 11% 0% 0% 13%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .mailcontactanos {
    margin: 10% 0% 0% 18%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -12% 0% 0% -46%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -8% 0% 0% 65%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -18% 0% 0% -51%;
    text-transform: uppercase;
  }

  .mov {
    margin: 0% 0% 0% 0%;
  }

  .img-equipo {
    margin: 7% 0% 0% 53%;
    width: 35%;
  }

  .Info-completa {
    margin: -3% 0% 0% -15%;
    transform: scale(0.7);
  }


}


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

  .contenido {
    width: 100%;
    height: 70%;
  }

  #videoIframe {
    width: 911px;
    height: 401px;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 0% 0% 1% 10%;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 800px;
    margin: 0% 0% -21% 10%;
  }



  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 28px;
    width: 128%;
    text-align: center;
    padding: 5% 12% 0% 12%;
    margin: 0% 0% 0% -14%;
  }



  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 20px;
    width: 119%;
    text-align: center;
    padding: 7% 21% 0% 0%;
  }

  .img-cuadroInicio {
    margin: 12% 0% 0% 6%;
    align-items: center;
    width: 70%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 0% -16% 4%;
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% 19%;
    align-items: center;
    width: 65%;
  }

  .lineaCuadroInicio {
    width: 322px;
    height: 6px;
    background-color: #00C6AC;
    margin: 21% 0% 0% -7%;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    padding: 7% 6% 1% 7%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 65px;
    height: 65px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 31px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .footContacto {
    margin: 0% 0% -12% -7%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -6% 0% 0% -15%;
  }

  .img-mail-whats {
    width: 65px;
    height: 65px;
    margin: 4% 0% 0% 0%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }



  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 7% 0% 0%;
    width: 19%;
    height: 65%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 200px;
    height: 3px;
    background-color: #00C6AC;
    margin: 12% 0% 0% 20%;
  }

  nav.navigation-menu li {
    margin: 3px auto 28px auto;
    list-style: none;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 763px;
  }

  .logo-foot {
    margin: 15% 0% 0% 44%;
    width: 130px;
  }


  .mailcontactanos {
    margin: 3% 0% 0% 18%;
  }

  .img-mail-contacto {
    margin: 0% 0% 0% -3%;
    width: 120px;
  }

  .Info-completa {
    margin: 2% 0% 0% 5%;
    transform: scale(1);
  }

  .img-equipo {
    margin: 10% 0% 0% 53%;
    width: 35%;
    transform: scale(1);
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    color: #ffffff;
    margin: -2% 32% 0% -5%;
    text-align: justify;
    line-height: 1;
    width: 80%;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .visor-descripcion {
    color: #fff;
    text-align: center;
    font-size: 10px;
    width: 70%;
    margin: 0% 0% 0% 10%;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(922px, 679px) scale(2.5);
  }

}


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

  .contenido {
    width: 100%;
    height: 70%;
  }

  #videoIframe {
    width: 911px;
    height: 401px;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 0% 0% -11% 10%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 28px;
    width: 128%;
    text-align: center;
    padding: 5% 12% 0% 12%;
    margin: 0% 0% 0% -8%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 20px;
    width: 119%;
    text-align: center;
    padding: 7% 21% 0% 0%;
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 0% -16% 4%;
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% 19%;
    align-items: center;
    width: 65%;
  }

  .lineaCuadroInicio {
    width: 322px;
    height: 6px;
    background-color: #00C6AC;
    margin: 21% 0% 0% -7%;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    padding: 7% 6% 1% 7%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 65px;
    height: 65px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 31px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .footContacto {
    margin: 0% 0% -12% -7%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -6% 0% 0% -15%;
  }

  .img-mail-whats {
    width: 65px;
    height: 65px;
    margin: 4% 0% 0% 0%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }



  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 7% 0% 0%;
    width: 19%;
    height: 81%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 200px;
    height: 3px;
    background-color: #00C6AC;
    margin: 12% 0% 0% 16%;
  }

  nav.navigation-menu li {
    margin: 3px auto 28px auto;
    list-style: none;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 630px;
  }

  .logo-foot {
    margin: 15% 0% 0% 44%;
    width: 130px;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 12%;
  }

  .lineaCuadroInicio-exp {
    width: 251px;
    height: 6px;
    background-color: #00C6AC;
    margin: 8% 0% 0% 8%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 44px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
    margin: -26% 0% 0% 0%;
  }

  .cuadroInicioVal-exp {
    width: 16%;
    height: 800px;
    margin: 0% 0% -33% 8%;
  }

  .tamInfo {
    transform: scale(0.65) translate(-1139px, -1024px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 1024px;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 33px;
    line-height: 2;
    margin: -48% 0% 4% 43%;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .img-exp-demo {
    width: 35%;
    margin: 4% 0% 9% 8%;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #00C6AC;
    margin: -30% 0% 0% 31%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    margin: -3% 0% 0% 14%;
  }

  .mailcontactanos {
    margin: 6% 0% 0% 14%;
  }

  .whatscontactanos {
    margin: -7% 0% 0% 68%;
  }

  .img-whats-contacto {
    margin: 1% 0% 0% -27%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -20% 0% 0% -54%;
    text-transform: uppercase;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -12% 0% 0% -48%;
    text-transform: uppercase;
  }

  .img-mail-contacto {
    margin: -2% 0% 0% -3%;
    width: 90px;
  }

  .img-whats-contacto {
    margin: 1% 0% 0% -27%;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 800px;
    margin: 0% 0% -24% 10%;
  }

  .Info-completa {
    margin: 4% 0% 0% -8%;
    transform: scale(0.8);
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    color: #ffffff;
    margin: -2% 32% 0% -5%;
    text-align: justify;
    line-height: 1;
    width: 80%;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 44px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .subtitulo-info {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -2% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -3% 0% -4% 14%;
  }

  .subtitulo-info-axel {
    margin: -3% 0% -4% 1%;
  }

  .img-equipo {
    margin: 0% 0% 0% 40%;
    width: 35%;
    transform: scale(0.9);
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(758px, 380px) scale(2);
  }


}


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

  .contenido {
    width: 100%;
    height: 54%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 180%;
    width: 90%;
    padding: 2% 8% 0% 6%;
    margin: 0px 0% 0% 5%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 50px;
    text-align: center;
    padding: 2%;
  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: 0% 0% -24% 0%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 24px;
    width: 136%;
    text-align: center;
    padding: 5% 12% 0% 0%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 2% 0% 5% 9%;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 800px;
    margin: 0% 0% -5% 10%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% -9%;
    align-items: center;
    width: 115%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio-exp {
    width: 251px;
    height: 6px;
    background-color: #00C6AC;
    margin: 8% 0% 0% -14%;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 6%;
    margin: 0% 0% 0% -3%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 20px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 0% 0% 0% -13%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    margin: -17% 0% 0% 12%;
    color: white;

  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: 1% 12% 0% 0%;
    scale: 2;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -5% -1% 2% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: 1% 12% 0% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias:focus,
  .btn-video-close-experiencias:hover {
    text-decoration: none;
    cursor: pointer;
    /* Animación para el efecto de parpadeo */
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 3% -16% 2%;
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% 28%;
    align-items: center;
    width: 70%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% 8%;
    align-items: center;
    width: 84%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 225px;
    height: 6px;
    background-color: #00C6AC;
    margin: 28% 0% 0% 2%;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .footContacto {
    margin: 0% 0% -12% -7%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -4% 0% 0% -15%;
  }

  .img-mail-whats {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }

  .logo-foot {
    margin: 14% 0% 0% 45%;
    width: 125px;
  }

  .lineaMenu {
    width: 200px;
    height: 3px;
    background-color: #00C6AC;
    margin: 12% 0% 0% 12%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 7% 0% 0%;
    width: 19%;
    height: 65%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 44px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
    margin: -8% 0% 0% 0%;
  }

  .cuadroInicioVal-exp {
    width: 16%;
    height: 800px;
    margin: 0% 0% -17% 8%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 4% 0% 0% 34%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 14%;
    margin: -1% 0% 0% -2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 152%;
    margin: 3% 0% 0% -30%;
    height: 71%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 3% 0% 3% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 94%;
    height: 83%;
    border-radius: 170px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 4% 0% 0% 3%;
  }

  .cuadro-txt-experienciasAR {
    width: 63%;
    height: 88%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 34%;
  }

  .img-exp-txt {
    margin: -47% 0% 0% -121%;
  }

  .cuadro-txt-PublicidadAR {
    width: 65%;
    height: 93%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 33%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 21%;
    height: 0%;
    margin: 3% -12% 0% 36%;
    font-size: 29px;
  }

  .img-exp-txt-publiAR {
    margin: -25% 0% 0% -119%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 4% 0% 0% 21%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 21%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 65%;
    height: 86%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 35%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -26% 0% 0% -123%;
  }

  .cuadro-txt-identidadAR {
    width: 68%;
    height: 86%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -45% 0% 0% -119%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 2% 6% 0% 4%;
    text-align: center;
    margin: -3% 0% 0% 0%;
    line-height: 1.5;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% 0% 1%;
    line-height: 1.2;
  }

  .cuadro-txt-experienciasVR {
    width: 63%;
    height: 88%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -31% 0% 0% -120%;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    padding: 9% 0% 0% 2%;

  }

  .Info-completa {
    margin: 8% 0% 0% 3%;
    transform: scale(1);
  }

  .img-equipo {
    margin: 2% 0% 0% 40%;
    width: 35%;
    transform: scale(1);
  }

  .Info-completa-Lau {
    margin: 30% 0% 0% 2%;
  }

  .Info-completa-Luis {
    margin: 32% 0% 0% -10%;
    scale: 76%;
  }

  .Info-completa-Humberto {
    margin: 25% 0% 0% -10%;
    scale: 76%;
  }


  .closeInfo {
    margin: -28% 0% 0% 35%;

  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 37%
  }

  .closeInfo-antonio {
    margin: -36% 0% 0% 37%
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .habilidades {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 1.5;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    color: #ffffff;
    margin: -2% 32% 0% -5%;
    text-align: justify;
    line-height: 1;
    width: 80%;
  }


  .subtitulo-info {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 1%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subtitulo-info-axel {
    margin: -4% 0% -4% 0%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 27px;
  }



  .color-sub {
    color: #00C6AC;
  }


  ul {
    /* list-style-image: url('../img/Nosotros/vineta.png'); */
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -12%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 50%;
    height: 0%;
    margin: 5% -12% 0% 12%;
    font-size: 22px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 0% 0% 0% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: -5% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    width: 90%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -12%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -2%;
    width: 66%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 75%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -6%;
    transform: scale(0.8);
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -59% 0% 0% 24%;
    ;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 31%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 31% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -105% 0% 0% 6%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -4%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 60% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 31% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -105% 0% 0% 6%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 60% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 35%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 31% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -105% 0% 0% 6%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- END SERVICIOS------------------------------------------------------------- */
  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 13% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -26% 0% 0% 29%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    color: #ffffff;
    margin: -3% 0% 0% 14%;
  }

  .mailcontactanos {
    margin: 8% 0% 0% 6%;
  }

  .img-mail-contacto {
    margin: -4% 0% 0% 9%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -11% 0% 0% -34%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -9% 0% 0% 65%;
  }

  .img-whats-contacto {
    margin: 7% 0% 0% -19%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -16% 0% 0% -52%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*----------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 95%;
    height: 84%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 16%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 41%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: -2% 0% 0% 0%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -54% 0% 0% 50%;
    padding-bottom: 11%;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 639px;
    margin: -46% 0% 0% 48%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 85%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 4% 0% 0% 58%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 17%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -1% 0% 0% -2%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 12%;
  }

  .AR {
    margin: 5% 0% 0% 0%;
    padding-bottom: 5%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 5%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 32%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 4% 0% 0% 0%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 293px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */
  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(758px, 494px) scale(2);
  }

}


/* ---------------------------------------------------------Inicio Responsivo 1470-------------------------------------------------------- */
@media only screen and (max-width: 1470px) {

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 200%;
    width: 90%;
    padding: 2% 8% 0% 6%;
    margin: 0px 0% 0% 5%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    padding: 2%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 2% 0% 3% 9%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    margin: -17% 0% 0% 12%;
    color: white;

  }

  .tamInfo {
    transform: scale(0.6) translate(-1237px, -1110px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -7% -3% 0% 0%;
    scale: 1.5;
  }

  .btn-video-experiencias {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin-top: 0;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -4% 0% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias:focus,
  .btn-video-close-experiencias:hover {
    text-decoration: none;
    cursor: pointer;
    /* Animación para el efecto de parpadeo */
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 3% -16% 2%;
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% 28%;
    align-items: center;
    width: 70%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% 8%;
    align-items: center;
    width: 84%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 225px;
    height: 6px;
    background-color: #00C6AC;
    margin: 28% 0% 0% 2%;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .footContacto {
    margin: 0% 0% -9% -7%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -4% 0% 0% -15%;
  }

  .img-mail-whats {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }


  .center-container-menu {
    position: relative;
    display: table;
    width: 106%;
    height: 108%;
  }

  .lineaMenu {
    width: 200px;
    height: 3px;
    background-color: #00C6AC;
    margin: 5% 0% 0% 10%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 8% 0% 0%;
    width: 19%;
    height: 72%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 632px;
  }

  .logo-foot {
    margin: 14% 0% 0% 45%;
    width: 125px;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 2;
    margin: -39% 0% 4% 41%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 4% 0% 0% 28%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 38px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 14%;
    margin: -1% 0% 0% -5%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 152%;
    margin: 3% 0% 0% -30%;
    height: 71%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 3% 0% 3% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 94%;
    height: 87%;
    border-radius: 170px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 4% 0% 0% 3%;
  }

  .cuadro-txt-experienciasAR {
    width: 63%;
    height: 73%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 6% 0% 0% 34%;
  }

  .img-exp-txt {
    margin: -56% 0% 0% -122%;
    width: 43%;
  }

  .cuadro-txt-PublicidadAR {
    width: 65%;
    height: 81%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 5% 0% 0% 33%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: white;
    padding: 6% 10% 0% 4%;
    text-align: center;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 4% -12% 2% 34%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    margin: 6% 0% 0% 0%;
  }

  .img-exp-txt-publiAR {
    margin: -33% 0% 0% -121%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 4% 0% 0% 21%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 5% 0% 0% 21%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 65%;
    height: 73%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 8% 0% 0% 35%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -34% 0% 0% -123%;
  }

  .cuadro-txt-identidadAR {
    width: 68%;
    height: 77%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 7% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -35% 0% 0% -120%;
  }


  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 28%;
    text-transform: uppercase;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 2% 6% 0% 4%;
    text-align: center;
    margin: 0% 0% 0% 0%;
    line-height: 1.5;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    padding: 3% 6% 1% 2%;
    text-align: center;
    margin: 2% 0% 0% 0%;
    line-height: 1.5;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 3% 0% 0% 1%;
    line-height: 1.2;
  }

  .cuadro-txt-experienciasVR {
    width: 63%;
    height: 80%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 5% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -41% 0% 0% -123%;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    padding: 9% 0% 0% 2%;

  }

  .Info-completa {
    margin: 4% 0% 0% -8%;
    scale: 76%;
  }

  .Info-completa-Lau {
    margin: 26% 0% 0% -11%;

  }

  .Info-completa-Luis {
    margin: 32% 0% 0% -10%;
    scale: 76%;
  }

  .Info-completa-Humberto {
    margin: 25% 0% 0% -10%;
    scale: 76%;
  }


  .closeInfo {
    margin: -28% 0% 0% 35%;
  }

  .closeInfoLuis {
    margin: 0% 0% 0% -9%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 37%
  }

  .closeInfo-antonio {
    margin: -36% 0% 0% 39%
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .habilidades {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 1.5;
  }


  .subtitulo-info {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 27px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    /* list-style-image: url('../img/Nosotros/vineta.png'); */
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -9%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 60%;
    height: 0%;
    margin: 0% -12% 6% 14%;
    font-size: 22px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 0% 0% 9% 1%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 23px;
    color: #ffffff;
    margin: 0% 32% 0% -8%;
    text-align: justify;
    line-height: 1.3;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -15%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 4% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -2%;
    width: 66%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 69%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -5%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 80% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -64% 0% 0% 19%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 26%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 36% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -111% 0% 0% 4%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 42px;
    color: #ffffff;
    margin: 4% 0% 0% 2%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 60% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 46% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -119% 0% 0% 6%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 60% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 35%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 31% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -105% 0% 0% 4%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 31% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- END SERVICIOS------------------------------------------------------------- */
  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 13% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -26% 0% 0% 29%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    color: #ffffff;
    margin: -3% 0% 0% 14%;
  }

  .mailcontactanos {
    margin: 10% 0% 0% 6%;
  }

  .img-mail-contacto {
    margin: -4% 0% 0% 9%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -11% 0% 0% -31%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -9% 0% 0% 65%;
  }

  .img-whats-contacto {
    margin: 6% 0% 0% -16%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -17% 0% 0% -43%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*----------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 95%;
    height: 84%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 16%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 41%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: -2% 0% 0% 0%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -54% 0% 0% 50%;
    padding-bottom: 11%;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 639px;
    margin: -46% 0% 0% 48%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 85%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 4% 0% 0% 58%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 16%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -2% 0% 0% -3%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 12%;
  }

  .AR {
    margin: 5% 0% 0% 0%;
    padding-bottom: 5%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 21%;
    margin: 2% 0% 0% 10%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 32%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 28%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 4% 0% 0% 0%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 293px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(626px, 347px) scale(2);
  }



}


/* -------------------------------------------------------Fin Inicio Responsivo 1470-------------------------------------------------------- */

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

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: white;
    width: 100%;
    padding: 16% 0% 0% 22%;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 166%;
    width: 90%;
    padding: 2% 8% 0% 6%;
    margin: 0px 0% 0% 5%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    padding: 2%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 2% 0% 3% 9%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    margin: -17% 0% 0% 12%;
    color: white;

  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -7% -3% 0% 0%;
    scale: 1.5;
  }

  .btn-video-experiencias {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin-top: 0;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -4% 0% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias:focus,
  .btn-video-close-experiencias:hover {
    text-decoration: none;
    cursor: pointer;
    /* Animación para el efecto de parpadeo */
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 3% -16% 2%;
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% 28%;
    align-items: center;
    width: 70%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% 8%;
    align-items: center;
    width: 84%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 225px;
    height: 6px;
    background-color: #00C6AC;
    margin: 28% 0% 0% 2%;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .footContacto {
    margin: 0% 0% -9% -7%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -4% 0% 0% -15%;
  }

  .img-mail-whats {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }


  .center-container-menu {
    position: relative;
    display: table;
    width: 106%;
    height: 108%;
  }

  .lineaMenu {
    width: 200px;
    height: 3px;
    background-color: #00C6AC;
    margin: 5% 0% 0% 10%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 8% 0% 0%;
    width: 19%;
    height: 72%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 534px;
  }

  .logo-foot {
    margin: 14% 0% 0% 45%;
    width: 125px;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 2;
    margin: -39% 0% 4% 41%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 4% 0% 0% 28%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 38px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 14%;
    margin: -1% 0% 0% -5%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 152%;
    margin: 3% 0% 0% -30%;
    height: 71%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 3% 0% 3% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 94%;
    height: 87%;
    border-radius: 170px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 4% 0% 0% 3%;
  }

  .cuadro-txt-experienciasAR {
    width: 63%;
    height: 73%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 6% 0% 0% 34%;
  }

  .img-exp-txt {
    margin: -56% 0% 0% -122%;
    width: 43%;
  }

  .cuadro-txt-PublicidadAR {
    width: 65%;
    height: 81%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 5% 0% 0% 33%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: white;
    padding: 6% 10% 0% 4%;
    text-align: center;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 4% -12% 2% 34%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    margin: 6% 0% 0% 0%;
  }

  .img-exp-txt-publiAR {
    margin: -33% 0% 0% -121%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 4% 0% 0% 21%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 5% 0% 0% 21%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 65%;
    height: 73%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 8% 0% 0% 35%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -34% 0% 0% -123%;
  }

  .cuadro-txt-identidadAR {
    width: 68%;
    height: 77%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 7% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -35% 0% 0% -120%;
  }


  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 28%;
    text-transform: uppercase;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 2% 6% 0% 4%;
    text-align: center;
    margin: 0% 0% 0% 0%;
    line-height: 1.5;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    padding: 3% 6% 1% 2%;
    text-align: center;
    margin: 2% 0% 0% 0%;
    line-height: 1.5;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 3% 0% 0% 1%;
    line-height: 1.2;
  }

  .cuadro-txt-experienciasVR {
    width: 63%;
    height: 80%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 5% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -41% 0% 0% -123%;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    padding: 9% 0% 0% 2%;

  }

  .Info-completa {
    margin: 31% 0% 0% -10%;
    scale: 76%;
  }

  .Info-completa-Lau {
    margin: 26% 0% 0% -11%;

  }

  .Info-completa-Luis {
    margin: 32% 0% 0% -10%;
    scale: 76%;
  }

  .Info-completa-Humberto {
    margin: 25% 0% 0% -10%;
    scale: 76%;

  }


  .closeInfo {
    margin: -28% 0% 0% 35%;
  }

  .closeInfoLuis {
    margin: 0% 0% 0% -9%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 37%
  }

  .closeInfo-antonio {
    margin: -36% 0% 0% 39%
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .habilidades {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 1.5;
  }


  .subtitulo-info {
    margin: -5% 0% 0% 10%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 27px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    /* list-style-image: url('../img/Nosotros/vineta.png'); */
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -9%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 44%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 0% 0% 9% 1%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% 3%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -2%;
    width: 66%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 69%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -5%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 80% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -64% 0% 0% 19%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 26%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 36% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -111% 0% 0% 4%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 42px;
    color: #ffffff;
    margin: 4% 0% 0% 2%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 60% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 46% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -119% 0% 0% 6%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 60% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 35%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 31% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -105% 0% 0% 4%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 31% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- END SERVICIOS------------------------------------------------------------- */
  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 13% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -26% 0% 0% 29%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    color: #ffffff;
    margin: -3% 0% 0% 14%;
  }

  .mailcontactanos {
    margin: 10% 0% 0% 6%;
  }

  .img-mail-contacto {
    margin: -4% 0% 0% 9%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -11% 0% 0% -31%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -9% 0% 0% 65%;
  }

  .img-whats-contacto {
    margin: 6% 0% 0% -16%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -17% 0% 0% -43%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*----------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 95%;
    height: 84%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 16%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 41%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: -2% 0% 0% 0%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -54% 0% 0% 50%;
    padding-bottom: 11%;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 639px;
    margin: -46% 0% 0% 48%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 85%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 4% 0% 0% 58%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 16%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -2% 0% 0% -3%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 12%;
  }

  .AR {
    margin: 5% 0% 0% 0%;
    padding-bottom: 5%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 21%;
    margin: 2% 0% 0% 10%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 32%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 28%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 4% 0% 0% 0%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 293px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */
}

/* ---------------------------------------------------------Inicio Responsivo 1440 -------------------------------------------------------- */
@media only screen and (max-width: 1440px) {

  .contenido {
    width: 100%;
    height: 54%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 185%;
    width: 90%;
    padding: 2% 8% 0% 6%;
    margin: 0px 0% 0% 5%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 50px;
    text-align: center;
    padding: 2%;
  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: 0% 0% -24% 0%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 24px;
    width: 136%;
    text-align: center;
    padding: 5% 12% 0% 0%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 2% 0% 5% 9%;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 800px;
    margin: 0% 0% -11% 10%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 19px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 0% 0% 0% -9%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    margin: -17% 0% 0% 12%;
    color: white;

  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: 1% 12% 0% 0%;
    scale: 2;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -5% -1% 2% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: 1% 12% 0% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias:focus,
  .btn-video-close-experiencias:hover {
    text-decoration: none;
    cursor: pointer;
    /* Animación para el efecto de parpadeo */
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 3% -16% 2%;
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% 28%;
    align-items: center;
    width: 70%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% 8%;
    align-items: center;
    width: 84%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 225px;
    height: 6px;
    background-color: #00C6AC;
    margin: 28% 0% 0% 2%;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .footContacto {
    margin: 0% 0% -12% -7%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -4% 0% 0% -15%;
  }

  .img-mail-whats {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }

  .logo-foot {
    margin: 14% 0% 0% 45%;
    width: 125px;
  }

  .lineaMenu {
    width: 200px;
    height: 3px;
    background-color: #00C6AC;
    margin: 9% 0% 0% 15%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 7% 0% 0%;
    width: 20%;
    height: 78%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    width: 100%;
    text-align: center;
    padding: 12% 12% 0% 9%;
  }

  .lineaCuadroInicio-exp {
    width: 240px;
    height: 6px;
    background-color: #00C6AC;
    margin: 8% 0% 0% -10%;
  }


  .img-cuadroInicio-exp {
    margin: 7% 0% 0% -5%;
    align-items: center;
    width: 110%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }


  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
    margin: -10% 0% 0% 0%;
  }

  .cuadroInicioVal-exp {
    width: 16%;
    height: 800px;
    margin: 0% 0% -18% 8%;
  }

  .tamInfo {
    transform: scale(0.65) translate(-1139px, -1024px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 1024px;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 33px;
    line-height: 2;
    margin: -48% 0% 4% 43%;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .img-exp-demo {
    width: 35%;
    margin: 4% 0% 9% 8%;
  }



  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 4% 0% 0% 34%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 14%;
    margin: -1% 0% 0% -2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 152%;
    margin: 3% 0% 0% -30%;
    height: 71%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 3% 0% 3% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 94%;
    height: 83%;
    border-radius: 170px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 4% 0% 0% 3%;
  }

  .cuadro-txt-experienciasAR {
    width: 63%;
    height: 88%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 34%;
  }

  .img-exp-txt {
    margin: -47% 0% 0% -121%;
  }

  .cuadro-txt-PublicidadAR {
    width: 65%;
    height: 93%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 33%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 21%;
    height: 0%;
    margin: 3% -12% 0% 36%;
    font-size: 29px;
  }

  .img-exp-txt-publiAR {
    margin: -25% 0% 0% -119%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 4% 0% 0% 21%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 21%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 65%;
    height: 86%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 35%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -26% 0% 0% -123%;
  }

  .cuadro-txt-identidadAR {
    width: 68%;
    height: 86%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -45% 0% 0% -119%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 2% 6% 0% 4%;
    text-align: center;
    margin: -3% 0% 0% 0%;
    line-height: 1.5;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% 0% 1%;
    line-height: 1.2;
  }

  .cuadro-txt-experienciasVR {
    width: 63%;
    height: 88%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -31% 0% 0% -120%;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    padding: 9% 0% 0% 2%;

  }

  .Info-completa {
    margin: 2% 0% 0% -2%;
    scale: 87%;
  }

  .Info-completa-Lau {
    margin: 30% 0% 0% 2%;
  }

  .Info-completa-Luis {
    margin: 32% 0% 0% -10%;
    scale: 76%;
  }

  .Info-completa-Humberto {
    margin: 25% 0% 0% -10%;
    scale: 76%;
  }


  .closeInfo {
    margin: -28% 0% 0% 35%;

  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 37%
  }

  .closeInfo-antonio {
    margin: -36% 0% 0% 37%
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .habilidades {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 1.5;
  }

  .subtitulo-info {
    margin: -7% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 1%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subtitulo-info-axel {
    margin: -3% 0% -4% 1%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 27px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    /* list-style-image: url('../img/Nosotros/vineta.png'); */
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -12%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 70%;
    height: 0%;
    margin: 5% -12% 0% 9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 0% 0% 0% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    width: 89%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -11%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 7% 0% 2% 0%;
    width: 80%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 78%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -1%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -59% 0% 0% 24%;
    ;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 31%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 31% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -105% 0% 0% 6%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -4%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 60% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 31% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -105% 0% 0% 6%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 60% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 35%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 31% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -105% 0% 0% 6%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- END SERVICIOS------------------------------------------------------------- */
  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 13% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -26% 0% 0% 29%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    color: #ffffff;
    margin: -3% 0% 0% 14%;
  }

  .mailcontactanos {
    margin: 5% 0% 0% 6%;
  }

  .img-mail-contacto {
    margin: -4% 0% 0% 9%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -11% 0% 0% -28%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -7% 0% 0% 65%;
  }

  .img-whats-contacto {
    margin: -3% 0% 0% -13%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -17% 0% 0% -34%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*----------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 95%;
    height: 84%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 16%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 41%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: -2% 0% 0% 0%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -54% 0% 0% 50%;
    padding-bottom: 11%;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 639px;
    margin: -46% 0% 0% 48%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 85%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 4% 0% 0% 58%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 17%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -1% 0% 0% -2%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 12%;
  }

  .AR {
    margin: 5% 0% 0% 0%;
    padding-bottom: 5%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 5%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 32%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 4% 0% 0% 0%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 293px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 11px;
    text-align: center;
    margin: 1% 0% 0% 11%;
    width: 70%;
  }


  /* ------------------------------End Centro de Novedades------------------------------- */


}


@media only screen and (max-width: 1422px) {
  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(711px, 354px) scale(2);
  }
}



@media only screen and (max-width: 1400px) {
  .tamInfo {
    transform: scale(0.45) translate(-1579px, -1396px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .cuadro-contactanos {
    width: 81%;
    height: 57%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 8% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 8% 0% 0%;
    width: 19%;
    height: 83%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 215%;
    width: 90%;
    padding: 2% 8% 0% 6%;
    margin: 0px 0% 0% 5%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 9%;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 39px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .Info-completa {
    margin: 2% 3% 0% -9%;
    scale: 78%;
  }


}

/* -------------------------------------------------------Fin Inicio Responsivo 1440 -------------------------------------------------------- */

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

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 204%;
    width: 90%;
    padding: 2% 8% 0% 6%;
    margin: 0px 0% 0% 5%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    padding: 2%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 2% 0% 3% 9%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    margin: -17% 0% 0% 12%;
    color: white;

  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -7% -3% 0% 0%;
    scale: 1.5;
  }

  .btn-video-experiencias {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin-top: 0;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -4% 0% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias:focus,
  .btn-video-close-experiencias:hover {
    text-decoration: none;
    cursor: pointer;
    /* Animación para el efecto de parpadeo */
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 3% -16% 2%;
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% 28%;
    align-items: center;
    width: 70%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% 8%;
    align-items: center;
    width: 84%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 225px;
    height: 6px;
    background-color: #00C6AC;
    margin: 28% 0% 0% 2%;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .footContacto {
    margin: 0% 0% -9% -7%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -4% 0% 0% -15%;
  }

  .img-mail-whats {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }


  .center-container-menu {
    position: relative;
    display: table;
    width: 106%;
    height: 108%;
  }

  .lineaMenu {
    width: 200px;
    height: 3px;
    background-color: #00C6AC;
    margin: 5% 0% 0% 10%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 8% 0% 0%;
    width: 19%;
    height: 80%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 534px;
  }

  .logo-foot {
    margin: 14% 0% 0% 45%;
    width: 125px;
  }




  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 4% 0% 0% 28%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 38px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 14%;
    margin: -1% 0% 0% -5%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 152%;
    margin: 3% 0% 0% -30%;
    height: 71%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 3% 0% 3% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 94%;
    height: 87%;
    border-radius: 170px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 4% 0% 0% 3%;
  }

  .cuadro-txt-experienciasAR {
    width: 63%;
    height: 73%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 6% 0% 0% 34%;
  }

  .img-exp-txt {
    margin: -56% 0% 0% -122%;
    width: 43%;
  }

  .cuadro-txt-PublicidadAR {
    width: 65%;
    height: 81%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 5% 0% 0% 33%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: white;
    padding: 6% 10% 0% 4%;
    text-align: center;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 4% -12% 2% 34%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    margin: 6% 0% 0% 0%;
  }

  .img-exp-txt-publiAR {
    margin: -33% 0% 0% -121%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 4% 0% 0% 21%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 5% 0% 0% 21%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 65%;
    height: 73%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 8% 0% 0% 35%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -34% 0% 0% -123%;
  }

  .cuadro-txt-identidadAR {
    width: 68%;
    height: 77%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 7% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -35% 0% 0% -120%;
  }


  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 28%;
    text-transform: uppercase;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 2% 6% 0% 4%;
    text-align: center;
    margin: 0% 0% 0% 0%;
    line-height: 1.5;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    padding: 3% 6% 1% 2%;
    text-align: center;
    margin: 2% 0% 0% 0%;
    line-height: 1.5;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 3% 0% 0% 1%;
    line-height: 1.2;
  }

  .cuadro-txt-experienciasVR {
    width: 63%;
    height: 80%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 5% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -41% 0% 0% -123%;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    padding: 9% 0% 0% 2%;

  }

  .Info-completa {
    margin: 31% 0% 0% -10%;

    scale: 76%;
  }

  .Info-completa-Lau {
    margin: 26% 0% 0% -11%;

  }

  .Info-completa-Luis {
    margin: 32% 0% 0% -10%;

    scale: 76%;
  }

  .Info-completa-Humberto {
    margin: 25% 0% 0% -10%;
    scale: 76%;
  }


  .closeInfo {
    margin: -28% 0% 0% 35%;
  }

  .closeInfoLuis {
    margin: 0% 0% 0% -9%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 37%
  }

  .closeInfo-antonio {
    margin: -36% 0% 0% 39%
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .habilidades {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 1.5;
  }


  .subtitulo-info {
    margin: -5% 0% 0% 10%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 27px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -9%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 44%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 0% 0% 9% 1%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% 3%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -2%;
    width: 66%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 69%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -5%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 80% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -64% 0% 0% 19%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 26%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 36% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -111% 0% 0% 4%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 42px;
    color: #ffffff;
    margin: 4% 0% 0% 2%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 60% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 46% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -119% 0% 0% 6%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 60% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 35%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 31% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -105% 0% 0% 4%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 31% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- END SERVICIOS------------------------------------------------------------- */
  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 13% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -26% 0% 0% 29%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    color: #ffffff;
    margin: -3% 0% 0% 14%;
  }

  .mailcontactanos {
    margin: 10% 0% 0% 6%;
  }

  .img-mail-contacto {
    margin: -4% 0% 0% 9%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -5% 0% 0% -31%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -7% 0% 0% 65%;
  }

  .img-whats-contacto {
    margin: 6% 0% 0% -16%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -12% 0% 0% -35%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*----------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 95%;
    height: 84%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 16%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 41%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: -2% 0% 0% 0%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -54% 0% 0% 50%;
    padding-bottom: 11%;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 639px;
    margin: -46% 0% 0% 48%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 85%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 4% 0% 0% 58%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 16%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -2% 0% 0% -3%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 12%;
  }

  .AR {
    margin: 5% 0% 0% 0%;
    padding-bottom: 5%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 21%;
    margin: 2% 0% 0% 10%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 32%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 28%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 4% 0% 0% 0%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 293px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(595px, 264px) scale(2);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 11px;
    text-align: center;
    margin: -6% 0% 0% 15%;
    width: 70%;
  }

  /* ------------------------------End Centro de Novedades------------------------------- */
}

@media only screen and (max-width: 1366px) and (max-height: 1024px) {

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 155%;
    width: 90%;
    padding: 2% 8% 0% 6%;
    margin: 0px 0% 0% 5%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    padding: 2%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 2% 15% -2% 2%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    margin: -17% 0% 0% 12%;
    color: white;

  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -7% -3% 0% 0%;
    scale: 1.5;
  }

  .btn-video-experiencias {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin-top: 0;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -4% 0% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias:focus,
  .btn-video-close-experiencias:hover {
    text-decoration: none;
    cursor: pointer;
    /* Animación para el efecto de parpadeo */
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 3% -16% 2%;
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% 28%;
    align-items: center;
    width: 70%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% 8%;
    align-items: center;
    width: 84%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 225px;
    height: 6px;
    background-color: #00C6AC;
    margin: 28% 0% 0% 2%;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 8%;
  }

  .img-mail-foot {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .footContacto {
    margin: 0% 0% -9% -7%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -4% 0% 0% -15%;
  }

  .img-mail-whats {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }


  .center-container-menu {
    position: relative;
    display: table;
    width: 106%;
    height: 108%;
  }

  .lineaMenu {
    width: 200px;
    height: 3px;
    background-color: #00C6AC;
    margin: 5% 0% 0% 10%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 8% 0% 0%;
    width: 19%;
    height: 60%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 534px;
  }

  .logo-foot {
    margin: 14% 0% 0% 45%;
    width: 125px;
  }

  .tamInfo {
    transform: scale(0.65) translate(-1044px, -957px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 27px;
    line-height: 2;
    margin: -42% 0% 4% 37%;
  }

  .img-exp-demo {
    width: 35%;
    margin: 7% 0% 9% 4%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 4% 0% 0% 28%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 38px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 14%;
    margin: -1% 0% 0% -5%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 152%;
    margin: 3% 0% 0% -30%;
    height: 71%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 3% 0% 3% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 94%;
    height: 87%;
    border-radius: 170px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 4% 0% 0% 3%;
  }

  .cuadro-txt-experienciasAR {
    width: 63%;
    height: 73%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 6% 0% 0% 34%;
  }

  .img-exp-txt {
    margin: -56% 0% 0% -122%;
    width: 43%;
  }

  .cuadro-txt-PublicidadAR {
    width: 65%;
    height: 81%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 5% 0% 0% 33%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: white;
    padding: 6% 10% 0% 4%;
    text-align: center;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 4% -12% 2% 34%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    margin: 6% 0% 0% 0%;
  }

  .img-exp-txt-publiAR {
    margin: -33% 0% 0% -121%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 4% 0% 0% 21%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 5% 0% 0% 21%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 65%;
    height: 73%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 8% 0% 0% 35%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -34% 0% 0% -123%;
  }

  .cuadro-txt-identidadAR {
    width: 68%;
    height: 77%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 7% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -35% 0% 0% -120%;
  }


  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 28%;
    text-transform: uppercase;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 2% 6% 0% 4%;
    text-align: center;
    margin: 0% 0% 0% 0%;
    line-height: 1.5;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    padding: 3% 6% 1% 2%;
    text-align: center;
    margin: 2% 0% 0% 0%;
    line-height: 1.5;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 3% 0% 0% 1%;
    line-height: 1.2;
  }

  .cuadro-txt-experienciasVR {
    width: 63%;
    height: 80%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 5% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -41% 0% 0% -123%;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    padding: 9% 0% 0% 2%;

  }

  .Info-completa {
    margin: 1% 0% 0% 5%;
    scale: 98%;
  }

  .Info-completa-Lau {
    margin: 26% 0% 0% -11%;

  }

  .Info-completa-Luis {
    margin: 32% 0% 0% -10%;

    scale: 76%;
  }

  .Info-completa-Humberto {
    margin: 25% 0% 0% -10%;
    scale: 76%;

  }


  .closeInfo {
    margin: -28% 0% 0% 35%;
  }

  .closeInfoLuis {
    margin: 0% 0% 0% -9%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 37%
  }

  .closeInfo-antonio {
    margin: -36% 0% 0% 39%
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 36px;
    margin: -1% 0% 0% -15%;
    color: #ffffff;
  }

  .habilidades {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 1.5;
  }


  .subtitulo-info {
    margin: -5% 0% 0% 1%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subtitulo-info-axel {
    margin: -7% 0% -4% 1%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 22px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -9%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    margin: 5% -12% 0% 11%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 0% 0% 9% 2%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    width: 107%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .img-equipo {
    margin: 6% 0% 0% 40%;
    width: 35%;
    transform: scale(1);
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% 3%;
    line-height: 1.5;
  }

  .areas {
    margin: -6% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 9% 0% 2% -2%;
    width: 95%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 99%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -5%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 80% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -64% 0% 0% 19%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 26%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 36% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -111% 0% 0% 4%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 42px;
    color: #ffffff;
    margin: 4% 0% 0% 2%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 60% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 46% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -119% 0% 0% 6%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 60% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 35%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 31% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -105% 0% 0% 4%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 31% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- END SERVICIOS------------------------------------------------------------- */
  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 13% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -26% 0% 0% 29%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    color: #ffffff;
    margin: -3% 0% 0% 14%;
  }

  .mailcontactanos {
    margin: 10% 0% 0% -1%;
  }

  .img-mail-contacto {
    margin: -4% 0% 0% 9%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -11% 0% 0% -29%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -10% 0% 0% 65%;
  }

  .img-whats-contacto {
    margin: 6% 0% 0% -16%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -24% 0% 0% -22%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*----------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 95%;
    height: 84%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 16%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 41%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: -2% 0% 0% 0%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -54% 0% 0% 50%;
    padding-bottom: 11%;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 639px;
    margin: -46% 0% 0% 48%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 85%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 4% 0% 0% 58%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 16%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -2% 0% 0% -3%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 12%;
  }

  .AR {
    margin: 5% 0% 0% 0%;
    padding-bottom: 5%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 21%;
    margin: 2% 0% 0% 10%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 32%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 28%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 4% 0% 0% 0%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 293px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(643px, 516px) scale(1.8);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */
}

@media only screen and (max-width: 1366px) and (max-height: 768px) {

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 200%;
    width: 90%;
    padding: 2% 8% 0% 6%;
    margin: 0px 0% 0% 5%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    padding: 2%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 3% 0% -2% 13%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    margin: -17% 0% 0% 12%;
    color: white;

  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -7% -3% 0% 0%;
    scale: 1.5;
  }

  .btn-video-experiencias {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin-top: 0;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -4% 0% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias:focus,
  .btn-video-close-experiencias:hover {
    text-decoration: none;
    cursor: pointer;
    /* Animación para el efecto de parpadeo */
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 3% -16% 2%;
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% 28%;
    align-items: center;
    width: 70%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% -18%;
    align-items: center;
    width: 84%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 24px;
    width: 136%;
    text-align: center;
    padding: 5% 12% 0% 0%;
    margin: 0% 0% 0% -42%;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 12%;
    margin: 0% 0% 0% -1%;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 800px;
    margin: 0% 0% -14% 10%;
  }

  .lineaCuadroInicio-exp {
    width: 240px;
    height: 6px;
    background-color: #00C6AC;
    margin: 8% 0% -2% -12%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% -2%;
    align-items: center;
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 225px;
    height: 6px;
    background-color: #00C6AC;
    margin: 28% 0% 0% -36%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 19px;
    width: 140%;
    text-align: center;
    padding: 7% 0% 0% 0%;
    margin: 0% 0% 0% -51%;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .footContacto {
    margin: 0% 0% -9% -7%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -4% 0% 0% -15%;
  }

  .img-mail-whats {
    width: 55px;
    height: 55px;
    margin: 4% 0% 0% 0%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }


  .center-container-menu {
    position: relative;
    display: table;
    width: 106%;
    height: 108%;
  }

  .lineaMenu {
    width: 200px;
    height: 3px;
    background-color: #00C6AC;
    margin: 5% 0% 0% 10%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 8% 0% 0%;
    width: 19%;
    height: 80%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 534px;
  }

  .logo-foot {
    margin: 14% 0% 0% 45%;
    width: 125px;
  }

  .tamInfo {
    transform: scale(0.55) translate(-1150px, -1026px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 915px;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 27px;
    line-height: 2;
    margin: -45% 0% 4% 43%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 4% 0% 0% 28%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 38px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 14%;
    margin: -1% 0% 0% -5%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 152%;
    margin: 3% 0% 0% -30%;
    height: 71%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 3% 0% 3% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 94%;
    height: 87%;
    border-radius: 170px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 4% 0% 0% 3%;
  }

  .cuadro-txt-experienciasAR {
    width: 63%;
    height: 73%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 6% 0% 0% 34%;
  }

  .img-exp-txt {
    margin: -56% 0% 0% -122%;
    width: 43%;
  }

  .cuadro-txt-PublicidadAR {
    width: 65%;
    height: 81%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 5% 0% 0% 33%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: white;
    padding: 6% 10% 0% 4%;
    text-align: center;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 4% -12% 2% 34%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 24%;
    height: 0%;
    margin: 3% -12% 0% 19%;
    text-align: center;
    font-size: 22px;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    margin: 6% 0% 0% 0%;
  }

  .img-exp-txt-publiAR {
    margin: -33% 0% 0% -121%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 4% 0% 0% 21%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 5% 0% 0% 21%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 65%;
    height: 73%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 8% 0% 0% 35%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -34% 0% 0% -123%;
  }

  .cuadro-txt-identidadAR {
    width: 68%;
    height: 77%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 7% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -35% 0% 0% -120%;
  }


  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 28%;
    text-transform: uppercase;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 2% 6% 0% 4%;
    text-align: center;
    margin: 0% 0% 0% 0%;
    line-height: 1.5;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    padding: 3% 6% 1% 2%;
    text-align: center;
    margin: 2% 0% 0% 0%;
    line-height: 1.5;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 3% 0% 0% 1%;
    line-height: 1.2;
  }

  .cuadro-txt-experienciasVR {
    width: 63%;
    height: 80%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 5% 0% 0% 34%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -41% 0% 0% -123%;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    padding: 9% 0% 0% 2%;

  }

  .Info-completa {
    margin: 6% 0% 0% -8%;
    scale: 78%;

  }

  .Info-completa-Lau {
    margin: 26% 0% 0% -11%;

  }

  .Info-completa-Luis {
    margin: 32% 0% 0% -10%;

    scale: 76%;
  }

  .Info-completa-Humberto {
    margin: 25% 0% 0% -10%;
    scale: 76%;

  }


  .closeInfo {
    margin: -28% 0% 0% 35%;
  }

  .closeInfoLuis {
    margin: 0% 0% 0% -9%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 37%
  }

  .closeInfo-antonio {
    margin: -36% 0% 0% 39%
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .habilidades {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 1.5;
  }


  .subtitulo-info {
    margin: -4% 0% 0% 1%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 27px;
  }

  .img-equipo {
    margin: 2% 0% 0% 32%;
    width: 35%;
    transform: scale(1);
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -9%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 60%;
    height: 0%;
    margin: 0% -12% 4% 2%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 0% 0% 9% 1%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    color: #ffffff;
    margin: -3% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    width: 91%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% 3%;
    line-height: 1.5;
  }

  .areas {
    margin: -8% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 6% 0% 2% -2%;
    width: 77%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 80%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -7%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 80% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -64% 0% 0% 19%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 26%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 36% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -111% 0% 0% 4%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 42px;
    color: #ffffff;
    margin: 4% 0% 0% 2%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 60% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 22%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 46% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -119% 0% 0% 6%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 60% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -40% 0% 0% 35%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 31% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -105% 0% 0% 4%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 31% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- END SERVICIOS------------------------------------------------------------- */
  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 13% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #00C6AC;
    margin: -26% 0% 0% 37%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -2% 0% 0% 16%;
  }

  .mailcontactanos {
    margin: 10% 0% 0% 6%;
  }

  .img-mail-contacto {
    margin: -4% 0% 0% 9%;
    width: 63px;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -11% 0% 0% -31%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -7% 0% 0% 65%;
  }

  .img-whats-contacto {
    margin: 1% 0% 0% -16%;
    width: 50px;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -16% 0% 0% -43%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*----------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 95%;
    height: 84%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 16%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 41%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: -2% 0% 0% 0%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -54% 0% 0% 50%;
    padding-bottom: 11%;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 639px;
    margin: -46% 0% 0% 48%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 85%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 4% 0% 0% 58%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 16%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -2% 0% 0% -3%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 12%;
  }

  .AR {
    margin: 5% 0% 0% 0%;
    padding-bottom: 5%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 21%;
    margin: 2% 0% 0% 10%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 32%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 28%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 4% 0% 0% 0%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 293px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */
}



/* -----------------------------------------------------------Inicio Responsivo 1280 -------------------------------------------------------- */
@media only screen and (max-width: 1280px) {

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 176%;
    width: 90%;
    padding: 2% 8% 0% 6%;
    margin: 0px 0% 0% 5%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
    margin: 8% 0% 0% 3%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    padding: 2%;
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: white;
  }

  .inicio-img {
    width: 77%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% 5%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    margin: -17% 0% 0% 11%;
    color: white;

  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 16px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 0% 0% 0% -9%;
  }

  .lineaCuadroInicio {
    width: 225px;
    height: 6px;
    background-color: #00C6AC;
    margin: 30% 0% 0% -4%;
  }



  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -9% -5% 0% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -3% 0% 0%;
    scale: 2;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -4% 0% 0% -15%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 4% 0% 0% 1%;
  }

  .img-mail-whats {
    width: 50px;
    height: 50px;
    margin: 4% 0% 0% 0%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 86%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 31%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 14%;
    margin: -1% 0% 0% -5%;
  }


  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 50%;
    text-align: center;
    scale: 112%;
    margin: 6% 0% 0% 0%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -44%;
    height: 78%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 3% 0% 3% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 95%;
    height: 85%;
    border-radius: 170px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 8% 0% 5% 3%;
  }

  .cuadro-txt-experienciasAR {
    width: 59%;
    height: 90%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 40%;
  }

  .img-exp-txt {
    margin: -46% 0% 0% -129%;
    width: 46%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 61%;
    height: 93%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 39%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 32%;
    height: 0%;
    margin: 4% -12% 0% 30%;
    font-size: 23px;
  }

  .img-exp-txt-publiAR {
    margin: -39% 0% 0% -125%;
    width: 46%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 5% 0% 0% 21%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 21%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 62%;
    height: 86%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 4% 0% 0% 38%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -45% 0% 0% -126%;
    width: 46%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 64%;
    height: 90%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 38%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -53% 0% 0% -122%;
    width: 42%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 2% 6% 0% 4%;
    text-align: center;
    margin: -3% 0% 0% 0%;
    line-height: 1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% 0% 1%;
    line-height: 1.2;
  }

  .cuadro-txt-experienciasVR {
    width: 62%;
    height: 90%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 37%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -39% 0% 0% -124%;
    width: 44%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    padding: 3% 6% 1% 2%;
    text-align: center;
    line-height: 1.5;
    margin: -3% 0% 0% 0%;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 2% -12% 0% 17%;
    font-size: 25px;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 29%;
    height: 0%;
    margin: 5% -6% 0% 14%;
    font-size: 23px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 26%;
    height: 0%;
    margin: 6% -12% 0% 34%;
    font-size: 23px;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: 38% 0% 0% -15%;

    scale: 69%;
  }

  .Info-completa-Lau {
    margin: 30% 0% 0% -9%;

  }

  .Info-completa-Luis {
    margin: 28% 0% 0% -13%;
    scale: 69%;
  }

  .Info-completa-Humberto {
    margin: 33% 0% 0% -10%;
    scale: 76%;

  }


  .closeInfo {
    margin: -28% 0% 0% 35%;

  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 40%;
  }

  .closeInfo-antonio {
    margin: -36% 0% 0% 40%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .habilidades {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 38px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 1.2;
  }


  .subtitulo-info {
    margin: -8% 0% 0% 6%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 27px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -12%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 34%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 0% 0% 0% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% 3%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -2%;
    width: 66%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 67%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -4%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 90% 0% 0% 0%;
    background-image: url(../img/Servicios/Servicios\ Fondo.png);
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -80% 0% 0% 18%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 26%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -56% 0% 0% 18%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 38% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -117% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 95%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 0% -28%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 41px;
    color: #ffffff;
    margin: 4% 0% 0% -2%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 60% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -57% 0% 0% 20%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 11% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 45% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -115% 0% 0% 1%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 122%;
    height: 0%;
    margin: 9% 0% 0% -41%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 60% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -55% 0% 0% 32%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 35% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 6% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -114% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 102%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -32%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 13% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -26% 0% 0% 25%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    color: #ffffff;
    margin: -4% 0% 0% 9%;
  }

  .mailcontactanos {
    margin: 5% 0% 0% 6%;
  }

  .img-mail-contacto {
    margin: -4% 0% 0% 5%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -5% 0% 0% -34%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -7% 0% 0% 65%;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -14%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -13% 0% 0% -30%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 95%;
    height: 88%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 10%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 41%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: -2% 0% 0% 0%;
    line-height: 1.1;
  }

  .seccion2 {
    margin: -56% 0% 0% 49%;
    padding-bottom: 11%;
    scale: 87%;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 589px;
    margin: -47% 0% 0% 48%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 4% 0% 0% 65%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 28%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -1% 0% 0% 2%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 12%;
  }

  .AR {
    margin: 10% 0% 0% 0%;
    padding-bottom: 12%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 9%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 32%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 30%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 11% 0% 0% 4%;
    transform: scale(1.4, 1.3);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 280px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 275px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */


}

@media only screen and (max-width: 1280px) and (max-height:1024px) {

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: 0% 0% -28% 0%;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 137%;
    width: 90%;
    padding: 2% 8% 0% 6%;
    margin: 0px 0% 0% 5%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
    margin: 8% 0% 0% 3%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    padding: 2%;
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: white;
  }

  .inicio-img {
    width: 77%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% 5%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    margin: -17% 0% 0% 11%;
    color: white;

  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    width: 136%;
    text-align: center;
    padding: 5% 12% 0% 0%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 16px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 0% 0% 0% -9%;
  }

  .lineaCuadroInicio {
    width: 225px;
    height: 6px;
    background-color: #00C6AC;
    margin: 30% 0% 0% -4%;
  }



  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -9% -5% 0% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -3% 0% 0%;
    scale: 2;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -4% 0% 0% -15%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 4% 0% 0% 1%;
  }

  .logo-foot {
    margin: 17% 0% 0% 43%;
    width: 135px;
  }

  .img-mail-whats {
    width: 50px;
    height: 50px;
    margin: 4% 0% 0% 0%;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 635px;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 8% 0% 0%;
    width: 20%;
    height: 58%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .tamInfo {
    transform: scale(0.6) translate(-1106px, -903px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 826px;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -10% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 2;
    margin: -44% 0% 4% 43%;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 55px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }


  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 86%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 31%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 14%;
    margin: -1% 0% 0% -5%;
  }


  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 50%;
    text-align: center;
    scale: 112%;
    margin: 6% 0% 0% 0%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -44%;
    height: 78%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 3% 0% 3% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 95%;
    height: 85%;
    border-radius: 170px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 8% 0% 5% 3%;
  }

  .cuadro-txt-experienciasAR {
    width: 59%;
    height: 90%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 40%;
  }

  .img-exp-txt {
    margin: -46% 0% 0% -129%;
    width: 46%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 61%;
    height: 93%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 39%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 32%;
    height: 0%;
    margin: 4% -12% 0% 30%;
    font-size: 23px;
  }

  .img-exp-txt-publiAR {
    margin: -39% 0% 0% -125%;
    width: 46%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 5% 0% 0% 21%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 21%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 62%;
    height: 86%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 4% 0% 0% 38%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -45% 0% 0% -126%;
    width: 46%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 64%;
    height: 90%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 38%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -53% 0% 0% -122%;
    width: 42%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 2% 6% 0% 4%;
    text-align: center;
    margin: -3% 0% 0% 0%;
    line-height: 1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% 0% 1%;
    line-height: 1.2;
  }

  .cuadro-txt-experienciasVR {
    width: 62%;
    height: 90%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 37%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -39% 0% 0% -124%;
    width: 44%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    padding: 3% 6% 1% 2%;
    text-align: center;
    line-height: 1.5;
    margin: -3% 0% 0% 0%;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 2% -12% 0% 17%;
    font-size: 25px;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 29%;
    height: 0%;
    margin: 5% -6% 0% 14%;
    font-size: 23px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 26%;
    height: 0%;
    margin: 6% -12% 0% 34%;
    font-size: 23px;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }

  .Info-completa {
    margin: 4% 0% 0% -3%;
    scale: 90%;
  }

  .Info-completa-Lau {
    margin: 30% 0% 0% -9%;
  }

  .Info-completa-Luis {
    margin: 28% 0% 0% -13%;
    scale: 69%;
  }

  .Info-completa-Humberto {
    margin: 33% 0% 0% -10%;
    scale: 76%;
  }


  .closeInfo {
    margin: -28% 0% 0% 35%;

  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 40%;
  }

  .closeInfo-antonio {
    margin: -36% 0% 0% 40%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 38px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .habilidades {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 38px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 1.2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -12%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 63%;
    height: 0%;
    margin: 8% -12% 0% 11%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 0% 0% 0% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: -3% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    width: 103%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% 3%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 10% 0% 5% -2%;
    width: 85%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 90%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -4%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 90% 0% 0% 0%;
    background-image: url(../img/Servicios/Servicios\ Fondo.png);
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -80% 0% 0% 18%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 26%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -56% 0% 0% 18%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 38% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -117% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 95%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 0% -28%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 41px;
    color: #ffffff;
    margin: 4% 0% 0% -2%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 60% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -57% 0% 0% 20%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 11% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 45% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -115% 0% 0% 1%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 122%;
    height: 0%;
    margin: 9% 0% 0% -41%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 60% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -55% 0% 0% 32%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 35% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 6% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -114% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 102%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -32%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 13% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -26% 0% 0% 25%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    color: #ffffff;
    margin: -4% 0% 0% 9%;
  }

  .mailcontactanos {
    margin: 12% 0% 0% 6%;
  }

  .img-mail-contacto {
    margin: -8% 0% 0% 3%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -13% 0% 0% -34%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -9% 0% 0% 65%;
  }

  .img-whats-contacto {
    margin: 3% 0% 0% -14%;
    width: 65px;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -18% 0% 0% -28%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 95%;
    height: 88%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 10%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 41%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: -2% 0% 0% 0%;
    line-height: 1.1;
  }

  .seccion2 {
    margin: -56% 0% 0% 49%;
    padding-bottom: 11%;
    scale: 87%;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 589px;
    margin: -47% 0% 0% 48%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 4% 0% 0% 65%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 28%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -1% 0% 0% 2%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 12%;
  }

  .AR {
    margin: 10% 0% 0% 0%;
    padding-bottom: 12%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 9%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 32%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 30%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 11% 0% 0% 4%;
    transform: scale(1.4, 1.3);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 280px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 275px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */
  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(540px, 587px) scale(2);
  }

}

@media only screen and (max-width: 1280px) and (max-height:800px) {

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: 0% 0% -28% 0%;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 185%;
    width: 90%;
    padding: 2% 8% 0% 6%;
    margin: 0px 0% 0% 5%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
    margin: 8% 0% 0% 3%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    padding: 2%;
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: white;
  }

  .inicio-img {
    width: 77%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% 5%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    margin: -17% 0% 0% 11%;
    color: white;

  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 16px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 0% 0% 0% -9%;
  }

  .lineaCuadroInicio {
    width: 225px;
    height: 6px;
    background-color: #00C6AC;
    margin: 30% 0% 0% -4%;
  }



  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -9% -5% 0% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -3% 0% 0%;
    scale: 2;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -4% 0% 0% -15%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 4% 0% 0% 1%;
  }

  .img-mail-whats {
    width: 50px;
    height: 50px;
    margin: 4% 0% 0% 0%;
  }

  .logo-foot {
    margin: 14% 0% 0% 43%;
    width: 135px;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 8% 0% 0%;
    width: 20%;
    height: 75%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .tamInfo {
    transform: scale(0.6) translate(-1106px, -903px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 826px;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -10% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 2;
    margin: -44% 0% 4% 43%;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 55px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 86%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 31%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 14%;
    margin: -1% 0% 0% -5%;
  }


  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 50%;
    text-align: center;
    scale: 112%;
    margin: 6% 0% 0% 0%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -44%;
    height: 78%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 3% 0% 3% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 95%;
    height: 85%;
    border-radius: 170px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 8% 0% 5% 3%;
  }

  .cuadro-txt-experienciasAR {
    width: 59%;
    height: 90%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 40%;
  }

  .img-exp-txt {
    margin: -46% 0% 0% -129%;
    width: 46%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 61%;
    height: 93%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 39%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 32%;
    height: 0%;
    margin: 4% -12% 0% 30%;
    font-size: 23px;
  }

  .img-exp-txt-publiAR {
    margin: -39% 0% 0% -125%;
    width: 46%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 5% 0% 0% 21%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 21%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 62%;
    height: 86%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 4% 0% 0% 38%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -45% 0% 0% -126%;
    width: 46%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 64%;
    height: 90%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 38%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -53% 0% 0% -122%;
    width: 42%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 2% 6% 0% 4%;
    text-align: center;
    margin: -3% 0% 0% 0%;
    line-height: 1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% 0% 1%;
    line-height: 1.2;
  }

  .cuadro-txt-experienciasVR {
    width: 62%;
    height: 90%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 37%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -39% 0% 0% -124%;
    width: 44%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    padding: 3% 6% 1% 2%;
    text-align: center;
    line-height: 1.5;
    margin: -3% 0% 0% 0%;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 2% -12% 0% 17%;
    font-size: 25px;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 29%;
    height: 0%;
    margin: 5% -6% 0% 14%;
    font-size: 23px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 26%;
    height: 0%;
    margin: 6% -12% 0% 34%;
    font-size: 23px;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 8%;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: 3% 0% 0% -8%;
    scale: 80%;
  }

  .Info-completa-Lau {
    margin: 30% 0% 0% -9%;
  }

  .Info-completa-Luis {
    margin: 28% 0% 0% -13%;
    scale: 69%;
  }

  .Info-completa-Humberto {
    margin: 33% 0% 0% -10%;
    scale: 76%;
  }


  .closeInfo {
    margin: -28% 0% 0% 35%;

  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 40%;
  }

  .closeInfo-antonio {
    margin: -36% 0% 0% 40%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 37px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .habilidades {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 38px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 1.2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subtitulo-info-axel {
    margin: -7% 0% -4% 0%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 26px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -12%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 60%;
    height: 0%;
    margin: 7% 0% 0% 12%;
    font-size: 21px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 0% 0% 0% 0%;
  }



  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: -3% 32% 0% -4%;
    text-align: justify;
    line-height: 1.3;
    width: 94%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% 3%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 8% 0% 2% -2%;
    width: 86%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 89%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -4%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 90% 0% 0% 0%;
    background-image: url(../img/Servicios/Servicios\ Fondo.png);
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -80% 0% 0% 18%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 26%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -56% 0% 0% 18%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 38% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -117% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 95%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 0% -28%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 41px;
    color: #ffffff;
    margin: 4% 0% 0% -2%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 60% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -57% 0% 0% 20%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 11% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 45% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -115% 0% 0% 1%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 122%;
    height: 0%;
    margin: 9% 0% 0% -41%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 60% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -55% 0% 0% 32%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 35% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 6% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -114% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 102%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -32%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 13% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -28% 0% 0% 32%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -2% 0% 0% 12%;
  }

  .mailcontactanos {
    margin: 5% 0% 0% 6%;
  }

  .img-mail-contacto {
    margin: -4% 0% 0% 5%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -12% 0% 0% -31%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -9% 0% 0% 65%;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -14%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -21% 0% 0% -24%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 95%;
    height: 88%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 10%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 41%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: -2% 0% 0% 0%;
    line-height: 1.1;
  }

  .seccion2 {
    margin: -56% 0% 0% 49%;
    padding-bottom: 11%;
    scale: 87%;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 589px;
    margin: -47% 0% 0% 48%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 4% 0% 0% 65%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 28%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -1% 0% 0% 2%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 12%;
  }

  .AR {
    margin: 10% 0% 0% 0%;
    padding-bottom: 12%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 9%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 32%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 30%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 11% 0% 0% 4%;
    transform: scale(1.4, 1.3);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 280px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 275px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */
  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(540px, 301px) scale(2);
  }

}

@media only screen and (max-width: 1280px) and (max-height:720px) {

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 193%;
    width: 90%;
    padding: 2% 8% 0% 6%;
    margin: 0px 0% 0% 5%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
    margin: 8% 0% 0% 3%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    padding: 2%;
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: white;
  }

  .inicio-img {
    width: 77%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% 5%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    margin: -17% 0% 0% 11%;
    color: white;

  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 16px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 0% 0% 0% -48%;
  }

  .lineaCuadroInicio {
    width: 225px;
    height: 6px;
    background-color: #00C6AC;
    margin: 20% 0% 0% -41%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -9% -5% 0% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -3% 0% 0%;
    scale: 2;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -4% 0% 0% -15%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 4% 0% 0% 1%;
  }

  .img-mail-whats {
    width: 50px;
    height: 50px;
    margin: 4% 0% 0% 0%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 3% 8% 0% 0%;
    width: 20%;
    height: 80%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 86%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 31%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 14%;
    margin: -1% 0% 0% -5%;
  }


  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 50%;
    text-align: center;
    scale: 112%;
    margin: 6% 0% 0% 0%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -44%;
    height: 78%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 3% 0% 3% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 95%;
    height: 85%;
    border-radius: 170px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 8% 0% 5% 3%;
  }

  .cuadro-txt-experienciasAR {
    width: 59%;
    height: 90%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 40%;
  }

  .img-exp-txt {
    margin: -46% 0% 0% -129%;
    width: 46%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 61%;
    height: 93%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 39%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 32%;
    height: 0%;
    margin: 4% -12% 0% 30%;
    font-size: 23px;
  }

  .img-exp-txt-publiAR {
    margin: -39% 0% 0% -125%;
    width: 46%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 5% 0% 0% 21%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 21%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 62%;
    height: 86%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 4% 0% 0% 38%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -45% 0% 0% -126%;
    width: 46%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 64%;
    height: 90%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 38%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -53% 0% 0% -122%;
    width: 42%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 2% 6% 0% 4%;
    text-align: center;
    margin: -3% 0% 0% 0%;
    line-height: 1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% 0% 1%;
    line-height: 1.2;
  }

  .cuadro-txt-experienciasVR {
    width: 62%;
    height: 90%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 37%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -39% 0% 0% -124%;
    width: 44%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    padding: 3% 6% 1% 2%;
    text-align: center;
    line-height: 1.5;
    margin: -3% 0% 0% 0%;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 2% -12% 0% 17%;
    font-size: 25px;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 29%;
    height: 0%;
    margin: 5% -6% 0% 14%;
    font-size: 23px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 26%;
    height: 0%;
    margin: 6% -12% 0% 34%;
    font-size: 23px;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: 3% 0% 0% -8%;
    scale: 79%;
  }

  .Info-completa-Lau {
    margin: 30% 0% 0% -9%;
  }

  .Info-completa-Luis {
    margin: 28% 0% 0% -13%;
    scale: 69%;
  }

  .Info-completa-Humberto {
    margin: 33% 0% 0% -10%;
    scale: 76%;
  }


  .closeInfo {
    margin: -28% 0% 0% 35%;

  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 40%;
  }

  .closeInfo-antonio {
    margin: -36% 0% 0% 40%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 37px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .habilidades {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 38px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 1.2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 24px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -12%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 60%;
    height: 0%;
    margin: 5% -12% 0% 12%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 0% 0% 0% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: -6% 32% 0% -4%;
    text-align: justify;
    line-height: 1.3;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% 3%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 8% 0% 2% -2%;
    width: 83%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 86%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -4%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 90% 0% 0% 0%;
    background-image: url(../img/Servicios/Servicios\ Fondo.png);
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -80% 0% 0% 18%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 26%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -56% 0% 0% 18%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 38% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -117% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 95%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 0% -28%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 41px;
    color: #ffffff;
    margin: 4% 0% 0% -2%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 60% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -57% 0% 0% 20%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 11% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 45% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -115% 0% 0% 1%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 122%;
    height: 0%;
    margin: 9% 0% 0% -41%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 60% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -55% 0% 0% 32%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 35% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 6% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -114% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 102%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -32%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 13% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #00C6AC;
    margin: -28% 0% 0% 36%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -2% 0% 0% 11%;
  }

  .mailcontactanos {
    margin: 5% 0% 0% 6%;
  }

  .img-mail-contacto {
    margin: -4% 0% 0% 5%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -11% 0% 0% -34%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -9% 0% 0% 65%;
  }

  .img-whats-contacto {
    margin: 6% 0% 0% -14%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -17% 0% 0% -33%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 95%;
    height: 88%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 10%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 41%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: -2% 0% 0% 0%;
    line-height: 1.1;
  }

  .seccion2 {
    margin: -56% 0% 0% 49%;
    padding-bottom: 11%;
    scale: 87%;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 589px;
    margin: -47% 0% 0% 48%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 4% 0% 0% 65%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 28%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -1% 0% 0% 2%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 12%;
  }

  .AR {
    margin: 10% 0% 0% 0%;
    padding-bottom: 12%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 9%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 32%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 30%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 11% 0% 0% 4%;
    transform: scale(1.4, 1.3);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 280px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 275px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 11px;
    text-align: center;
    margin: -11% 0% 0% 11%;
    width: 65%;
  }


  /* ------------------------------End Centro de Novedades------------------------------- */
  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(617px, 249px) scale(2);
  }

}


@media only screen and (max-width: 1280px) and (max-height: 586px) {

  .contenido {
    width: 100%;
    height: 70%;
  }


  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: white;
    width: 100%;
    padding: 9% 0% 0% 11%;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100%;
    width: 100%;
    padding: 2% 8% 39% 6%;
    margin: -5% 0% 0% 0%;
  }

  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: white;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    margin: -5% 0% 0% 12%;
    color: white;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -9% -5% 0% 0%;
    scale: 2;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 95%;
    height: 120%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 31%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 14%;
    margin: -1% 0% 0% -5%;
  }


  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 68%;
    text-align: center;
    scale: 112%;
    margin: 9% 0% 0% 0%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -44%;
    height: 78%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 3% 0% 3% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 95%;
    height: 85%;
    border-radius: 170px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 10% 0% 5% 3%;
  }

  .cuadro-txt-experienciasAR {
    width: 59%;
    height: 88%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 40%;
  }

  .img-exp-txt {
    margin: -45% 0% 0% -127%;
    width: 46%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
    line-height: 1.2;
  }

  .cuadro-txt-PublicidadAR {
    width: 61%;
    height: 93%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 39%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 32%;
    height: 0%;
    margin: 6% -12% 0% 31%;
    font-size: 23px;
  }

  .img-exp-txt-publiAR {
    margin: -45% 0% 0% -129%;
    scale: 92%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 6% 0% 0% 21%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 16%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 62%;
    height: 86%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 4% 0% 0% 38%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -41% 0% 0% -128%;
    scale: 92%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 64%;
    height: 90%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 38%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -55% 0% 0% -126%;
    scale: 92%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 2% 6% 0% 4%;
    text-align: center;
    margin: -3% 0% 0% 0%;
    line-height: 1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% 0% 1%;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 62%;
    height: 96%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 37%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -39% 0% 0% -125%;
    width: 45%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    padding: 3% 6% 1% 2%;
    text-align: center;
    line-height: 1;
    margin: -3% 0% 0% 0%;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 5% -12% 0% 17%;
    font-size: 25px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 6% 0% 0% 22%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 5% 0% 0% 22%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 29%;
    height: 0%;
    margin: 6% -6% 0% 14%;
    font-size: 23px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 26%;
    height: 0%;
    margin: 4% -12% 0% 35%;
    font-size: 23px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -4% 0% 0%;
    scale: 2;
  }

  .btn-mandaservicio {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 31%;
    height: 0%;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 4% 33%;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: 41% 0% 0% -28%;
    scale: 51%;
  }

  .Info-completa-Lau {
    margin: 39% 0% 0% -31%;
    scale: 45%;
  }

  .Info-completa-Luis {
    margin: 38% 0% 0% -34%;
    scale: 44%;
  }

  .Info-completa-Humberto {
    margin: 36% 0% 0% -34%;
    scale: 44%;
  }


  .closeInfo {
    margin: -26% 0% 0% 31%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 35%;
  }

  .closeInfo-antonio {
    margin: -28% 0% 0% 39%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .habilidades {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 1.2;
  }


  .subtitulo-info {
    margin: -4% 0% 0% 6%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -3% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 27px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 1% 1% 2% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -12%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 34%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 0% 0% 7% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% 3%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -2%;
    width: 66%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 64%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -6%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -56% 0% 0% 18%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 26%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -31% 0% 0% 18%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 39% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 40% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -119% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 91%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 10% 0% 0% -29%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 43px;
    color: #ffffff;
    margin: 4% 0% 0% -4%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 60% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -56% 0% 0% 20%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 12% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 52% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -129% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 128%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 18% 0% 0% -45%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 60% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -55% 0% 0% 32%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 40% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 46% 0% 0% 5%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -117% 0% 0% 1%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 104%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 12% 0% 0% -35%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 139%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 13% 0% 0% 10%;
    padding: 23% 0% 6% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -28% 0% 0% 25%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    color: #ffffff;
    margin: -4% 0% 0% 9%;
  }

  .mailcontactanos {
    margin: 5% 0% 0% 6%;
  }

  .img-mail-contacto {
    margin: -4% 0% 0% 5%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -5% 0% 0% -34%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -7% 0% 0% 65%;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -14%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -13% 0% 0% -30%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding-bottom: 5%;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 95%;
    height: 132%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 10%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 41%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 0% 0% 0% 0%;
    line-height: 1.1;
  }

  .seccion2 {
    margin: -56% 0% 0% 49%;
    padding-bottom: 11%;
    scale: 87%;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 589px;
    margin: -47% 0% 0% 48%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 4% 0% 0% 65%;
  }

  /* Estilo para mensaje de confirmación o error */
  .mensaje-envio {
    position: fixed;
    z-index: 9999;
    /* Valor alto para estar por delante de los demás elementos */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 60px;
    color: white;
    margin: 16% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 13%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 11%;
  }

  .AR {
    margin: 5% 0% 0% 0%;
    padding-bottom: 5%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 5%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 30%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 25%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 4% 0% 0% 0%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 293px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */


}


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

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: 0% 0% -28% 0%;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 160%;
    width: 90%;
    padding: 2% 8% 0% 6%;
    margin: 0px 0% 0% 5%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
    margin: 8% 0% 0% 3%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    padding: 2%;
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: white;
  }

  .inicio-img {
    width: 77%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% 5%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    margin: -17% 0% 0% 11%;
    color: white;

  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    width: 136%;
    text-align: center;
    padding: 5% 12% 0% 0%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 16px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 0% 0% 0% -9%;
  }

  .lineaCuadroInicio {
    width: 225px;
    height: 6px;
    background-color: #00C6AC;
    margin: 30% 0% 0% -4%;
  }

  .lineaCuadroInicio-exp {
    width: 209px;
    height: 6px;
    background-color: #00C6AC;
    margin: 8% 0% 0% -10%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -5% -1% 0% 0%;
    scale: 2;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -8% -3% 0% 0%;
    scale: 2;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: -4% 0% 0% -15%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 4% 0% 0% 1%;
  }

  .logo-foot {
    margin: 17% 0% 0% 43%;
    width: 135px;
  }

  .img-mail-whats {
    width: 50px;
    height: 50px;
    margin: 4% 0% 0% 0%;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 635px;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 7% 10% 0% 0%;
    width: 20%;
    height: 67%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 86%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 31%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 14%;
    margin: -1% 0% 0% -5%;
  }


  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 50%;
    text-align: center;
    scale: 112%;
    margin: 6% 0% 0% 0%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -44%;
    height: 78%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 3% 0% 3% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 95%;
    height: 85%;
    border-radius: 170px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 8% 0% 5% 3%;
  }

  .cuadro-txt-experienciasAR {
    width: 59%;
    height: 90%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 40%;
  }

  .img-exp-txt {
    margin: -46% 0% 0% -129%;
    width: 46%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 61%;
    height: 93%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 2% 0% 0% 39%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: white;
    padding: 0% 10% 0% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 32%;
    height: 0%;
    margin: 4% -12% 0% 30%;
    font-size: 23px;
  }

  .img-exp-txt-publiAR {
    margin: -39% 0% 0% -125%;
    width: 46%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53%;
    margin: 5% 0% 0% 21%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 21%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 62%;
    height: 86%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 4% 0% 0% 38%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -45% 0% 0% -126%;
    width: 46%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 64%;
    height: 90%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 38%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -53% 0% 0% -122%;
    width: 42%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 2% 6% 0% 4%;
    text-align: center;
    margin: -3% 0% 0% 0%;
    line-height: 1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% 0% 1%;
    line-height: 1.2;
  }

  .cuadro-txt-experienciasVR {
    width: 62%;
    height: 90%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 3% 0% 0% 37%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -39% 0% 0% -124%;
    width: 44%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    padding: 3% 6% 1% 2%;
    text-align: center;
    line-height: 1.5;
    margin: -3% 0% 0% 0%;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
    padding: 0% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 2% -12% 0% 17%;
    font-size: 25px;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 29%;
    height: 0%;
    margin: 5% -6% 0% 14%;
    font-size: 23px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 26%;
    height: 0%;
    margin: 6% -12% 0% 34%;
    font-size: 23px;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: 8% 0% 0% 0%;
    scale: 95%;
  }

  .Info-completa-Lau {
    margin: 30% 0% 0% -9%;

  }

  .Info-completa-Luis {
    margin: 28% 0% 0% -13%;

    scale: 69%;
  }

  .Info-completa-Humberto {
    margin: 33% 0% 0% -10%;
    scale: 76%;
  }


  .closeInfo {
    margin: -28% 0% 0% 35%;

  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 40%;
  }

  .closeInfo-antonio {
    margin: -36% 0% 0% 40%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 34px;
    margin: -1% 0% 0% -10%;
    color: #ffffff;
  }

  .habilidades {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 38px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 1.2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 22px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 8% 0% 0% -12%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    margin: 0% -12% 7% 12%;
    font-size: 22px;
    padding: 1% 1% 1% 2%;
  }

  .sobremi {
    margin: 5% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 0% 0% 0% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: -4% 32% 0% -5%;
    text-align: justify;
    line-height: 1.3;
    width: 109%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% 3%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 8% 0% 2% -2%;
    width: 95%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 104%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -4%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 90% 0% 0% 0%;
    background-image: url(../img/Servicios/Servicios\ Fondo.png);
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -80% 0% 0% 18%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 26%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -56% 0% 0% 18%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 38% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -117% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 95%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 0% -28%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 41px;
    color: #ffffff;
    margin: 4% 0% 0% -2%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 60% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -57% 0% 0% 20%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 11% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 45% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -115% 0% 0% 1%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 122%;
    height: 0%;
    margin: 9% 0% 0% -41%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 60% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -55% 0% 0% 32%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 35% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 6% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -114% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 102%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -32%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 13% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -26% 0% 0% 25%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    color: #ffffff;
    margin: -4% 0% 0% 9%;
  }

  .mailcontactanos {
    margin: 11% 0% 0% 3%;
  }

  .img-mail-contacto {
    margin: -4% 0% 0% 5%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -11% 0% 0% -35%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -7% 0% 0% 65%;
  }

  .img-whats-contacto {
    margin: -2% 0% 0% -10%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -18% 0% 0% -20%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 95%;
    height: 88%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 0% 3%;
    /* padding: 23% 0% 0% 0%; */
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 10%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 41%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: -2% 0% 0% 0%;
    line-height: 1.1;
  }

  .seccion2 {
    margin: -56% 0% 0% 49%;
    padding-bottom: 11%;
    scale: 87%;
  }

  .lineavForm {
    border-left: 5px solid #00C6AC;
    height: 589px;
    margin: -47% 0% 0% 48%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 4% 0% 0% 65%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 28%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -1% 0% 0% 2%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 12%;
  }

  .AR {
    margin: 10% 0% 0% 0%;
    padding-bottom: 12%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 9%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 32%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 30%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 11% 0% 0% 4%;
    transform: scale(1.4, 1.3);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 280px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 275px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(589px, 409px) scale(1.5);
  }


}


/* --------------------------------------------------------- Fin Inicio Responsivo 1280 -------------------------------------------------------------------------------- */
/* Inicio Responsivo 1194 */
@media only screen and (max-width: 1194px) {


  .contenido {
    width: 100%;
    height: 150%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 176%;
    width: 90%;
    padding: 0% 4% 7% 8%;
    margin: -4% 0% 0% 6%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -73%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: white;
    margin: -18% 0% 0% 39%;
    text-align: left;
    padding: 0% 0% 0% 0%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 0% 9% 0% 9%;
    padding: 2% 0% 20% 1%;
    color: white;
    text-align: center;
  }

  .línea-horizontal {
    width: 5px;
    height: 91%;
    background-color: #00C6AC;
    margin: -34% 0% 0% 34%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -6% -1% 0% 0%;
  }

  .btn-mandaservicio {

    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 38%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 8% 0% 4% 31%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 2%;
    margin: 3% 9% 0% 4%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% 4%;
    align-items: center;
    width: 90%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 21px;
    width: 136%;
    text-align: center;
    padding: 5% 12% 0% 0%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 0%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 2% 0% 11% 11%;
  }

  .lineaCuadroInicio {
    width: 190px;
    height: 6px;
    background-color: #00C6AC;
    margin: 20% 0% 0% 5%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 14px;
    width: 140%;
    text-align: center;
    padding: 7% 40% 0% 0%;
    margin: 0% 0% 0% 5%;
  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: 0% 0% -47% -12%;
    position: relative;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 11%;
  }

  .img-mail-foot {
    width: 50px;
    height: 50px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 5% 0% 0% 5%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: 0% 0% 0% -15%;
  }

  .logo-foot {
    margin: 14% 0% 0% 45%;
    width: 100px;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 445px;
  }

  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 7% 0% 0% 13%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 6% 9% 0% 0%;
    width: 20%;
    height: 72%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .parrafo-inicio {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 4%;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 800px;
    margin: 0% 0% 5% 12%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
    margin: 6% 0% -2% 0%;
  }

  .cuadroInicioVal-exp {
    width: 14%;
    height: 800px;
    margin: 3% 0% -5% 11%;
  }

  .tamInfo {
    transform: scale(0.6) translate(-912px, -889px);
    padding: 3% 3% 1% 3%;
    width: 100%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 795px;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 50px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 8%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 23px;
    line-height: 2;
    margin: -44% 0% 4% 43%;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    width: 100%;
    text-align: center;
    padding: 12% 12% 0% 9%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% -5%;
    align-items: center;
    width: 110%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio-exp {
    width: 240px;
    height: 6px;
    background-color: #00C6AC;
    margin: 8% 0% 0% -10%;
  }


  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 61%;
  }

  .espacio {
    padding-bottom: 25%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 30%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 13%;
    margin: -1% 0% 0% -5%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    scale: 132%;
    margin: 11% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 265%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 10% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -191% 0% 0% 15%;
    width: 70%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: -4% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 36%;
    font-size: 27px;
  }

  .txt-titulo-publicidadAR {
    margin: 0% 0% 0% 3%;
  }

  .img-exp-txt-publiAR {
    margin: -184% 0% 0% 14%;
    width: 70%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 7% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 78% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -158% 0% 0% 13%;
    width: 70%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 72% 0% 0% 32%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -161% 0% 0% 15%;
    width: 70%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -161% 0% 0% 14%;
    width: 70%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 74% 0% 0% 29%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 4% -2% 0% 16%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 25%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-video-close-experiencias {

    color: rgb(255, 255, 255);
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -12% -5% 0% 0%;
    scale: 2;

  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: 12% 0% 0% 15%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .Info-completa-Lau {
    margin: 9% 0% 0% 18%;

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Luis {
    margin: 9% 0% 0% 20%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 19%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }


  .closeInfo {
    margin: -4% 0% 0% 9%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 8%;
  }

  .closeInfo-antonio {
    margin: -17% 0% 0% 0%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -10%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 12%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 20%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 3%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 50%;
    height: 0%;
    margin: 15% -12% 0% 1%;
    font-size: 39px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -2% 0% 0% -9%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 34%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: -4% 0% 0% -14%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -13%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -13%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% -15%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -15%;
    width: 52%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 60%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -19%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 115% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -97% 0% 0% 20%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 23%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -73% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 45% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -145% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -3%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 17%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 45% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -143% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 50% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 28%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 25% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -122% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }




  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/Nosotros/FondoCubo.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }

  .cuadro-contactanos {
    width: 81%;
    height: 53%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 12% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #00C6AC;
    margin: -25% 0% 0% 35%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    margin: -1% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 5% 0% 0% 10%;
  }

  .img-mail-contacto {
    margin: -2% 0% 0% 18%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -13% 0% 0% 13%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: 6% 0% 0% -4%;
  }

  .img-whats-contacto {
    margin: -4% 0% 0% -10%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -14% 0% 0% -48%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: 2% 0% 0% 9%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Lau {
    margin: 1% 0% 0% 0%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -8%;
  }

  .txtAldair {
    margin: 0% 0% 0% -3%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -9%;
  }

  .Info-completa-Luis {
    margin: 1% 0% 0% -4%;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 2%;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }

  .img-equipo {
    margin: -2% 0% 0% 35%;
    width: 35%;
    transform: scale(0.9);
  }

  .closeInfo {
    margin: -4% 0% 0% 29%;
  }

  .closeInfo-humberto {
    margin: -14% 0% 0% 32%;
  }

  .closeInfoLuis {
    margin: 3% 0% 0% -5%;
  }

  .closeInfo-antonio {
    margin: -10% 0% 0% 30%;
  }

  .closeInfoAldair {
    margin: 0% 0% 0% -7%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% -13%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -2% 0% 0% -35%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -10%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -3% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -3% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 3%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 35%;
    height: 0%;
    margin: 15% -12% 0% 1%;
    font-size: 30px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 0% 0% 2% -17%;
    width: 90%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 33%;
    height: 0%;
    margin: 0% -12% 3% 29%;
    font-size: 23px;
    padding: 1% 1% 1% 1%;
  }

  .sobremi {
    margin: 2% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: -5% 0% 5% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 0%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 25%;
    width: 61%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -45%;
    line-height: 1;
  }

  .areas {
    margin: -5% 0% 3% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 2% 0% 2% -2%;
    width: 45%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 48%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -5%;
  }

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 75px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 2%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }



  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }


  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 13%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -2% 0% 0% -8%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 4% 0% 0% 9%;
  }

  .AR {
    margin: 12% 0% 0% 0%;
    padding-bottom: 12%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 0% 0% 0% 4%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1)
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 628px;
    margin: 1% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 11% 0% 0% 3%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 230px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 215px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */
  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(540px, 305px) scale(2);
  }



}



/* --------------------------------------------Fin 1994 */
/* -------------------------------------------------------------Inicio Responsivo 1024 -------------------------------------------------------------------------------- */

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

  .contenido {
    width: 100%;
    height: 79%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: white;
    width: 100%;
    padding: 18% 0% 0% 12%;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 139%;
    width: 100%;
    padding: 0% 4% 7% 8%;
    margin: 2% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: -7% 0% 0% -73%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: white;
    margin: -18% 0% 0% 38%;
    text-align: left;
    padding: 0% 0% 0% 0%;
  }


  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 0% 9% 0% 9%;
    padding: 2% 0% 20% 1%;
    color: white;
    text-align: center;
  }

  .línea-horizontal {
    width: 5px;
    height: 99%;
    background-color: #00C6AC;
    margin: -34% 0% 0% 34%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -10% -3% 0% 0%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 61%;
  }

  .espacio {
    padding-bottom: 25%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 30%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 13%;
    margin: -1% 0% 0% -5%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 25%;
    text-align: center;
    scale: 132%;
    margin: 11% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 128%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 10% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -178% 0% 0% 17%;
    width: 64%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 35%;
    font-size: 27px;
  }

  .img-exp-txt-publiAR {
    margin: -169% 0% 0% 16%;
    width: 64%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 7% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 72% 0% 0% 26%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -149% 0% 0% 15%;
    width: 64%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 67% 0% 0% 32%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -185% 1% 0% 16%;
    width: 64%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -151% 0% 0% 16%;
    width: 64%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 71% 0% 0% 30%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 4% -2% 0% 16%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 25%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 5% -2% 0% 34%;
    font-size: 27px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -9% -3% 0% 0%;
    scale: 2;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: -5% 0% 0% -12%;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

  .Info-completa-Lau {
    margin: -22% 0% 0% -13%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% 1%;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }

  .Info-completa-Humberto {
    margin: 6% 0% 0% -6%;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

  .closeInfo {
    margin: -8% 0% 0% 48%;
  }

  .closeInfoLuis {
    margin: 46% 0% 0% 9%;
  }

  .closeInfo-humberto {
    margin: -25% 0% 0% 59%;
  }

  .closeInfo-antonio {
    margin: -8% 0% 0% 52%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }

  .closeInfoLaura {
    margin: 16% 0% 0% 9%;
  }

  .closeInfoAldair {
    margin: 84% 0% 0% 7%;
  }



  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 2% 0% 0% -3%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -3% 0% 0% 8%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 20%;
  }

  .subtitulo-info-antonio {
    margin: -3% 0% 0% 7%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 40%;
    height: 0%;
    margin: 15% -12% 0% -1%;
    font-size: 35px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -22%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 22%;
    height: 0%;
    margin: 0% -12% 0% 23%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% -4%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -3%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 1% 0% 0% -2%;
    line-height: 1.5;
  }

  .areas {
    margin: 2% 0% 0% -4%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -4%;
    width: 52%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 60%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -10%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -50% 0% 0% 15%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 18%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 45% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -145% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 106%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 12% 0% 0% -34%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -3%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 40% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 17%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 13% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 54% 0% 0% 6%;
    padding: 0% 62% 4% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -143% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 145%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 15% 0% 0% -52%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 50% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -43% 0% 0% 28%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 25% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -122% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 116%;
    height: 0%;
    font-size: 43px;
    padding: 0% 1% 0% 1%;
    margin: 5% 0% 0% -38%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 31% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -21% 0% 0% 19%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 5% 0% 0% 10%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% 9%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -7% 0% 0% -9%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: 15% 0% 0% -8%;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -36%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -10% 0% 0% -95%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 117%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 0% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 40px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 9% 0% 0% 15%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 11%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%;
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 6% 0% 0% 37%;
  }


  /* Estilo para mensaje de confirmación o error */
  .mensaje-envio {
    position: fixed;
    z-index: 9999;
    /* Valor alto para estar por delante de los demás elementos */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 60px;
    color: white;
    margin: 50% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 75px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 2%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }




  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

}

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


  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 75px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 13%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -1% 0% 0% -10%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 6%;
  }

  .AR {
    margin: 11% 0% 0% 0%;
    padding-bottom: 12%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 0% 0% 0% 2%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 607px;
    margin: 1% 0% 0% 21%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1)
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 9% 0% 0% 0%;
  }

  .play-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 30%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 230px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 225px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}



/* -------------------------------------------------------------Fin Inicio Responsivo 1024 -------------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) and (max-height: 1366px) {

  .body-inicio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 168%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

  .contenido {
    width: 100%;
    height: 150%;
  }

  .inicio-img {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -4%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 84%;
    width: 90%;
    padding: 0% 4% 7% 8%;
    margin: -4% 0% 0% 6%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -73%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: white;
    margin: -18% 0% 0% 39%;
    text-align: left;
    padding: 0% 0% 0% 0%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 0% 9% 0% 9%;
    padding: 2% 0% 20% 1%;
    color: white;
    text-align: center;
  }

  .línea-horizontal {
    width: 5px;
    height: 91%;
    background-color: #00C6AC;
    margin: -34% 0% 0% 34%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -14% -6% 0% 0%;
  }

  .btn-mandaservicio {

    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 38%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 8% 0% 4% 31%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 2%;
    margin: -3% 0% 0% -2%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 9% 0% 3% 10%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% 4%;
    align-items: center;
    width: 90%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 17px;
    width: 136%;
    text-align: center;
    padding: 5% 12% 0% 0%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .lineaCuadroInicio {
    width: 190px;
    height: 6px;
    background-color: #00C6AC;
    margin: 30% 0% 0% -7%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 14px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 0% 0% 0% -14%;
  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: -6% 0% -72% -5%;
    position: relative;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 50px;
    height: 50px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 4% 0% 0% 1%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: 0% 0% 0% -15%;
  }

  .logo-foot {
    margin: 14% 0% 0% 45%;
    width: 100px;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 445px;
  }


  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 6% 9% 0% 0%;
    width: 25%;
    height: 47%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 12%;
    margin: 0% 0% 0% 4%;
  }

  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 12% 0% 0% 15%;
  }

  .lineaCuadroInicio-exp {
    width: 193px;
    height: 4px;
    background-color: #00C6AC;
    margin: 8% 0% 0% -5%;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 800px;
    margin: 6% 0% 14% 10%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
    margin: -5% 0% 0% 0%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% 0%;
    align-items: center;
    width: 111%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .tamInfo {
    transform: scale(0.6) translate(-812px, -1111px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 1001px;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -15% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .img-exp-demo {
    width: 44%;
    margin: 4% 0% 9% 29%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 2;
    margin: -3% 0% 4% 6%;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 35px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -15% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 2;
    margin: -3% 0% 4% 6%;
  }

  .parrafo-inicio {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 8%;
  }




  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 61%;
  }

  .espacio {
    padding-bottom: 25%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 30%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 13%;
    margin: -1% 0% 0% -5%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    scale: 132%;
    margin: 11% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 265%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 10% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -191% 0% 0% 15%;
    width: 70%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: -4% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 36%;
    font-size: 27px;
  }

  .txt-titulo-publicidadAR {
    margin: 0% 0% 0% 3%;
  }

  .img-exp-txt-publiAR {
    margin: -184% 0% 0% 14%;
    width: 70%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 7% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 78% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -158% 0% 0% 13%;
    width: 70%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 72% 0% 0% 32%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -161% 0% 0% 15%;
    width: 70%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -161% 0% 0% 14%;
    width: 70%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 74% 0% 0% 29%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 4% -2% 0% 16%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 25%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-video-close-experiencias {

    color: rgb(255, 255, 255);
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -12% -5% 0% 0%;
    scale: 2;

  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: 12% 0% 0% 15%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .Info-completa-Lau {
    margin: 9% 0% 0% 18%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Luis {
    margin: 9% 0% 0% 20%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 19%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }


  .closeInfo {
    margin: -4% 0% 0% 9%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 8%;
  }

  .closeInfo-antonio {
    margin: -17% 0% 0% 0%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -10%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 12%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 20%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 3%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 50%;
    height: 0%;
    margin: 15% -12% 0% 1%;
    font-size: 39px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -2% 0% 0% -9%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 34%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: -4% 0% 0% -14%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -13%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -13%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% -15%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -15%;
    width: 52%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 60%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -19%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 115% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -97% 0% 0% 20%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 23%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -73% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 45% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -145% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -3%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 17%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 45% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -143% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 50% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 28%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 25% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -122% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }


  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/Nosotros/FondoCubo.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 55%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 19% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #00C6AC;
    margin: -21% 0% 0% 24%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    margin: 1% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 5% 0% 0% 10%;
  }

  .img-mail-contacto {
    margin: 4% 0% 0% 12%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -14% 0% 0% 4%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: 15% 0% 0% -8%;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -18%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -18% 0% 0% -50%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: 12% 0% 0% 33%;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }

  .Info-completa-Lau {
    margin: 1% 0% 0% 0%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -8%;
  }

  .txtAldair {
    margin: 0% 0% 0% -3%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -9%;
  }

  .Info-completa-Luis {
    margin: 1% 0% 0% -4%;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 2%;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }


  .closeInfo {
    margin: -4% 0% 0% 29%;
  }

  .closeInfo-humberto {
    margin: -14% 0% 0% 32%;
  }

  .closeInfoLuis {
    margin: 3% 0% 0% -5%;
  }

  .closeInfo-antonio {
    margin: -10% 0% 0% 30%;
  }

  .closeInfoAldair {
    margin: 0% 0% 0% -7%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% -13%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -9% 0% 0% -38%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -10%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }

  .subtitulo-info {
    margin: -7% 0% 0% 0%;
  }

  .subtitulo-info-axel {
    margin: -7% 0% 1% 1%;
  }

  .subtitulo-info-humberto {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 3%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 24px;
  }

  .img-equipo {
    margin: 41% 0% 0% 44%;
    width: 35%;
    transform: scale(1);
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 35%;
    height: 0%;
    margin: 15% -12% 0% 1%;
    font-size: 30px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 4% 0% 0% -30%;
    width: 145%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 47%;
    height: 0%;
    margin: 0% -12% 2% 18%;
    font-size: 17px;
    padding: 1% 1% 1% 1%;
  }

  .sobremi {
    margin: 0% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 5% 1%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: -6% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 25%;
    width: 89%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -23%;
    line-height: 1.5;
  }

  .areas {
    margin: -4% 0% 0% 1%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 7% 0% 2% -3%;
    width: 60%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 70%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -7%;
  }

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 75px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 2%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }



  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }


  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 13%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -2% 0% 0% -8%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 4% 0% 0% 9%;
  }

  .AR {
    margin: 12% 0% 0% 0%;
    padding-bottom: 12%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 0% 0% 0% 4%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1)
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 628px;
    margin: 1% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 11% 0% 0% 3%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 230px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 215px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(511px, 785px) scale(1.4);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 11px;
    text-align: center;
    margin: 2% 0% 0% 11%;
    width: 70%;
  }


}


@media only screen and (max-width: 1024px) and (max-height: 768px) {

  .body-inicio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 243%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

  .contenido {
    width: 100%;
    height: 150%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 139%;
    width: 90%;
    padding: 0% 4% 7% 8%;
    margin: -4% 0% 0% 6%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -73%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: white;
    margin: -18% 0% 0% 39%;
    text-align: left;
    padding: 0% 0% 0% 0%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 0% 9% 0% 9%;
    padding: 2% 0% 20% 1%;
    color: white;
    text-align: center;
  }

  .línea-horizontal {
    width: 5px;
    height: 91%;
    background-color: #00C6AC;
    margin: -34% 0% 0% 34%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -5% -1% 0% 0%;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -12% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .btn-mandaservicio {

    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 38%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 8% 0% 4% 31%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 2%;
    margin: 0% 0% 0% -2%;
  }

  .img-cuadroInicio {
    margin: 11% 0% 0% 3%;
    align-items: center;
    width: 90%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 17px;
    width: 136%;
    text-align: center;
    padding: 5% 12% 0% 0%;
    margin: 0% 0% 0% -10%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .lineaCuadroInicio {
    width: 190px;
    height: 6px;
    background-color: #00C6AC;
    margin: 30% 0% 0% -7%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 14px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 0% 0% 0% -14%;
  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: 0% 0% -51% -5%;
    position: relative;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 50px;
    height: 50px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 4% 0% 0% 1%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: 0% 0% 0% -15%;
  }

  .logo-foot {
    margin: 14% 0% 0% 45%;
    width: 100px;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 445px;
  }

  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 3% 0% -5% 13%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 6% 9% 0% 0%;
    width: 23%;
    height: 75%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 12%;
    margin: -23% 0% 0% 9%;
  }

  .lineaCuadroInicio-exp {
    width: 184px;
    height: 2px;
    background-color: #00C6AC;
    margin: 8% 0% 0% 5%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
    margin: -10% 0% 0% 0%;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 45px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 2;
    margin: -41% 0% 4% 39%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 666px;
  }

  .tamInfo {
    transform: scale(0.6) translate(-804px, -734px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .img-exp-demo {
    width: 36%;
    margin: 3% 0% 9% 5%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 2% 0% 5% 11%;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 800px;
    margin: 6% 0% -17% 10%;
  }



  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 61%;
  }

  .espacio {
    padding-bottom: 25%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 30%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 13%;
    margin: -1% 0% 0% -5%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    scale: 132%;
    margin: 11% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 265%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 10% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -191% 0% 0% 15%;
    width: 70%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: -4% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 36%;
    font-size: 27px;
  }

  .txt-titulo-publicidadAR {
    margin: 0% 0% 0% 3%;
  }

  .img-exp-txt-publiAR {
    margin: -184% 0% 0% 14%;
    width: 70%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 7% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 78% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -158% 0% 0% 13%;
    width: 70%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 72% 0% 0% 32%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -161% 0% 0% 15%;
    width: 70%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -161% 0% 0% 14%;
    width: 70%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 74% 0% 0% 29%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 4% -2% 0% 16%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 25%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-video-close-experiencias {

    color: rgb(255, 255, 255);
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -12% -5% 0% 0%;
    scale: 2;

  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: 8% 0% 0% -4%;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }

  .Info-completa-Lau {
    margin: 9% 0% 0% 18%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Luis {
    margin: 9% 0% 0% 20%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 19%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .img-equipo {
    margin: -5% 0% 0% 33%;
    width: 35%;
    transform: scale(0.8);
  }


  .closeInfo {
    margin: -4% 0% 0% 9%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 8%;
  }

  .closeInfo-antonio {
    margin: -17% 0% 0% 0%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -10%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 12%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 20%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 3%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 50%;
    height: 0%;
    margin: 15% -12% 0% 1%;
    font-size: 39px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -2% 0% 0% -9%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 34%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: -4% 0% 0% -14%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -13%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -13%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% -15%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -15%;
    width: 52%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 60%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -19%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 115% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -97% 0% 0% 20%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 23%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -73% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 45% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -145% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -3%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 17%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 45% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -143% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 50% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 28%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 25% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -122% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }




  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/Nosotros/FondoCubo.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }

  .cuadro-contactanos {
    width: 81%;
    height: 48%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 14% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #00C6AC;
    margin: -28% 0% 0% 33%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    text-align: center;
    margin: -1% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 5% 0% 0% 10%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% 13%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -13% 0% 0% -3%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 0% 0% 1% 49%;
  }

  .iconosredes-contacto {
    margin: 7% 0% 0% -8%;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -36%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -17% 0% 0% -87%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa-Lau {
    margin: 1% 0% 0% 0%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -8%;
  }

  .txtAldair {
    margin: 0% 0% 0% -3%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -9%;
  }

  .Info-completa-Luis {
    margin: 1% 0% 0% -4%;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 2%;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }


  .closeInfo {
    margin: -4% 0% 0% 29%;
  }

  .closeInfo-humberto {
    margin: -14% 0% 0% 32%;
  }

  .closeInfoLuis {
    margin: 3% 0% 0% -5%;
  }

  .closeInfo-antonio {
    margin: -10% 0% 0% 30%;
  }

  .closeInfoAldair {
    margin: 0% 0% 0% -7%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% -13%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -2% 0% 0% -27%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -10%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -3% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -3% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 11%;
  }

  .subtitulo-info-axel {
    margin: -2% 0% -4% 0%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 35%;
    height: 0%;
    margin: 15% -12% 0% 1%;
    font-size: 30px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 0% 0% 0% -11%;
    width: 91%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 42%;
    height: 0%;
    margin: 7% -12% 0% 20%;
    font-size: 22px;
    padding: 2% 6% 2% 5%;
  }

  .sobremi {
    margin: 3% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: -5% 0% 5% -5%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: -1% 0% 0% -25%;
    line-height: 1.5;
  }

  .areas {
    margin: -6% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 5% 0% 2% -1%;
    width: 50%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 60%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -6%;
  }

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 75px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 2%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }



  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }


  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 13%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -2% 0% 0% -8%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 4% 0% 0% 9%;
  }

  .AR {
    margin: 12% 0% 0% 0%;
    padding-bottom: 12%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 0% 0% 0% 4%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1)
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 628px;
    margin: 1% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 11% 0% 0% 3%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 230px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 215px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(431px, 222px) scale(1.5);
  }


}


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

  .body-inicio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: -16% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 60%;
    width: 93%;
    margin: -23% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -68%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: white;
    margin: -23% 0% 0% 49%;
    text-align: left;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 2%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -5% 13% 0% 9%;
    padding: 2% 0% 7% 1%;
    color: white;
    text-align: center;
    line-height: 1;

  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: -3% 0% -46% -1%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 2% 0% 3% 13%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 200%;
    text-align: center;
    padding: 7% 78% 0% 0%;
    margin: 0% 0% 0% -52%;
  }

  .inicio-img {
    width: 109%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -12%;
  }

  .img-cuadroInicio {
    margin: 9% 0% 0% -34%;
    align-items: center;
    width: 116%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 17% 0% 0% -43%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 5% 0% 0% -66%;
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% -16%;
    align-items: center;
    width: 67%;
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 4% 3% 4%;
    transform: translate(20px, 20px);
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 8%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 6% 0% 0% 1%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    width: 141%;
    margin: -1% 0% 0% -15%;
  }

  .logo-foot {
    margin: 16% 0% 0% 43%;
    width: 100px;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 357px;
  }

  .btn-mandaservicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 50px;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 7% 25%;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 25%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 4% 0% 4% 35%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 45% 27% 0% 0%;
    width: 45%;
    height: 48%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .center-container-menu {
    position: relative;
    display: table;
    width: 106%;
    height: 108%;
  }

  nav.navigation-menu li {
    margin: 3px auto 50px auto;
    list-style: none;
  }

  .línea-horizontal {
    width: 5px;
    height: 83%;
    background-color: #00C6AC;
    margin: -40% 0% 0% 44%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -11% -5% 0% 0%;
    scale: 2;
  }

  #videoIframe {
    width: 636px;
    height: 401px;
  }

  .cuadroInicioVal-exp {
    width: 14%;
    height: 800px;
    margin: 3% 0% -25% 9%;
  }

  .info-experiencias {
    width: 100%;
    height: 71%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 12% 0% 0% 23%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -3%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    scale: 132%;
    margin: 9% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 137%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 10% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 12%;
    margin: 2% 0% 0% -30%;
  }

  .lineaCuadroInicio-exp {
    width: 200px;
    height: 4px;
    background-color: #00C6AC;
    margin: 8% 0% 0% -39%;
  }

  .cuadroInicio-exp {
    width: 23%;
    height: 800px;
    margin: 2% 0% -15% 10%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
    margin: -16% 0% 0% 0%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% -27%;
    align-items: center;
    width: 120%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .tamInfo {
    transform: scale(0.9) translate(-551px, -697px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 953px;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -15% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .img-exp-demo {
    width: 44%;
    margin: 4% 0% 9% 29%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 2;
    margin: -3% 0% 4% 6%;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 35px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -15% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 2;
    margin: -3% 0% 4% 6%;
  }



  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }



  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 78% 0% 0% 20%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 79% 0% 0% 29%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }



  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.9;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 2% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }



  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 79% 0% 0% 29%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 4% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }

  .lineaMenu {
    width: 200px;
    height: 3px;
    background-color: #00C6AC;
    margin: 5% 0% 0% 27%;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }


  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 61%;
  }

  .espacio {
    padding-bottom: 25%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 30%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 13%;
    margin: -1% 0% 0% -5%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    scale: 132%;
    margin: 11% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 265%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 10% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -191% 0% 0% 15%;
    width: 70%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: -4% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 36%;
    font-size: 27px;
  }

  .txt-titulo-publicidadAR {
    margin: 0% 0% 0% 3%;
  }

  .img-exp-txt-publiAR {
    margin: -184% 0% 0% 14%;
    width: 70%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 7% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 78% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -158% 0% 0% 13%;
    width: 70%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 72% 0% 0% 32%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -161% 0% 0% 15%;
    width: 70%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -161% 0% 0% 14%;
    width: 70%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 74% 0% 0% 29%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 4% -2% 0% 16%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 25%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-video-close-experiencias {

    color: rgb(255, 255, 255);
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -12% -5% 0% 0%;
    scale: 2;

  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: 12% 0% 0% 15%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .Info-completa-Lau {
    margin: 9% 0% 0% 18%;

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Luis {
    margin: 9% 0% 0% 20%;

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 19%;

    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }


  .closeInfo {
    margin: -4% 0% 0% 9%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 8%;
  }

  .closeInfo-antonio {
    margin: -17% 0% 0% 0%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -10%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 12%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 20%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 3%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 50%;
    height: 0%;
    margin: 15% -12% 0% 1%;
    font-size: 39px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -2% 0% 0% -9%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 34%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: -4% 0% 0% -14%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -13%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -13%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% -15%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -15%;
    width: 52%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 60%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -19%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 115% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -97% 0% 0% 20%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 23%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -73% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 45% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -145% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -3%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 17%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 45% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -143% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 50% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 28%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 25% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -122% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }




  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 31% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -6% 0% 0% 19%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 5% 0% 0% 10%;
  }

  .img-mail-contacto {
    margin: 2% 0% 0% 9%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -14% 0% 0% 2%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 48%;
  }

  .iconosredes-contacto {
    margin: 15% 0% 0% -8%;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -43%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -18% 0% 0% -81%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: -40% 0% 0% 34%;
    -webkit-transform: scale(01.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
  }

  .Info-completa-Lau {
    margin: 1% 0% 0% 0%;

    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -8%;
  }

  .txtAldair {
    margin: 0% 0% 0% -3%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -9%;
  }

  .Info-completa-Luis {
    margin: 1% 0% 0% -4%;

    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 2%;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }


  .closeInfo {
    margin: -4% 0% 0% 29%;
  }

  .closeInfo-humberto {
    margin: -14% 0% 0% 32%;
  }

  .closeInfoLuis {
    margin: 3% 0% 0% -5%;
  }

  .closeInfo-antonio {
    margin: -10% 0% 0% 30%;
  }

  .closeInfoAldair {
    margin: 0% 0% 0% -7%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% -13%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -2% 0% 0% -33%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -10%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -4% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -4% 0% 0% 1%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 3%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 27px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 35%;
    height: 0%;
    margin: 15% -12% 0% 1%;
    font-size: 30px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 0% 0% 0% -9%;
    width: 90%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 5% -12% 0% 11%;
    font-size: 18px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: -1% 0% 0% 1%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 5% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: -5% 32% 0% -4%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 0%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -13%;
    line-height: 1.5;
  }

  .areas {
    margin: -3% 0% 0% 2%;
  }

  .img-equipo {
    margin: 106% 0% 0% 57%;
    width: 35%;
    transform: scale(0.9);
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 9% 0% 2% -4%;
    width: 70%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 33px;
    padding-left: 0px;
    scale: 1.1;
    margin: 2% 0% 0% -11%;
  }

  .iconosAreas li {
    width: 34%;
    display: flex;
    justify-content: center;
  }

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 75px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 2%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }



  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }


  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 13%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -2% 0% 0% -8%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 4% 0% 0% 9%;
  }

  .AR {
    margin: 12% 0% 0% 0%;
    padding-bottom: 12%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 0% 0% 0% 4%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1)
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 628px;
    margin: 1% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 11% 0% 0% 3%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 230px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 215px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

  .visor-3d {
    margin-top: 20px;
    max-width: 243px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(577px, 2530px) scale(3);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 9px;
    text-align: center;
    margin: -34% 0% 0% -43%;
    width: 119%;
  }


}

/* ------------------------------------------------------------- Inicio Responsivo 950 -------------------------------------------------------------------------------- */

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

  .contenido {
    width: 100%;
    height: 90%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: white;
    width: 100%;
    padding: 17% 0% 0% 9%;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 139%;
    width: 100%;
    padding: 0% 4% 7% 8%;
    margin: 0 0% 0% 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -73%;
  }

  .img-activaciones {
    width: 74%;
    height: auto;
    opacity: 0.5;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: white;
    margin: -18% 0% 0% 36%;
    text-align: left;
    padding: 0% 0% 0% 0%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 0% 9% 0% 9%;
    padding: 2% 0% 20% 1%;
    color: white;
    text-align: center;
  }

  .línea-horizontal {
    width: 5px;
    height: 76%;
    background-color: #00C6AC;
    margin: -31% 0% 0% 33%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -11% -4% 0% 0%;
  }

  .btn-mandaservicio {

    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 38%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 8% 0% 4% 31%;
  }







  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 61%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 30%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 27px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 13%;
    margin: -1% 0% 0% -5%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 42%;
    text-align: center;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    margin: 2% 0% 0% -1%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 122%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 10% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -183% 0% 0% 17%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: -8% 0% -5% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 4% -2% 0% 35%;
    font-size: 27px;
  }

  .img-exp-txt-publiAR {
    margin: -163% 0% 0% 17%;
    width: 64%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 62% 0% 0% 26%;
    text-transform: uppercase;
  }

  .txt-titulo-publicidadAR {
    margin: 0% 0% 0% 1%;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -156% 0% 0% 17%;
    width: 64%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 57% 0% 0% 29%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -186% 0% 0% 17%;
    width: 64%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.85;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -156% 0% 0% 18%;
    width: 64%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 66% 0% 0% 29%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 4% -2% 0% 16%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 4% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 30%;
    height: 0%;
    margin: 5% -2% 0% 34%;
    font-size: 27px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -10% -4% 0% 0%;
    scale: 2;
  }

  .btn-mandaservicio {

    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 34%;
    height: 0%;
    font-size: 26px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 4% 34%;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: -8% 0% 0% 20%;

    scale: 98%;
  }

  .Info-completa-Lau {
    margin: -8% 0% 0% 26%;

    scale: 137%;
  }

  .Info-completa-Luis {
    margin: -28% 0% 0% 21%;

    scale: 76%;
  }

  .Info-completa-Humberto {
    margin: 21% 0% 0% 18%;
    scale: 96%;
  }


  .closeInfo {
    margin: -4% 0% 0% 66%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 76%;
  }

  .closeInfo-antonio {
    margin: 9% 0% 0% 70%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -10%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 12%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 50%;
    height: 0%;
    margin: 15% -12% 0% 1%;
    font-size: 39px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -2% 0% 0% -9%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 34%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 2% 0% 0% -14%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -13%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -13%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% -15%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -15%;
    width: 52%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 57%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -18%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -50% 0% 0% 15%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 18%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 9%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 52% 0%;
  }


  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -159% 0% 0% -14%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }


  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 134%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 14% 0% 0% -47%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -3%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -38% 0% 0% 12%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 8% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -168% 0% 0% -15%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 138%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 10% 0% 0% -49%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 50% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -42% 0% 0% 28%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 25% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -133% 0% 0% -15%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 147%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 0% -51%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 31% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -21% 0% 0% 19%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 5% 0% 0% 8%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% 5%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -7% 0% 0% -9%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 4% 0% 0% 24%;
  }

  .iconosredes-contacto {
    margin: 15% 0% 0% -8%;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -14%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -10% 0% 0% -62%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 90%;
    height: 120%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 0% 5%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 40px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 12% 0% 0% 11%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 11%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 6% 0% 0% 37%;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 75px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    text-align: left;
    padding: 4% 3% 0% 4%;
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 2%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }


  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 13%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 1%;
  }

  .AR {
    margin: 17% 0% 0% 0%;
    padding-bottom: 15%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% -5%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 658px;
    margin: 1% 0% 0% 14%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 15% 0% 0% 0%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 458px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 435px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}

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

  .body-inicio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 168%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

  .contenido {
    width: 100%;
    height: 150%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 2% 7% -1% 6%;
  }

  .inicio-img {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -4%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 95%;
    width: 90%;
    padding: 0% 4% 7% 8%;
    margin: -4% 0% 0% 6%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -73%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: white;
    margin: -18% 0% 0% 39%;
    text-align: left;
    padding: 0% 0% 0% 0%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 0% 9% 0% 9%;
    padding: 2% 0% 20% 1%;
    color: white;
    text-align: center;
  }

  .línea-horizontal {
    width: 5px;
    height: 91%;
    background-color: #00C6AC;
    margin: -34% 0% 0% 34%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -5% -1% 0% 0%;
  }

  .btn-mandaservicio {

    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 38%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 8% 0% 4% 31%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 2%;
    margin: 0% 0% 0% 0%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% 4%;
    align-items: center;
    width: 90%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 17px;
    width: 136%;
    text-align: center;
    padding: 5% 12% 0% 0%;
    margin: 0%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .lineaCuadroInicio {
    width: 190px;
    height: 6px;
    background-color: #00C6AC;
    margin: 30% 0% 0% -7%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 14px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 0% 0% 0% -14%;
  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: 0% 0% -51% -5%;
    position: relative;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 50px;
    height: 50px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 4% 0% 0% 1%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: 0% 0% 0% -15%;
  }

  .logo-foot {
    margin: 14% 0% 0% 45%;
    width: 100px;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 445px;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 6% 9% 0% 0%;
    width: 35%;
    height: 60%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 190px;
    height: 3px;
    background-color: #00C6AC;
    margin: 6% 0% 0% 18%;
  }

  .center-container-menu {
    position: relative;
    display: table;
    width: 106%;
    height: 108%;
  }

  nav.navigation-menu li {
    margin: 3px auto 50px auto;
    list-style: none;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .lineaMenu {
    width: 190px;
    height: 3px;
    background-color: #00C6AC;
    margin: 6% 0% 0% 18%;
  }

  #videoIframe {
    width: 810px;
    height: 344px;
  }

  .btn-mandaservicio2 {

    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 25%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 4% 38%;
  }


  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
    margin: -14% 0% 0% 0%;
  }

  .cuadroInicioVal-exp {
    width: 14%;
    height: 800px;
    margin: 3% 0% -22% 11%;
  }



  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 61%;
  }

  .espacio {
    padding-bottom: 25%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 30%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 13%;
    margin: -1% 0% 0% -5%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    scale: 132%;
    margin: 11% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 265%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 10% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -191% 0% 0% 15%;
    width: 70%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: -4% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 36%;
    font-size: 27px;
  }

  .txt-titulo-publicidadAR {
    margin: 0% 0% 0% 3%;
  }

  .img-exp-txt-publiAR {
    margin: -184% 0% 0% 14%;
    width: 70%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 7% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 78% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -158% 0% 0% 13%;
    width: 70%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 72% 0% 0% 32%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -161% 0% 0% 15%;
    width: 70%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -161% 0% 0% 14%;
    width: 70%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 74% 0% 0% 29%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 4% -2% 0% 16%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 25%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-video-close-experiencias {

    color: rgb(255, 255, 255);
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -12% -5% 0% 0%;
    scale: 2;

  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: 12% 0% 0% 15%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .Info-completa-Lau {
    margin: 9% 0% 0% 18%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Luis {
    margin: 9% 0% 0% 20%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 19%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }


  .closeInfo {
    margin: -4% 0% 0% 9%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 8%;
  }

  .closeInfo-antonio {
    margin: -17% 0% 0% 0%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -10%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 12%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 20%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 3%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 50%;
    height: 0%;
    margin: 15% -12% 0% 1%;
    font-size: 39px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -2% 0% 0% -9%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 34%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: -4% 0% 0% -14%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -13%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -13%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% -15%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -15%;
    width: 52%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 60%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -19%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 115% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -97% 0% 0% 20%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 23%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -73% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 45% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -145% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -3%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 17%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 45% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -143% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 50% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 28%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 25% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -122% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }


  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 31% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -21% 0% 0% 19%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 5% 0% 0% 10%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% 9%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -14% 0% 0% 7%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 1% 0% 0% 47%;
  }

  .iconosredes-contacto {
    margin: 15% 0% 0% -8%;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -36%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -21% 0% 0% -65%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: -6% 0% 0% 21%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Lau {
    margin: 1% 0% 0% 0%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -8%;
  }

  .txtAldair {
    margin: 0% 0% 0% -3%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -9%;
  }

  .Info-completa-Luis {
    margin: 1% 0% 0% -4%;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 2%;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }


  .closeInfo {
    margin: -4% 0% 0% 29%;
  }

  .closeInfo-humberto {
    margin: -14% 0% 0% 32%;
  }

  .closeInfoLuis {
    margin: 3% 0% 0% -5%;
  }

  .closeInfo-antonio {
    margin: -10% 0% 0% 30%;
  }

  .closeInfoAldair {
    margin: 0% 0% 0% -7%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% -13%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -2% 0% 0% -33%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -10%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -4% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -4% 0% 0% 1%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 14%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 26px;
  }

  .img-equipo {
    margin: 36% 0% 0% 36%;
    width: 35%;
    transform: scale(0.9);
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 35%;
    height: 0%;
    margin: 15% -12% 0% 1%;
    font-size: 30px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 0% 0% 0% -9%;
    width: 90%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 58%;
    height: 0%;
    margin: 7% -12% 0% 8%;
    font-size: 22px;
    padding: 2% 4% 2% 3%;
  }

  .sobremi {
    margin: 1% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 5% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: -5% 32% 0% -5%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 30%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -10%;
    line-height: 1.5;
  }

  .areas {
    margin: -4% 0% 0% 1%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 5% 0% 2% 0%;
    width: 60%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 30%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 1% 0% 0% 13%;
  }

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 75px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 2%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }



  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }


  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 13%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -2% 0% 0% -8%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 4% 0% 0% 9%;
  }

  .AR {
    margin: 12% 0% 0% 0%;
    padding-bottom: 12%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 0% 0% 0% 4%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1)
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 628px;
    margin: 1% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 11% 0% 0% 3%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 230px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 215px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(450px, 677px) scale(1.5);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 11px;
    text-align: center;
    margin: -5% 0% 0% 8%;
    width: 69%;
  }


}

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


  .body-inicio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 126%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

  .contenido {
    width: 100%;
    height: 150%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 2% 7% -1% 7%;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 800px;
    margin: 2% 0% -24% 11%;
  }

  .inicio-img {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -4%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 73%;
    width: 90%;
    padding: 0% 4% 7% 8%;
    margin: -4% 0% 0% 6%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -73%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: white;
    margin: -18% 0% 0% 39%;
    text-align: left;
    padding: 0% 0% 0% 0%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 0% 9% 0% 9%;
    padding: 2% 0% 20% 1%;
    color: white;
    text-align: center;
  }

  .línea-horizontal {
    width: 5px;
    height: 91%;
    background-color: #00C6AC;
    margin: -34% 0% 0% 34%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -5% -1% 0% 0%;
  }

  .btn-mandaservicio {

    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 38%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 8% 0% 4% 31%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 2%;
    margin: 0% 0% 0% -4%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% 4%;
    align-items: center;
    width: 90%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 17px;
    width: 136%;
    text-align: center;
    padding: 5% 12% 0% 0%;
    margin: 0% 0% 0% -7%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .lineaCuadroInicio {
    width: 190px;
    height: 6px;
    background-color: #00C6AC;
    margin: 30% 0% 0% -7%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 14px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 0% 0% 0% -14%;
  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: 0% 0% -51% -5%;
    position: relative;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 13%;
    width: 100%;
  }

  .img-mail-foot {
    width: 50px;
    height: 50px;
    margin: 4% 0% 0% 0%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 4% 0% 0% 1%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    width: 147%;
    margin: 0% 0% 0% -15%;
  }

  .logo-foot {
    margin: 14% 0% 0% 45%;
    width: 100px;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 445px;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 9% 11% 0% 0%;
    width: 35%;
    height: 54%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 182px;
    height: 3px;
    background-color: #00C6AC;
    margin: 6% 0% 0% 19%;
  }


  #videoIframe {
    width: 810px;
    height: 344px;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 25%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 4% 38%;
  }


  .img-cuadroInicio-exp {
    margin: 7% 0% 0% -2%;
    align-items: center;
    width: 104%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio-exp {
    width: 140px;
    height: 6px;
    background-color: #00C6AC;
    margin: 8% 0% 0% 5%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 889px;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -14% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .tamInfo {
    transform: scale(0.6) translate(-717px, -900px);
    padding: 3% 3% 1% 3%;
    width: 100%;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 35px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 8%;
  }

  .img-exp-demo {
    width: 35%;
    margin: 5% 0% 9% 33%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 2;
    margin: -1% 0% 4% 3%;
  }




  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 61%;
  }

  .espacio {
    padding-bottom: 25%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 30%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 13%;
    margin: -1% 0% 0% -5%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    scale: 132%;
    margin: 11% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 265%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 10% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -191% 0% 0% 15%;
    width: 70%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: -4% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 36%;
    font-size: 27px;
  }

  .txt-titulo-publicidadAR {
    margin: 0% 0% 0% 3%;
  }

  .img-exp-txt-publiAR {
    margin: -184% 0% 0% 14%;
    width: 70%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 7% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 78% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -158% 0% 0% 13%;
    width: 70%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 72% 0% 0% 32%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -161% 0% 0% 15%;
    width: 70%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -161% 0% 0% 14%;
    width: 70%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 74% 0% 0% 29%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 4% -2% 0% 16%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 25%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 6% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-video-close-experiencias {

    color: rgb(255, 255, 255);
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -12% -5% 0% 0%;
    scale: 2;

  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa-Lau {
    margin: 9% 0% 0% 18%;

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Luis {
    margin: 9% 0% 0% 20%;

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 19%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .img-equipo {
    margin: 52% 0% 0% 41%;
    width: 35%;
    transform: scale(1);
  }

  .closeInfo {
    margin: -4% 0% 0% 9%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 8%;
  }

  .closeInfo-antonio {
    margin: -17% 0% 0% 0%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -10%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 12%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 20%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 3%;
  }

  .subtitulo-info-axel {
    margin: -3% 0% -4% 1%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 50%;
    height: 0%;
    margin: 15% -12% 0% 1%;
    font-size: 39px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -2% 0% 0% -9%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 34%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: -4% 0% 0% -14%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -13%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -13%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% -15%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -15%;
    width: 52%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 60%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -19%;
  }



  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 115% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -97% 0% 0% 20%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -4% 0% 0% 23%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -73% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 45% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -145% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -3%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 17%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 45% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -143% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 50% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 74px;
    color: #00C6AC;
    margin: -31% 0% 0% 28%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 25% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -122% 0% 0% -11%;
    padding: 3% 0% 3% 0%;
    scale: 72%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 65%;
    height: 0%;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -18%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }




  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 31% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 82px;
    color: #00C6AC;
    margin: -21% 0% 0% 19%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 5% 0% 0% 10%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% 9%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -15% 0% 0% 8%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 46%;
  }

  .iconosredes-contacto {
    margin: 15% 0% 0% -8%;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -36%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -22% 0% 0% -61%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: -5% 0% 0% 19%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Lau {
    margin: 1% 0% 0% 0%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -8%;
  }

  .txtAldair {
    margin: 0% 0% 0% -3%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -9%;
  }

  .Info-completa-Luis {
    margin: 1% 0% 0% -4%;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 2%;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }


  .closeInfo {
    margin: -4% 0% 0% 29%;
  }

  .closeInfo-humberto {
    margin: -14% 0% 0% 32%;
  }

  .closeInfoLuis {
    margin: 3% 0% 0% -5%;
  }

  .closeInfo-antonio {
    margin: -10% 0% 0% 30%;
  }

  .closeInfoAldair {
    margin: 0% 0% 0% -7%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% -13%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -2% 0% 0% -30%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -10%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -4% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 3%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 35%;
    height: 0%;
    margin: 15% -12% 0% 1%;
    font-size: 30px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 3% 0% 0% -19%;
    width: 117%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 47%;
    height: 0%;
    margin: 0% -12% 3% 20%;
    font-size: 22px;
    padding: 1% 1% 2% 1%;
  }

  .sobremi {
    margin: -3% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 5% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: -4% 32% 0% -5%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 1%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -25%;
    line-height: 1.5;
  }

  .areas {
    margin: -3% 0% 0% 2%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 5% 0% 2% -2%;
    width: 60%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 35%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2% 0% 0% 10%;
  }

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 75px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 2%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }



  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }


  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 13%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 22%;
    margin: -2% 0% 0% -8%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 4% 0% 0% 9%;
  }

  .AR {
    margin: 12% 0% 0% 0%;
    padding-bottom: 12%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 0% 0% 0% 4%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 580px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1)
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 628px;
    margin: 1% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 11% 0% 0% 3%;
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 230px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 7% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 215px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(442px, 1064px) scale(1.5);
  }


}


/* ------------------------------------------------------------- FINInicio Responsivo 950 -------------------------------------------------------------------------------- */
/* Inicio Responsivo 834 */
@media only screen and (max-width: 834px) {

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100%;
    width: 93%;
    margin: -6% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -68%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: white;
    margin: -23% 0% 0% 49%;
    text-align: left;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 2%;
    margin: 4% 0% 0% -4%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -5% 13% 0% 9%;
    padding: 2% 0% 7% 1%;
    color: white;
    text-align: center;
    line-height: 1;

  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: 0% 0% -70% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 2% 0% 3% 13%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 200%;
    text-align: center;
    padding: 7% 78% 0% 0%;
    margin: 0% 0% 0% -49%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% -31%;
    align-items: center;
    width: 116%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 28% 0% 0% -53%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 10% 0% 0% -56%;
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% -16%;
    align-items: center;
    width: 67%;
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 4% 3% 4%;
    transform: translate(20px, 20px);
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 3%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 6% 0% 0% 1%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 5%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    width: 141%;
    margin: -1% 0% 0% -15%;
  }

  .logo-foot {
    margin: 16% 0% 0% 43%;
    width: 100px;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 357px;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 25%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 4% 0% 4% 35%;
  }

  .línea-horizontal {
    width: 5px;
    height: 83%;
    background-color: #00C6AC;
    margin: -40% 0% 0% 44%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -11% -5% 0% 0%;
    scale: 2;
  }


  .inicio-img {
    width: 90%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -2%;
  }


  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    text-align: center;
    padding: 5% 12% 0% 12%;
    margin: -11% 0% 0% -23%;
  }

  .lineaCuadroInicio-exp {
    width: 168px;
    height: 4px;
    background-color: #00C6AC;
    margin: 8% 0% 0% -27%;
  }

  .cuadroInicio-exp {
    width: 24%;
    height: 800px;
    margin: 2% 0% -7% 9%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
    margin: -5% 0% 0% 0%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% -21%;
    align-items: center;
    width: 120%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .tamInfo {
    transform: scale(0.6) translate(-604px, -903px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 1001px;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -15% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .img-exp-demo {
    width: 44%;
    margin: 4% 0% 9% 29%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 2;
    margin: -3% 0% 4% 6%;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 35px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -15% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 2;
    margin: -3% 0% 4% 6%;
  }




  #videoIframe {
    width: 636px;
    height: 401px;
  }

  .info-experiencias {
    width: 100%;
    height: 71%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 12% 0% 0% 23%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -3%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    scale: 132%;
    margin: 9% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 137%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 10% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }



  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }



  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 78% 0% 0% 20%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 79% 0% 0% 29%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }



  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.9;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 2% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }



  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 79% 0% 0% 29%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 4% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }


  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 6% 9% 0% 0%;
    width: 35%;
    height: 63%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 71%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    width: 100%;
    padding: 10% 0% 0% 36%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: 2% 0% 0% -3%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 111%;
    height: 55%;
    text-align: center;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    margin: 3% 0% 0% -5%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 165%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 4% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -250% 0% 0% 6%;
    width: 88%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: -7% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 7% -2% 0% 32%;
    font-size: 27px;
  }

  .img-exp-txt-publiAR {
    margin: -247% 0% 0% 7%;
    width: 88%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 56%;
    height: auto;
    margin: 7% 0% 0% 23%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 102% 0% 0% 20%;
    text-transform: uppercase;
  }

  .txt-titulo-publicidadAR {
    margin: 0% 0% 0% 1%;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -222% 0% 0% 6%;
    width: 88%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 102% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: .14% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -258% 0% 0% 5%;
    width: 88%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.9;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 2% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -217% 0% 0% 6%;
    width: 88%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 102% 0% 0% 25%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 38%;
    height: 0%;
    margin: 9% -2% 0% 29%;
    font-size: 27px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -11% -6% 0% 0%;
    scale: 2;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: 9% 0% 0% -15%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Lau {
    margin: -15% 0% 0% -11%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Luis {
    margin: -27% 0% 0% -14%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: 19% 0% 0% -12%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .closeInfo {
    margin: -8% 0% 0% 56%;
  }

  .closeInfoLuis {
    margin: 46% 0% 0% 2%;
  }

  .closeInfo-humberto {
    margin: -25% 0% 0% 69%;
  }

  .closeInfo-antonio {
    margin: -4% 0% 0% 64%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }

  .closeInfoLaura {
    margin: 53% 0% 0% 1%;
  }

  .closeInfoAldair {
    margin: 103% 0% 0% 0%;
  }

  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -4% 0% 0% -4%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 2% 0% 0% -3%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -3% 0% 0% 1%;
  }

  .subtitulo-info-humberto {
    margin: -2% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -3% 0% 0% 7%;
  }

  .subtitulo-info-axel {
    margin: -3% 0% -4% 1%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 40%;
    height: 0%;
    margin: 15% -12% 0% -1%;
    font-size: 35px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -30%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 39%;
    height: 0%;
    margin: 4% -12% 0% 23%;
    font-size: 22px;
    padding: 1% 1% 1% 1%;
  }

  .sobremi {
    margin: 2% 0% 0% 1%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -3%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: -5% 32% 0% -1%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 1% 0% 0% -30%;
    line-height: 1.7;
  }

  .areas {
    margin: 2% 0% 0% 2%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -1%;
    width: 52%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 29%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% 8%;
  }

  .img-equipo {
    margin: 29% -7% 0% 40%;
    width: 35%;
    transform: scale(1);
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -51% 0% 0% 17%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -4% 0% 0% 16%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -31% 0% 0% 10%;
    ;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 30% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -160% 0% 0% -25%;
    padding: 3% 0% 3% 0%;
    scale: 60%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 122%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -42%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -2%;
    padding: 0% 12% 0% 12%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -31% 0% 0% 13%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 56% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -167% 0% 0% -27%;
    padding: 3% 0% 3% 0%;
    scale: 60%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 38%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 125%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 17% 0% 0% -45%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 0%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }

  .capacitacion {
    margin: 50% 0% 0% 0%;
  }

  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -41% 0% 0% 27%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 23% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 51% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -149% 0% 0% -25%;
    padding: 3% 0% 3% 0%;
    scale: 60%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 141%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 11% 0% 0% -48%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 11% 15% 0%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 21% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #00C6AC;
    margin: -23% 0% 0% 19%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    text-align: center;
    margin: 3% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 1%;
  }

  .img-mail-contacto {
    margin: -3% 0% 0% 16%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 19px;
    color: #00C6AC;
    margin: -15% 0% 0% 16%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: 16% 0% 0% -15%;
  }

  .img-whats-contacto {
    margin: 5% 0% 0% -30%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -21% 0% 0% -51%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 146%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 0% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 35px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 13% 0% 0% 9%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 6% 0% 0% 37%;
  }

  /* Estilo para mensaje de confirmación o error */
  .mensaje-envio {
    position: fixed;
    z-index: 9999;
    /* Valor alto para estar por delante de los demás elementos */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 60px;
    color: white;
    margin: 37% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 2%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }


  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    color: #00C6AC;
    width: 100%;
    padding: 11% 0% 0% 16%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -6%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 9%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 17%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 5%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 430px;
    margin: 1% 0% 0% 27%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 460px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {

    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 3% 0% 0% 4%;
    transform: scale(1);

  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 365px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 370px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }

  /* ------------------------------End Centro de Novedades------------------------------- */
  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(371px, 593px) scale(1.4);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 11px;
    text-align: center;
    margin: 1% 0% 0% 9%;
    width: 70%;
  }

}


/* Fin 834 */

/* ------------------------------------------------------------- Inicio Responsivo 820 -------------------------------------------------------------------------------- */
@media only screen and (max-width: 820px) {

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: white;
    width: 100%;
    padding: 22% 0% 0% 8%;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 139%;
    width: 100%;
    padding: 0% 4% 7% 8%;
    margin: -2% 0% 0% 6%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -73%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: white;
    margin: -22% 0% 0% 43%;
    text-align: left;
    padding: 0% 0% 0% 0%;
  }


  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 0% 9% 0% 9%;
    padding: 2% 0% 0% 1%;
    color: white;
    text-align: center;
  }

  .línea-horizontal {
    width: 5px;
    height: 83%;
    background-color: #00C6AC;
    margin: -39% 0% 0% 39%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -12% -4% 0% 0%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 71%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 12% 0% 0% 23%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% 0%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 45%;
    text-align: center;
    scale: 132%;
    margin: 6% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 147%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 12% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -232% 0% 0% 5%;
    width: 88%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 8% -2% 0% 31%;
    font-size: 27px;
  }

  .img-exp-txt-publiAR {
    margin: -235% 0% 0% 7%;
    width: 88%;
  }


  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 93% 0% 0% 20%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -206% 0% 0% 8%;
    width: 88%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 93% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -251% 0% 0% 5%;
    width: 88%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.9;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 2% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -198% 0% 0% 5%;
    width: 88%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 93% 0% 0% 30%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 8% -2% 0% 11%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 31%;
    font-size: 27px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -10% -3% 0% 0%;
    scale: 2;
  }

  .btn-mandaservicio {

    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 34%;
    height: 0%;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 4% 31%;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: -22% 0% 0% -15%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Lau {
    margin: -15% 0% 0% -13%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Luis {
    margin: -25% 0% 0% -11%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: 6% 0% 0% -12%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .closeInfo {
    margin: -8% 0% 0% 54%;
  }

  .closeInfoLuis {
    margin: 46% 0% 0% 2%;
  }

  .closeInfo-humberto {
    margin: -25% 0% 0% 66%;
  }

  .closeInfo-antonio {
    margin: 13% 0% 0% 61%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }

  .closeInfoLaura {
    margin: 13% 0% 0% 1%;
  }

  .closeInfoAldair {
    margin: 84% 0% 0% 0%;
  }



  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 2% 0% 0% -3%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -3% 0% 0% 8%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 20%;
  }

  .subtitulo-info-antonio {
    margin: -3% 0% 0% 7%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 40%;
    height: 0%;
    margin: 15% -12% 0% -1%;
    font-size: 35px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -22%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 22%;
    height: 0%;
    margin: 0% -12% 0% 23%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% -4%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -3%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 1% 0% 0% -2%;
    line-height: 1.5;
  }

  .areas {
    margin: 2% 0% 0% -4%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -4%;
    width: 52%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 60%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -10%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -51% 0% 0% 20%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -4% 0% 0% 19%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -31% 0% 0% 13%;
    ;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 22% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -145% 0% 0% -20%;
    padding: 3% 0% 3% 0%;
    scale: 60%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 112%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 10% 0% 0% -38%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% -5% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -41% 0% 0% 16%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 46% 0% 0% 8%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -154% 0% 0% -22%;
    padding: 3% 0% 3% 0%;
    scale: 60%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 120%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 18% 0% 0% -41%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 6% 0% 0% -2%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 50% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -31% 0% 0% 27%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 16% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -135% 0% 0% -20%;
    padding: 3% 0% 3% 0%;
    scale: 60%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 126%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 0% -45%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 13% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 31% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #00C6AC;
    margin: -23% 0% 0% 19%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 33px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 7%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% 5%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 19px;
    color: #00C6AC;
    margin: -8% 0% 0% -3%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 4% 0% 0% 23%;
  }

  .iconosredes-contacto {
    margin: 16% 0% 0% -15%;
  }

  .img-whats-contacto {
    margin: 3% 0% 0% -14%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -11% 0% 0% -53%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 129%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 0% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 35px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 13% 0% 0% 11%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 6% 0% 0% 37%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 75px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 26px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 2%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }



  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 20%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -6%;

  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 9%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 17%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 5%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 430px;
    margin: 1% 0% 0% 27%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 460px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {

    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 3% 0% 0% 4%;
    transform: scale(1);

  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 432px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 370px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}

/* ------------------------------------------------------------- Fin Inicio Responsivo 820 -------------------------------------------------------------------------------- */
/* ------------------------------------------------------------- Inicio Responsivo 800 -------------------------------------------------------------------------------- */

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

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 61%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 8% 0% 0% 25%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 13%;
    margin: -1% 0% 0% -2%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 37%;
    text-align: center;
    scale: 132%;
    margin: 3% 0% 0% 1%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 131%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 11% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -227% 0% 0% 9%;
    width: 80%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: -6% 0% -1% 5%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 7% -2% 0% 35%;
    font-size: 27px;
  }

  .img-exp-txt-publiAR {
    margin: -214% 0% 0% 9%;
    width: 80%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 7% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 85% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -190% 0% 0% 11%;
    width: 80%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 71% 0% 0% 28%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -239% 0% 0% 9%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -186% 0% 0% 7%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 84% 0% 0% 29%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 7% -2% 0% 16%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 27%;
    height: 0%;
    margin: 9% -2% 0% 16%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 36%;
    height: 0%;
    margin: 8% -2% 0% 29%;
    font-size: 27px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -10% -2% 0% 0%;
    scale: 2;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: -27% 0% 0% -16%;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }

  .Info-completa-Lau {
    margin: -27% 0% 0% -21%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% -13%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: -29% 0% 0% -10%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .closeInfo {
    margin: -8% 0% 0% 57%;
  }

  .closeInfoLuis {
    margin: 46% 0% 0% -4%;
  }

  .closeInfo-humberto {
    margin: -25% 0% 0% 68%;
  }

  .closeInfo-antonio {
    margin: 10% 0% 0% 64%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }

  .closeInfoLaura {
    margin: 16% 0% 0% -5%;
  }

  .closeInfoAldair {
    margin: 84% 0% 0% -7%;
  }



  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 2% 0% 0% -3%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -3% 0% 0% 8%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 20%;
  }

  .subtitulo-info-antonio {
    margin: -3% 0% 0% 7%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 40%;
    height: 0%;
    margin: 15% -12% 0% -1%;
    font-size: 35px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -22%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 22%;
    height: 0%;
    margin: 0% -12% 0% 23%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% -4%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -3%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 1% 0% 0% -2%;
    line-height: 1.5;
  }

  .areas {
    margin: 2% 0% 0% -4%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -4%;
    width: 52%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 60%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -10%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -51% 0% 0% 20%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -4% 0% 0% 19%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -31% 0% 0% 13%;
    ;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 22% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -145% 0% 0% -20%;
    padding: 3% 0% 3% 0%;
    scale: 60%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 117%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 0% -41%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -33% 0% 0% 13%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 8% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -140% 0% 0% -25%;
    padding: 3% 0% 3% 0%;
    scale: 60%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 144%;
    height: 0%;
    font-size: 34px;
    padding: 0% 1% 0% 1%;
    margin: 13% 0% 0% -50%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -7%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 50% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -31% 0% 0% 27%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 14% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -137% 0% 0% -22%;
    padding: 3% 0% 3% 0%;
    scale: 60%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 133%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 5% 0% 0% -49%
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 18% 15% 1%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }


  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 31% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #00C6AC;
    margin: -18% 0% 0% 19%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 33px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 3%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% 5%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 19px;
    color: #00C6AC;
    margin: -8% 0% 0% -5%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 20%;
  }

  .iconosredes-contacto {
    margin: 16% 0% 0% -15%;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -14%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -10% 0% 0% -57%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 118%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 0% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 35px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 13% 0% 0% 11%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 6% 0% 0% 37%;
  }

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 75px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 26px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 2%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 20%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -6%;

  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 7% 0% 0% 9%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 17%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 5%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 430px;
    margin: 3% 0% 0% 27%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 460px;
    margin: 3% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {

    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 3% 0% 0% 4%;
    transform: scale(1);

  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 380px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 370px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */
}

/* ------------------------------------------------------------- Inicio Responsivo 768 -------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 112%;
    width: 93%;
    margin: -6% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -68%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: white;
    margin: -23% 0% 0% 49%;
    text-align: left;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 2%;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -5% 13% 0% 9%;
    padding: 2% 0% 7% 1%;
    color: white;
    text-align: center;
    line-height: 1;

  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: 0% 0% -70% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 2% 0% -2% 13%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 200%;
    text-align: center;
    padding: 7% 78% 0% 0%;
    margin: 0% 0% 0% -43%;
  }

  .inicio-img {
    width: 109%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -12%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% -31%;
    align-items: center;
    width: 116%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 28% 0% 0% -53%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 10% 0% 0% -56%;
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% -16%;
    align-items: center;
    width: 67%;
  }

  .cuadroInicioVal {
    width: 20%;
    height: 800px;
    margin: 0% 4% 3% 4%;
    transform: translate(20px, 20px);
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 3%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 6% 0% 0% 1%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 5%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    width: 141%;
    margin: -1% 0% 0% -15%;
  }

  .logo-foot {
    margin: 16% 0% 0% 43%;
    width: 100px;
  }

  .foot-logo-ondas {
    background-image: url(../img/Inicio/OndasVMS2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 357px;
  }

  .btn-mandaservicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 50px;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 7% 25%;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 25%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 4% 0% 4% 35%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 6% 9% 0% 0%;
    width: 36%;
    height: 71%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 7% 0% 0% 18%;
  }

  .línea-horizontal {
    width: 5px;
    height: 83%;
    background-color: #00C6AC;
    margin: -40% 0% 0% 44%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -11% -5% 0% 0%;
    scale: 2;
  }

  #videoIframe {
    width: 636px;
    height: 401px;
  }

  .cuadroInicioVal-exp {
    width: 14%;
    height: 800px;
    margin: 3% 0% -25% 9%;
  }

  .info-experiencias {
    width: 100%;
    height: 71%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    width: 100%;
    padding: 12% 0% 0% 23%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -3%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 46%;
    text-align: center;
    scale: 132%;
    margin: 9% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 137%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 10% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    width: 103%;
    text-align: center;
    padding: 5% 12% 0% 0%;
    margin: -32% 0% 0% -4%;
  }

  .lineaCuadroInicio-exp {
    width: 154px;
    height: 4px;
    background-color: #00C6AC;
    margin: 8% 0% 0% -6%;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 800px;
    margin: 6% 0% -24% 10%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
    margin: -16% 0% 0% 0%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% -5%;
    align-items: center;
    width: 120%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .tamInfo {
    transform: scale(0.6) translate(-604px, -903px);
    padding: 3% 3% 1% 1%;
    width: 100%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 953px;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -15% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .img-exp-demo {
    width: 44%;
    margin: 4% 0% 9% 29%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 2;
    margin: -3% 0% 4% 6%;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 35px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -15% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 2;
    margin: -3% 0% 4% 6%;
  }



  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }



  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 78% 0% 0% 20%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 79% 0% 0% 29%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }



  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.9;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 2% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }



  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 79% 0% 0% 29%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 4% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 71%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    width: 100%;
    padding: 10% 0% 0% 36%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: 2% 0% 0% -3%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 111%;
    height: 55%;
    text-align: center;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    margin: 3% 0% 0% -5%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 165%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 4% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -250% 0% 0% 6%;
    width: 88%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: -7% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 7% -2% 0% 32%;
    font-size: 27px;
  }

  .img-exp-txt-publiAR {
    margin: -247% 0% 0% 7%;
    width: 88%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 56%;
    height: auto;
    margin: 7% 0% 0% 23%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 102% 0% 0% 20%;
    text-transform: uppercase;
  }

  .txt-titulo-publicidadAR {
    margin: 0% 0% 0% 1%;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -222% 0% 0% 6%;
    width: 88%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 102% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: .14% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -258% 0% 0% 5%;
    width: 88%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.9;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 2% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -217% 0% 0% 6%;
    width: 88%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1.5;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 102% 0% 0% 25%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 8% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%;
    height: auto;
    margin: 6% 0% 0% 26%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 6% -2% 0% 11%;
    font-size: 27px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 38%;
    height: 0%;
    margin: 9% -2% 0% 29%;
    font-size: 27px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -11% -6% 0% 0%;
    scale: 2;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: -15% 0% 0% -15%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Lau {
    margin: -15% 0% 0% -11%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Luis {
    margin: -27% 0% 0% -14%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: 19% 0% 0% -12%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .closeInfo {
    margin: -8% 0% 0% 56%;
  }

  .closeInfoLuis {
    margin: 46% 0% 0% 2%;
  }

  .closeInfo-humberto {
    margin: -25% 0% 0% 69%;
  }

  .closeInfo-antonio {
    margin: -4% 0% 0% 64%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }

  .closeInfoLaura {
    margin: 53% 0% 0% 1%;
  }

  .closeInfoAldair {
    margin: 103% 0% 0% 0%;
  }

  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 100px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .img-equipo {
    margin: 25% 0% 0% 39%;
    width: 35%;
    transform: scale(0.8);
  }

  .txtAntonioNos {
    margin: 2% 0% 0% -3%;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 37px;
    margin: 0% 0% 0% -2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -4% 0% 0% 9%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 20%;
  }

  .subtitulo-info-antonio {
    margin: -3% 0% 0% 7%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 20px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 40%;
    height: 0%;
    margin: 15% -12% 0% -1%;
    font-size: 35px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -22%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 58%;
    height: 0%;
    margin: 7% -12% 0% 23%;
    font-size: 22px;
    padding: 1% 1% 1% 1%;
  }

  .sobremi {
    margin: 5% 0% 0% -4%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: -5% 0% 0% -10%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 42%;
  }


  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 1% 0% 0% -2%;
    line-height: 1.5;
  }

  .areas {
    margin: 2% 0% 0% 2%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -4%;
    width: 52%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 56%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -6%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -51% 0% 0% 17%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -4% 0% 0% 16%;
  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -31% 0% 0% 10%;
    ;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 30% 0%;
  }

  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -160% 0% 0% -25%;
    padding: 3% 0% 3% 0%;
    scale: 60%;
  }

  .pos-boton-cuadro-herramientas {
    margin: 0% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 122%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -42%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% -2%;
    padding: 0% 12% 0% 12%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -31% 0% 0% 13%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 56% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -167% 0% 0% -27%;
    padding: 3% 0% 3% 0%;
    scale: 60%;
  }

  .pos-boton-cuadro-activasitio {
    margin: 0% 0% 0% 38%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 125%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 17% 0% 0% -45%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 0%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }

  .capacitacion {
    margin: 50% 0% 0% 0%;
  }

  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00C6AC;
    margin: -41% 0% 0% 27%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 0% 6%;
    padding: 38% 0% 23% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 51% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -149% 0% 0% -25%;
    padding: 3% 0% 3% 0%;
    scale: 60%;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 141%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 11% 0% 0% -48%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 4% 0% 0% 12%;
    padding: 0% 11% 15% 0%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 21% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -23% 0% 0% 29%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -1% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 7%;
  }

  .img-mail-contacto {
    margin: -1% 0% 0% 12%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -15% 0% 0% 9%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 51%;
  }

  .iconosredes-contacto {
    margin: 16% 0% 0% -15%;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -48%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -21% 0% 0% -88%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 18%;
  }

  .iconosredes-contacto li {
    display: inline-block;
    margin-right: 6%;
    /* Ajusta la separación horizontal entre las imágenes */
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 146%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 0% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 35px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 13% 0% 0% 9%;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 32%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 200px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 28%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 6% 0% 0% 37%;
  }

  /* Estilo para mensaje de confirmación o error */
  .mensaje-envio {
    position: fixed;
    z-index: 9999;
    /* Valor alto para estar por delante de los demás elementos */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 60px;
    color: white;
    margin: 37% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 70px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 2%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    color: #00C6AC;
    width: 100%;
    padding: 11% 0% 0% 16%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -6%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 9%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 17%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 2% 0% 0% 5%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 430px;
    margin: 1% 0% 0% 27%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 460px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {

    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: 3% 0% 0% 4%;
    transform: scale(1);

  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 365px;
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 370px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}



@media only screen and (max-width: 768px) and (max-height: 1024px) {

  .areas {
    margin: 2% 0% 0% 2%;
  }

  .Info-completa {
    margin: -9% 0% 0% -20%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 30%;
    height: 0%;
    margin: 7% -12% -2% 33%;
    font-size: 22px;
    padding: 1% 1% 1% 1%;
  }

  .sobremi {
    margin: 0% 0% 0% 0%;
  }

  .subtitulo-info {
    margin: -4% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: -5% 0% 0% -5%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-axel {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 12%;
  }

  .vinetaAreas {
    list-style: disc;
    margin: -3% 0% 7% -46%;
    line-height: 1;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 5% 0% 2% -2%;
    width: 52%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 27%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 1% 0% 0% 10%;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(327px, 418px) scale(1.3);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 11px;
    text-align: center;
    margin: 1% 0% 0% 8%;
    width: 70%;
  }


}



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

  .body-inicio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 140%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 80%;
    width: 93%;
    margin: -6% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 6% 9% 0% 0%;
    width: 34%;
    height: 47%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    width: 200%;
    text-align: center;
    padding: 7% 78% 0% 0%;
    margin: 0% 0% 0% -43%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 1015px;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 2;
    margin: -3% 0% 4% -2%;
  }

  .cuadro-contactanos {
    width: 81%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 41% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }


  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -2% 0% 0% 29%;
  }


  .img-mail-contacto {
    margin: -1% 0% 0% 7%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -16% 0% 0% 7%;
    text-transform: uppercase;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -24% 0% 0% -72%;
    text-transform: uppercase;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -53%;
  }


  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 15%;
  }

  .cuadros {
    display: flex;
    flex-direction: row;
    margin: 0% 0% -70% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio-exp {
    width: 23%;
    height: 800px;
    margin: 6% 0% -21% 14%;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    width: 103%;
    text-align: center;
    padding: 5% 12% 0% 0%;
    margin: -18% 0% 0% -52%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% -44%;
    align-items: center;
    width: 120%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio-exp {
    width: 154px;
    height: 4px;
    background-color: #00C6AC;
    margin: 8% 0% 0% -65%;
  }

  .cuadroInicio {
    width: 23%;
    height: 800px;
    margin: 2% 0% -2% 13%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    width: 200%;
    text-align: center;
    padding: 7% 78% 0% 0%;
    margin: 0% 0% 0% -71%;
  }

  .img-cuadroInicio {
    margin: 8% 0% 0% -44%;
    align-items: center;
    width: 116%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 17% 0% 0% -66%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 140%;
    text-align: center;
    padding: 7% 7% 0% 0%;
    margin: 5% 0% 0% -76%;
  }



}

/* ------------------------------------------------------------- Fin Inicio Responsivo 768 -------------------------------------------------------------------------------- */

/* ------------------------------------------------------------- Inicio Responsivo 480 -------------------------------------------------------------------------------- */
@media only screen and (max-width: 481px) {

  .body-inicio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 123%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

  .contenido {
    width: 100%;
    height: 62%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 21px;
    color: white;
    width: 100%;
    padding: 21% 3% 0% 4%;
    text-align: center;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 161%;
    width: 100%;
    margin: -3% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }



  .contenedor-imagen {
    margin: 2% 0% 0% -68%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    margin: -21% 0% 0% 48%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 13% 2%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 5px;
    height: 85%;
    background-color: #00C6AC;
    margin: -39% 0% 0% 44%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -23% -11% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 310px;
    height: 230px;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 42%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 34%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 167%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -243% 0% 0% 17%;
    width: 70%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -4% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 33%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -212% 0% 0% 15%;
    width: 70%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 7% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 77% 0% 0% 28%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -186% 0% 0% 15%;
    width: 70%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 76% 0% 0% 32%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -248% 0% 0% 15%;
    width: 70%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% 3% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -214% 0% 0% 17%;
    width: 70%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 90% 0% 0% 30%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 4% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 0%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 30%;
    font-size: 14px;
  }


  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% 5%;
    ;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 57%;
    text-align: center;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
    margin: -5% 0% 0% 4%;
  }

  .btn-mandaservicio {

    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 42%;
    height: 0%;
    font-size: 15px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 4% 28%;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -26% -9% 0% 0%;
    scale: 2;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }

  .Info-completa {
    margin: -23% 0% 0% 10%;
    scale: 112%;
  }

  .Info-completa-Lau {
    margin: 3% 0% 0% 12%;
    scale: 150%;
  }

  .closeInfoLaura {
    margin: 53% 0% 0% 20%;
  }

  .closeInfoAldair {
    margin: 103% 0% 0% 32%;
  }

  .Info-completa-Luis {
    margin: 6% 0% 0% 11%;

    scale: 93%;
  }

  .Info-completa-Humberto {
    margin: 14% 0% 0% 6%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -8%;
    font-size: 30px;
  }

  .closeInfo {
    margin: -4% 0% 0% 72%;
  }

  .closeInfoLuis {
    margin: 0% 0% 0% 20%;
  }

  .closeInfo-humberto {
    margin: -27% 0% 0% 93%;
  }

  .closeInfo-antonio {
    margin: -14% 0% 0% 97%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -14%;
    font-size: 31px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 12%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 1% 0% 0% -5%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 43%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 15px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 12% 0% 0% -25%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -24%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -22%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% -25%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -26%;
    width: 62%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -48%;
    scale: 71%;
  }


  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -41% 0% 0% 15%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -3% 0% 0% 21%;
  }


  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 24%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 14% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 48% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -161% 0% 0% -73%;
    padding: 3% 0% 3% 0%;
    scale: 35%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 122%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 32% 0% 0% -39%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 40% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -29% 0% 0% 26%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 48% 0% 0% 6%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -165% 0% 0% -71%;
    padding: 3% 0% 3% 0%;
    scale: 35%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 40%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 150%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 31% 0% 0% -59%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -19% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 43% 0% 0% 7%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -155% 0% 0% -75%;
    padding: 3% 0% 3% 0%;
    scale: 35%;
    position: absolute;
  }


  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 116%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 15% 0% 0% -40%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 20% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 47%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 37% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -23% 0% 0% 12%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -7%;
    scale: 77%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -13% 0% 0% 9%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 6% 0% 0% 34%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -36%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 74%;
    padding: 0% 13% 0% 25%;
  }

  .img-whats-contacto {
    margin: 4% 0% 0% -44%;
    scale: 77%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -20% 0% 0% -71%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 6%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */

  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 129%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 0% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 13% 0% 0% 3%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 12px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 12px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 12px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 12px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 12px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 44%;
    height: 29px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 7% 0% 0% 2%;
    width: 92%;
    height: 129px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 48%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 13% 0% 0% 27%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 79% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 2%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }


  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }


  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 17%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: 1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 5%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% 3%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 28%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 4% 0% 0% 25%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 2%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 320px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 395px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}

/* ------------------------------------------------------------- Fin Inicio Responsivo 480 -------------------------------------------------------------------------------- */
@media only screen and (max-width: 447px) {

  .inicio-img {
    width: 108%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -2%;
  }

  .mov {
    transform: translate(1px, 25px);
  }

  .movtext {
    transform: translate(-28px, 0px);
  }

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: -12% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 62%;
    background-position: center;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 299%;
    width: 90%;
    margin: -20% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -70% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -144% 41%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 403%;
    text-align: center;
    margin: 0% 0% 0% -108%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% -31%;
    align-items: center;
    width: 230%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 3px;
    background-color: #00C6AC;
    margin: 40% 0% 0% -61%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 300%;
    text-align: center;
    padding: 7% 0% 0% 0%;
    margin: 7% 0% 0% -102%;
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, -202px);
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% -9%;
    align-items: center;
    width: 65%;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -30% 0% 0% 56%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 67%;
    background-color: #00C6AC;
    margin: -52% 0% 0% 51%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -17% -4% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 263px;
    height: 174px;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .img-mail-foot {
    width: 35px;
    height: 35px;
    margin: 4% 0% 0% -29%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 9%;
  }

  .img-mail-whats {
    width: 35px;
    height: 35px;
    margin: 0% 0% 0% 64%;
  }

  .logo-foot {
    margin: 24% 0% 0% 35%;
    width: 80px;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -5%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 10% 0% 0% -15%;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 52%;
    height: 0%;
    font-size: 12px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 9% 24%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 24% 21% 0% 0%;
    width: 60%;
    height: 70%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .center-container-menu {
    position: relative;
    display: table;
    width: 111%;
    height: 111%;
  }

  .lineaMenu {
    width: 180px;
    height: 2px;
    background-color: #00C6AC;
    margin: 4% 0% -6% 14%;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  nav.navigation-menu li {
    margin: 0 auto 23px auto;
    list-style: none;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 149px;
    margin: 6% 0% 14% 10%;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 17px;
    width: 257%;
    text-align: center;
    padding: 5% 12% 0% 13%;
    margin: 0% 0% 0% 58%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% 17%;
    align-items: center;
    width: 243%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio-exp {
    width: 154px;
    height: 3px;
    background-color: #00C6AC;
    margin: 28% 0% 102% 67%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% 11% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 149px;
    margin: 6% 0% 39% 10%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -9% 0% 0% -3%;
  }

  .cuadroInicioVal-exp {
    width: 55%;
    height: 800px;
    margin: 3% 0% -166% 21%;
  }

  .tamInfo {
    transform: scale(0.55) translate(-513px, -1027px);
    padding: 3% 3% 1% 1%;
    width: 134%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 953px;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -22% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    line-height: 1.5;
    padding: 7% 6% 3% 6%;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .img-exp-demo {
    width: 76%;
    margin: 4% 0% 9% 11%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 2;
    margin: 0% 0% 4% -2%;
  }

  .parrafo-inicio {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 8%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 42%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 86%;
    margin: 0% 0% 0% 4%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 206%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -298% 0% 0% 12%;
    width: 80%;
  }


  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 33%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -264% 0% 0% 10%;
    width: 80%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 121%;
    height: auto;
    margin: 3% 0% 0% -11%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 95% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -253% 0% 0% 11%;
    width: 80%;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 24%;
    text-transform: uppercase;
  }


  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -323% 0% 0% 10%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.8;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -254% 0% 0% 12%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 108% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 117%;
    height: auto;
    margin: 6% 0% 0% -7%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 120%;
    height: auto;
    margin: 3% 0% 0% -9%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 47%;
    height: 0%;
    margin: 9% -2% 0% 26%;
    font-size: 14px;
  }



  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -28% -10% 0% 0%;
    scale: 1.5;
  }

  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: -12% 0% 0% 5%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Lau {
    margin: -17% 0% 0% -1%;

    scale: 76%;
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% 1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 44% 0% 0% -12%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
  }

  .closeInfo {
    margin: 20% 0% 0% 94%;
  }

  .closeInfo-humberto {
    margin: -39% 0% 0% 95%;
  }

  .closeInfo-antonio {
    margin: 10% 0% 0% 100%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin: 6% 0% 0% -17%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: -1% 0% 0% -14%;
    font-size: 29px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 1%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 5% -1%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 6% 0% 0% -35%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 50%;
    height: 0%;
    margin: 0% -12% 3% 28%;
    font-size: 15px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: -4% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: -5% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 14%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -42%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 11% 0% 2% -4%;
    width: 70%;
  }

  .img-equipo {
    margin: 31% 0% 0% 48%;
    width: 35%;
    transform: scale(0.4);
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 40px;
    padding-left: 104px;
    scale: 0.8;
    margin: 0% 0% 0% -39%;
  }

  .iconosAreas li {
    width: 41%;
    display: flex;
    justify-content: center;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(123px, 250px) scale(0.75);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 4% 0% 0% -45%;
    width: 121%;
  }



  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -41% 0% 0% 10%;
  }


  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 13%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -11% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -201% 0% 0% -114%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 134%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 33% 0% 2% -46%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 30% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -211% 0% 0% -110%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 135%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -47%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -193% 0% 0% -113%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }


  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 149%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 13% 0% 5% -55%;
  }


  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 86%;
    height: 55%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 29% 0% 0% 7%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -14% 0% 0% 13%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -18%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -23% 0% 0% 5%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 68%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: -4% 0% 0% -41%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -27% 0% 0% -56%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 4%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 168%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 63% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 22% 0% 0% 9%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 4%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}

/* ----------------------------------------------------------Inicio 432---------------------------------------------------------------------------- */
@media only screen and (max-width: 432px) {

  .inicio-img {
    width: 108%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -2%;
  }

  .mov {
    transform: translate(1px, 204px);
  }

  .movtext {
    transform: translate(-28px, 0px);
  }

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: -12% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 62%;
    background-position: center;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 218%;
    width: 90%;
    margin: 0% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -70% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -144% 41%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 403%;
    text-align: center;
    margin: 0% 0% 0% -108%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% -31%;
    align-items: center;
    width: 230%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -73%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 300%;
    text-align: center;
    padding: 7% 0% 0% 0%;
    margin: 7% 0% 0% -102%;
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, 19px);
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% -9%;
    align-items: center;
    width: 65%;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -30% 0% 0% 56%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 67%;
    background-color: #00C6AC;
    margin: -52% 0% 0% 51%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -17% -4% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 263px;
    height: 174px;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .img-mail-foot {
    width: 35px;
    height: 35px;
    margin: 4% 0% 0% -29%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 9%;
  }

  .img-mail-whats {
    width: 35px;
    height: 35px;
    margin: 0% 0% 0% 64%;
  }

  .logo-foot {
    margin: 24% 0% 0% 35%;
    width: 80px;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -5%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 10% 0% 0% -15%;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 52%;
    height: 0%;
    font-size: 12px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 9% 24%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 24% 21% 0% 0%;
    width: 60%;
    height: 70%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 180px;
    height: 2px;
    background-color: #00C6AC;
    margin: 4% 0% -6% 14%;
  }

  nav.navigation-menu li {
    margin: 0 auto 44px auto;
    list-style: none;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 149px;
    margin: 6% 0% 14% 10%;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 17px;
    width: 257%;
    text-align: center;
    padding: 5% 12% 0% 13%;
    margin: 0% 0% 0% 58%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% 17%;
    align-items: center;
    width: 243%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio-exp {
    width: 154px;
    height: 4px;
    background-color: #00C6AC;
    margin: 28% 0% 102% 87%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% 11% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 149px;
    margin: 6% 0% 39% 10%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -9% 0% 0% -3%;
  }

  .cuadroInicioVal-exp {
    width: 55%;
    height: 800px;
    margin: 3% 0% -166% 21%;
  }

  .tamInfo {
    transform: scale(0.55) translate(-513px, -1027px);
    padding: 3% 3% 1% 1%;
    width: 134%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 953px;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -22% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    line-height: 1.5;
    padding: 7% 6% 3% 6%;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .img-exp-demo {
    width: 76%;
    margin: 4% 0% 9% 11%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 2;
    margin: 0% 0% 4% -2%;
  }

  .parrafo-inicio {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 8%;
  }


  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 42%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 86%;
    margin: 0% 0% 0% 4%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 206%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -298% 0% 0% 12%;
    width: 80%;
  }


  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 33%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -264% 0% 0% 10%;
    width: 80%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 121%;
    height: auto;
    margin: 3% 0% 0% -11%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 95% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -253% 0% 0% 11%;
    width: 80%;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 24%;
    text-transform: uppercase;
  }


  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -323% 0% 0% 10%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.8;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -254% 0% 0% 12%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 108% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 117%;
    height: auto;
    margin: 6% 0% 0% -7%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 120%;
    height: auto;
    margin: 3% 0% 0% -9%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 47%;
    height: 0%;
    margin: 9% -2% 0% 26%;
    font-size: 14px;
  }



  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -28% -10% 0% 0%;
    scale: 1.5;
  }

  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: -12% 0% 0% -10%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Lau {
    margin: -17% 0% 0% -1%;
    scale: 76%;
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% 1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 44% 0% 0% -12%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .img-equipo {
    margin: 46% 0% 0% 39%;
    width: 35%;
    transform: scale(0.5);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
  }

  .closeInfo {
    margin: 20% 0% 0% 94%;
  }

  .closeInfo-humberto {
    margin: -39% 0% 0% 95%;
  }

  .closeInfo-antonio {
    margin: 10% 0% 0% 100%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: -1% 0% 0% -14%;
    font-size: 29px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 12%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -3% 0% 0% -5%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 55%;
    height: 0%;
    margin: 0% -12% 7% 1%;
    font-size: 15px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 9% 0% 0% -14%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -13%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 4%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 11% 0% 0% -13%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% -15%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -15%;
    width: 84%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 102%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -24%;
    scale: 100%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -41% 0% 0% 10%;
  }


  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 13%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -11% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -201% 0% 0% -114%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 134%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 33% 0% 2% -46%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 30% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -211% 0% 0% -110%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 135%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -47%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -193% 0% 0% -113%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }


  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 149%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 13% 0% 5% -55%;
  }


  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 86%;
    height: 42%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 29% 0% 0% 7%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -21% 0% 0% 14%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -3% 0% 0% -14%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -22% 0% 0% 11%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: 9% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 68%;
    padding: 0% 0% 0% 33%;
  }

  .img-whats-contacto {
    margin: -6% 0% 0% -39%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -25% 0% 0% -46%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 4%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 168%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 63% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 22% 0% 0% 9%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 4%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}


@media only screen and (max-width: 432px) and (max-width: 936px) {

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 252%;
    width: 90%;
    margin: -24% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mov {
    transform: translate(1px, -31px);
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -144% 35%;
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 26%;
    transform: translate(20px, -204px);
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
    margin: 0% 0% 0% -36px;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 0%;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: -4% 0% 0% -16%;
    color: #ffffff;
  }

  .subtitulo-info {
    margin: -7% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: -3% 0% 0% 3%;
  }

  .sobremi {
    margin: 2% 0% 0% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 4%;
  }

  .areas {
    margin: 0% 0% 0% 2%;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 11% 0% 0% 2%;
    line-height: 1.5;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -5%;
    width: 84%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 41px;
    padding-left: 65px;
  }

  .iconosAreas li {
    width: 28%;
    display: flex;
    justify-content: center;
  }

  .img-equipo {
    margin: 55% 0% 0% 31%;
    width: 35%;
    transform: scale(0.5);
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 0%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 76%;
    height: 0%;
    margin: 0% -12% 7% 1%;
    font-size: 15px;
    padding: 3% 1% 3% 1%;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(120px, 282px) scale(0.8);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 19px;
    text-align: center;
    margin: 16% 0% 0% -37%;
    width: 105%;
  }


}

@media only screen and (max-width: 432px) and (max-height: 903px) {

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 258%;
    width: 90%;
    margin: -25% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 1% 0% 5%;
  }

  .lineaCuadroInicio-exp {
    width: 155px;
    height: 3px;
    background-color: #00C6AC;
    margin: 28% 0% 102% 65%;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 3px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -73%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 5%;
  }



}

@media only screen and (max-width: 432px) and (max-height: 868px) {

  .inicio-img {
    width: 108%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -2%;
  }

  .mov {
    transform: translate(1px, -46px);
  }

  .movtext {
    transform: translate(-28px, 0px);
  }

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: -12% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 62%;
    background-position: center;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 268%;
    width: 91%;
    margin: 0% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
    margin: 9% 0% 0% -6%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -14% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -144% 36%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 403%;
    text-align: center;
    margin: 0% 0% 0% -108%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% -31%;
    align-items: center;
    width: 230%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -73%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 300%;
    text-align: center;
    padding: 7% 0% 0% 0%;
    margin: 7% 0% 0% -102%;
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 26%;
    transform: translate(20px, -252px);
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% -9%;
    align-items: center;
    width: 65%;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -30% 0% 0% 56%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 67%;
    background-color: #00C6AC;
    margin: -52% 0% 0% 51%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -17% -4% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 263px;
    height: 174px;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .img-mail-foot {
    width: 35px;
    height: 35px;
    margin: 4% 0% 0% -29%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 9%;
  }

  .img-mail-whats {
    width: 35px;
    height: 35px;
    margin: 0% 0% 0% 64%;
  }

  .logo-foot {
    margin: 24% 0% 0% 35%;
    width: 80px;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -5%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 10% 0% 0% -15%;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 52%;
    height: 0%;
    font-size: 12px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 9% 24%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 9% 22% 0% 0%;
    width: 58%;
    height: 65%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 1% 0% -6% 15%;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 42%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 86%;
    margin: 0% 0% 0% 4%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 206%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -298% 0% 0% 12%;
    width: 80%;
  }


  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 33%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -264% 0% 0% 10%;
    width: 80%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 121%;
    height: auto;
    margin: 3% 0% 0% -11%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 95% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -253% 0% 0% 11%;
    width: 80%;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 24%;
    text-transform: uppercase;
  }


  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -323% 0% 0% 10%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.8;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -254% 0% 0% 12%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 108% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 117%;
    height: auto;
    margin: 6% 0% 0% -7%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 120%;
    height: auto;
    margin: 3% 0% 0% -9%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 47%;
    height: 0%;
    margin: 9% -2% 0% 26%;
    font-size: 14px;
  }



  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -28% -10% 0% 0%;
    scale: 1.5;
  }

  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: -12% 0% 0% -10%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Lau {
    margin: -17% 0% 0% -1%;
    scale: 76%;
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% 1%;

    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 44% 0% 0% -12%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
  }

  .closeInfo {
    margin: 20% 0% 0% 94%;
  }

  .closeInfo-humberto {
    margin: -39% 0% 0% 95%;
  }

  .closeInfo-antonio {
    margin: 10% 0% 0% 100%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: -4% 0% 0% -16%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: -1% 0% 0% -14%;
    font-size: 29px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 2% 0% 7% -21%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    margin: 0% -12% 7% 28%;
    font-size: 15px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: -4% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: -4% 0% 0% -5%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 24%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -38%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 1%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% 1%;
    width: 75%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 71%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -5%;
    scale: 95%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -41% 0% 0% 10%;
  }


  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 13%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -11% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -201% 0% 0% -114%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 134%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 33% 0% 2% -46%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 30% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -211% 0% 0% -110%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 135%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -47%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -193% 0% 0% -113%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }


  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 149%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 13% 0% 5% -55%;
  }


  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 86%;
    height: 50%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 29% 0% 0% 7%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -7% 0% 0% 19%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -14%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -22% 0% 0% 6%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 68%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: 2% 0% 0% -45%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -27% 0% 0% -62%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 4%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 168%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 63% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 22% 0% 0% 9%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 4%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(120px, 330px) scale(0.75);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 19px;
    text-align: center;
    margin: -5% 0% 0% -43%;
    width: 105%;
  }


}

@media only screen and (max-width: 432px) and (max-height: 836px) {

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 282%;
    width: 91%;
    margin: -22% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 26% 22% 0% 0%;
    width: 58%;
    height: 65%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu li {
    margin: 28px auto 31px auto;
    list-style: none;
  }

  nav.navigation-menu.navigation-menu-home a.active {
    color: #00c6ab;
    text-shadow: none;
  }

  .lineaMenu {
    width: 165px;
    height: 2px;
    background-color: #00C6AC;
    margin: 4% 0% -10% 15%;
  }


  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: #ffffff;
    margin: -5% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 11%;
  }

  .btn-pos-agenda {
    margin: 6% 0% 0% -35%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 55%;
    height: 0%;
    margin: 0% -12% 0% 28%;
    font-size: 19px;
    padding: 0% 1% 1% 1%;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 13% 0% 2% -2%;
    width: 78%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 19px;
    padding-left: 0px;
    scale: 1.1;
    margin: 4% 0% 0% -14%;
  }

  .iconosAreas li {
    width: 31%;
    display: flex;
    justify-content: center;

  }

  .img-equipo {
    margin: 46% 0% 0% 39%;
    width: 35%;
    transform: scale(0.4);
  }

  .sobremi {
    margin: -9% 0% 0% 1%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 2%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #ffffff;
    margin: -5% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 11%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 19px;
  }

  .subtitulo-info {
    margin: -3% 0% 7% 1%;
  }

  .subtitulo-info-axel {
    margin: -8% 0% 9% 0%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 7% 0%;
  }

  .areas {
    margin: 0% 0% 0% 2%;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% 6%;
    line-height: 1.5;
  }




}



/* -------------------------------------------------------Fin 432---------------------------------------------------------------------------------- */

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

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    width: 100%;
    padding: 25% 3% 0% 4%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 300%;
    width: 95%;
    margin: -19% 0% 0% 3%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -68%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    margin: -27% 0% 0% 48%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 5px;
    height: 67%;
    background-color: #00C6AC;
    margin: -47% 0% 0% 44%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -24% -10% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 310px;
    height: 230px;
  }

  .mov {
    transform: translate(-2px, -14px);
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 26%;
    transform: translate(20px, -204px);
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 46%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 34%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: 0% 0% 0% -3%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 124%;
    margin: -5% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 167%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -255% 0% 0% 19%;
    width: 64%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 11% -2% 0% 34%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -228% 0% 0% 19%;
    width: 64%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 73% 0% 0% 23%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -209% 0% 0% 19%;
    width: 64%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 68% 0% 0% 29%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -262% 0% 0% 19%;
    width: 64%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -227% 0% 0% 19%;
    width: 64%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 80% 0% 0% 28%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 4% 0% 0% 0%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 31%;
    font-size: 14px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -22% -9% 0% 0%;
    scale: 1.5;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }

  .Info-completa {
    margin: -10% 0% 0% -1%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.7);
  }

  .Info-completa-Lau {
    margin: -7% 0% 0% 7%;
    /* scale: 76%; */
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }

  .Info-completa-Luis {
    margin: -10% 0% 0% 4%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 28% 0% 0% -1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -8%;
    font-size: 28px;
  }

  .img-equipo {
    margin: 24% 0% 0% 45%;
    width: 35%;
    transform: scale(0.4);
  }

  .closeInfo {
    margin: -4% 0% 0% 88%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% 0%;
  }

  .closeInfoAldair {
    margin: 163% 0% 0% 0%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 96%;
  }

  .closeInfo-antonio {
    margin: -1% 0% 0% 98%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin: -4% 0% 0% -18%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -14%;
    font-size: 30px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -4% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subtitulo-info-axel {
    margin: -5% 0% -1% 0%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -3% 0% 0% -5%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 62%;
    height: 0%;
    margin: 11% -12% -3% 2%;
    font-size: 15px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: 0% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: -3% 0% 0% 1%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% -7%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 15%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -1%;
    line-height: 1.2;
  }

  .areas {
    margin: 0% 0% -7% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 9% 0% 2% -2%;
    width: 70%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 43px;
    padding-left: 37px;
    scale: 0.8;
    margin: -4% 0% 0% -9%;
  }

  .iconosAreas li {
    width: 30%;
    display: flex;
    justify-content: center;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(120px, 169px) scale(0.8);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 19px;
    text-align: center;
    margin: 16% 0% 0% -37%;
    width: 105%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -41% 0% 0% 7%;
  }

  .subtitulo-servicios {

    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 17%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 18%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -180% 0% 0% -93%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 124%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -42%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 9% 0% 9%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -32% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -186% 0% 0% -89%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 128%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -46%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -19% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -173% 0% 0% -93%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 139%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 0% -51%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 55%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 25% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -7% 0% 0% 9%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -3% 0% 0% -17%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -24% 0% 0% 11%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 74%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: 1% 0% 0% -43%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -29% 0% 0% -43%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 6%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 149%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  /* Estilo para mensaje de confirmación o error */
  .mensaje-envio {
    position: fixed;
    z-index: 9999;
    /* Valor alto para estar por delante de los demás elementos */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 65% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }


  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 17%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -6%;

  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 5%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% 0%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 1% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1)
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 2%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 320px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 345px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 13% 22% 0% 0%;
    width: 58%;
    height: 80%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu li {
    margin: 28px auto 40px auto;
    list-style: none;
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}


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

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 254%;
    width: 90%;
    margin: -22% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -141% 33%;
  }

  .mov {
    transform: translate(1px, 229px);
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 19% 22% 0% 0%;
    width: 58%;
    height: 62%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu li {
    margin: 28px auto 35px auto;
    list-style: none;
  }

  .Info-completa {
    margin: 14% 0% 0% 5%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 9% 0% 2% -4%;
    width: 70%;
  }

  .img-equipo {
    margin: 43% 0% 0% 34%;
    width: 35%;
    transform: scale(0.6);
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    margin: 0% 32% 0% -7%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 15%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 43px;
    padding-left: 41px;
    scale: 0.8;
    margin: -4% 0% 0% -28%;
  }

  .posInfoSobreMi {
    margin: -3% 0% 0% 6%;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(120px, 302px) scale(0.8);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 19px;
    text-align: center;
    margin: 16% 0% 0% -37%;
    width: 105%;
  }


}


@media only screen and (max-width: 430px) and (max-height: 893px) {

  .Info-completa {
    margin: -23% 0% 0% 5%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }


  .mov {
    transform: translate(14px, -14px);
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 255%;
    width: 90%;
    margin: -25% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 12%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 3%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -4%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 7% 0% 0% -15%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 61%;
    height: 0%;
    margin: 11% -12% 0% 2%;
    font-size: 15px;
    padding: 2% 1% 2% 1%;
  }

  .img-equipo {
    margin: 43% 0% 0% 39%;
    width: 35%;
    transform: scale(0.5);
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 9% 0% 2% -2%;
    width: 63%;
  }

  .posInfoSobreMi {
    margin: -3% 0% 0% 7%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    margin: 0% 32% 0% -7%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 15%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 43px;
    padding-left: 20px;
    scale: 0.8;
  }

  .iconosAreas li {
    width: 26%;
    display: flex;
    justify-content: center;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(99px, 184px) scale(0.7);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin: 34% 0% 0% -35%;
    width: 103%;
  }


}



/* ------------------------------------------------------------- Inicio Responsivo 428 -------------------------------------------------------------------------------- */
@media only screen and (max-width: 428px) {
  .body-inicio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 124%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

  .contenido {
    width: 100%;
    height: 62%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    width: 100%;
    padding: 28% 3% 0% 4%;
    text-align: center;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 174%;
    width: 100%;
    margin: 0% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -68%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: white;
    margin: -21% 0% 0% 48%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 4px;
    height: 78%;
    background-color: #00C6AC;
    margin: -41% 0% 0% 44%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -24% -11% 0% 0%;
    scale: 1;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -23% -8% 0% 0%;
    scale: 1.5;
  }


  #videoIframe {
    width: 310px;
    height: 230px;
  }

  .btn-mandaservicio {

    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 12px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 4% 24%;
  }

  .parrafo-inicio {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 8%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -9% 0% 0% -3%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 50%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 34%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
    ;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 52%;
    text-align: center;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    margin: -5% 0% 0% 3%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 125%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -245% 0% 0% 16%;
    width: 70%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -4% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 31%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -226% 0% 0% 15%;
    width: 70%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 4% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 80% 0% 0% 23%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -196% 0% 0% 15%;
    width: 70%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 68% 0% 0% 29%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -259% 0% 0% 16%;
    width: 70%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -217% 0% 0% 15%;
    width: 70%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 85% 0% 0% 28%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 1% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 1% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 39px -2% 2% 33%;
    font-size: 14px;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }


  .Info-completa {
    margin: 10% 0% 0% 5%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }


  .Info-completa-Lau {
    margin: 5% 0% 0% 6%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Luis {
    margin: 8% 0% 0% 5%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .Info-completa-Humberto {
    margin: 21% 0% 0% 3%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -11%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -8%;
    font-size: 29px;
  }

  .closeInfo {
    margin: -4% 0% 0% 85%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 97%;
  }

  .closeInfo-antonio {
    margin: 19% 0% 0% 98%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin: -4% 0% 0% -13%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -14%;
    font-size: 28px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -4% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 9% 0% 10% -21%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 51%;
    height: 0%;
    margin: 0% -12% 4% 18%;
    font-size: 15px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: 1% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: -6% 0% 0% 2%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 24%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -22%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 1%;
  }

  .img-equipo {
    margin: 54% 0% 0% 41%;
    width: 35%;
    transform: scale(0.45);
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -2%;
    width: 70%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 40px;
    padding-left: 0px;
    scale: 0.7;
  }

  .iconosAreas li {
    width: 34%;
    display: flex;
    justify-content: center;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Servicios/Servicios\ Fondo.png);
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -41% 0% 0% 11%;
  }

  .subtitulo-servicios {

    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 20%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 21%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -174% 0% 0% -89%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 134%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -47%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% 2%;
    padding: 0% 16% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -36% 0% 0% 22%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 7%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -180% 0% 0% -84%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 131%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -43%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -19% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -168% 0% 0% -89%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 140%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 0% -48%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 20% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 47%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 41% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -13% 0% 0% 9%;
    ;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -20%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -24% 0% 0% 9%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 74%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: 1% 0% 0% -46%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -29% 0% 0% -43%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 6%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 119%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 0% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 12% 0% 5% 10%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 15px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 15px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 15px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 15px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 15px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 150%;
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  /* Estilo para mensaje de confirmación o error */
  .mensaje-envio {
    position: fixed;
    z-index: 9999;
    /* Valor alto para estar por delante de los demás elementos */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 86% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */
  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 17%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -9%;

  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 5%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% 0%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 1% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1)
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 2%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 320px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 345px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */


}

@media only screen and (max-width: 428px) and (max-height: 926px) {

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 253%;
    width: 90%;
    margin: -24% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
    margin: 0% 0% 0% -9%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -141% 37%;
  }

  .lineaCuadroInicio-exp {
    width: 154px;
    height: 3px;
    background-color: #00C6AC;
    margin: 28% 0% 102% 63%;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 3px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -73%;
  }


}



/* ------------------------------------------------------------- Fin Inicio Responsivo 428 -------------------------------------------------------------------------------- */
/* Inicio Responsivo 424 */
@media only screen and (max-width: 424px) {

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: white;
    width: 100%;
    padding: 20% 3% 0% 7%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 127%;
    width: 100%;
    padding: 0% 0% 16% 0%;
    margin: 0% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -68%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    margin: -24% 0% 0% 48%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 5px;
    height: 79%;
    background-color: #00C6AC;
    margin: -40% 0% 0% 44%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -24% -11% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 310px;
    height: 230px;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 42%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 34%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
    ;
  }

  .container-carrusel-experiencias {

    background-color: #00140e;
    width: 100%;
    height: 52%;
    text-align: center;
    scale: 115%;
    margin: -5% 0% 0% 4%;

  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 167%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -254% 0% 0% 16%;
    height: 40%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -3% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 32%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -238% 0% 0% 13%;
    width: 70%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 85% 0% 0% 23%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -211% 0% 0% 16%;
    width: 70%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 77% 0% 0% 29%;
    text-transform: uppercase;
  }


  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {

    margin: -271% 0% 0% 17%;
    width: 70%;

  }


  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -234% 0% 0% 15%;
    width: 70%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 91% 0% 0% 28%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 6% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 39%;
    height: 0%;
    margin: 12% -2% 0% 29%;
    font-size: 14px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -22% -9% 0% 0%;
    scale: 1.5;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
  }

  .Info-completa {
    margin: 3% 0% 0% -1%;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }

  .Info-completa-Lau {
    margin: -27% 0% 0% 10%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }

  .Info-completa-Luis {
    margin: 16% 0% 0% -1%;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }

  .Info-completa-Humberto {
    margin: 27% 0% 0% 6%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -8%;
    font-size: 27px;
  }

  .closeInfo {
    margin: -19% 0% 0% 87%;
  }

  .closeInfoLuis {
    margin: 0% 0% 0% -44%;
  }

  .closeInfo-humberto {
    margin: -46% 0% 0% 99%;
  }

  .closeInfo-antonio {
    margin: -25% 0% 0% 97%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -14%;
    font-size: 30px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 12%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -3% 0% 0% -5%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 43%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 15px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 6% 0% 0% -14%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -13%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -13%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% -15%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -15%;
    width: 62%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 106%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -37%;
    scale: 71%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -41% 0% 0% 7%;
  }

  .subtitulo-servicios {

    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 17%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 18%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -174% 0% 0% -90%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 129%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 24% 0% 0% -46%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -33% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -183% 0% 0% -87%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 125%;
    height: 0%;
    font-size: 19px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -46%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 13% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -169% 0% 0% -90%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 137%;
    height: 0%;
    font-size: 19px;
    padding: 0% 1% 0% 1%;
    margin: 12% 0% 0% -48%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 55%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 25% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -18% 0% 0% 9%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -15%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -14% 0% 0% 9%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 74%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: 1% 0% 0% -57%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -23% 0% 0% -70%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 6%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 129%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }



  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 17%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -5%;

  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 5%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% 0%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1)
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 2%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 320px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 345px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}

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

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    width: 100%;
    padding: 25% 3% 0% 4%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 161%;
    width: 100%;
    margin: 0% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -68%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    margin: -27% 0% 0% 48%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 5px;
    height: 67%;
    background-color: #00C6AC;
    margin: -47% 0% 0% 44%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -24% -10% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 310px;
    height: 230px;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 9% 22% 0% 0%;
    width: 58%;
    height: 80%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -2% 0% 0% -3%;
  }



  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 46%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 34%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: 0% 0% 0% -3%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 124%;
    margin: -5% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 167%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -255% 0% 0% 19%;
    width: 64%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 11% -2% 0% 34%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -228% 0% 0% 19%;
    width: 64%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 73% 0% 0% 23%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -209% 0% 0% 19%;
    width: 64%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 68% 0% 0% 29%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -262% 0% 0% 19%;
    width: 64%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -227% 0% 0% 19%;
    width: 64%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 80% 0% 0% 28%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 4% 0% 0% 0%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 31%;
    font-size: 14px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -22% -9% 0% 0%;
    scale: 1.5;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }

  .Info-completa {
    margin: 14% 0% 0% -1%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Lau {
    margin: -7% 0% 0% 7%;
    /* scale: 76%; */
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }

  .Info-completa-Luis {
    margin: -10% 0% 0% 4%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 28% 0% 0% -1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -8%;
    font-size: 28px;
  }

  .closeInfo {
    margin: -4% 0% 0% 88%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% 0%;
  }

  .closeInfoAldair {
    margin: 163% 0% 0% 0%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 96%;
  }

  .closeInfo-antonio {
    margin: -1% 0% 0% 98%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -14%;
    font-size: 30px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 12%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -3% 0% 0% -5%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 52%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 15px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 4% 0% 0% -14%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -13%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -13%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% -15%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -15%;
    width: 62%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 102%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -36%;
    scale: 71%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -41% 0% 0% 7%;
  }

  .subtitulo-servicios {

    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 17%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 18%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -180% 0% 0% -93%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 124%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -42%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 9% 0% 9%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -32% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -186% 0% 0% -89%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 128%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -46%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -19% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -173% 0% 0% -93%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 139%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 0% -51%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 55%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 25% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -18% 0% 0% 9%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -15%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -14% 0% 0% 9%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 74%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: 1% 0% 0% -57%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -23% 0% 0% -70%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 6%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 149%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  /* Estilo para mensaje de confirmación o error */
  .mensaje-envio {
    position: fixed;
    z-index: 9999;
    /* Valor alto para estar por delante de los demás elementos */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 65% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }


  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 17%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -6%;

  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 5%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% 0%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 1% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1)
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 2%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 320px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 345px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}


@media only screen and (max-width: 414px) and (max-height:896px) {

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: -12% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 62%;
    background-position: center;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 270%;
    width: 90%;
    margin: -27% 0% 0% 6%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -68%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    margin: -27% 0% 0% 48%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 5px;
    height: 67%;
    background-color: #00C6AC;
    margin: -47% 0% 0% 44%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -24% -10% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 310px;
    height: 230px;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% 7% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -123% 40%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 403%;
    text-align: center;
    margin: 0% 0% 0% -108%;
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 1% -6%;
    align-items: center;
    width: 65%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 300%;
    text-align: center;
    padding: 7% 0% 0% 0%;
    margin: 7% 0% 0% -102%;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -55%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 22% 22% 0% 0%;
    width: 58%;
    height: 64%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .parrafo-inicio {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 8%;
  }

  .mov {
    transform: translate(18px, 1px);
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 5%;
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 26%;
    transform: translate(31px, -204px);
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 46%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 34%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: 0% 0% 0% -3%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 124%;
    margin: -5% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 167%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -255% 0% 0% 19%;
    width: 64%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 11% -2% 0% 34%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -228% 0% 0% 19%;
    width: 64%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 73% 0% 0% 23%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -209% 0% 0% 19%;
    width: 64%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 68% 0% 0% 29%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -262% 0% 0% 19%;
    width: 64%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -227% 0% 0% 19%;
    width: 64%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 80% 0% 0% 28%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 4% 0% 0% 0%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 31%;
    font-size: 14px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -22% -9% 0% 0%;
    scale: 1.5;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }

  .Info-completa {
    margin: -15% 0% 0% -1%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.8);
  }

  .Info-completa-Lau {
    margin: -7% 0% 0% 7%;
    /* scale: 76%; */
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }

  .Info-completa-Luis {
    margin: -10% 0% 0% 4%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 28% 0% 0% -1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -8%;
    font-size: 28px;
  }

  .closeInfo {
    margin: -4% 0% 0% 88%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% 0%;
  }

  .closeInfoAldair {
    margin: 163% 0% 0% 0%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 96%;
  }

  .closeInfo-antonio {
    margin: -1% 0% 0% 98%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 26px;
    margin: -4% 0% 0% -11%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -14%;
    font-size: 30px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -6% 0% 0% 1%;
  }

  .subtitulo-info-humberto {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 6% 0% 7% -23%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 52%;
    height: 0%;
    margin: 0% -12% 4% 18%;
    font-size: 15px;
    padding: 1% 1% 1% 2%;
  }

  .sobremi {
    margin: 4% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 1%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 32% 0% -5%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 13%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -22%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 1%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -3%;
    width: 68%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 50px;
    padding-left: 147px;
    scale: 0.7;
  }

  .iconosAreas li {
    width: 34%;
    display: flex;
    justify-content: center;
  }

  .img-equipo {
    margin: 47% 0% 0% 43%;
    width: 35%;
    transform: scale(0.5);
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(99px, 255px) scale(0.75);
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -41% 0% 0% 7%;
  }

  .subtitulo-servicios {

    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 17%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 18%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -180% 0% 0% -93%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 124%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -42%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 9% 0% 9%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -32% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -186% 0% 0% -89%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 128%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -46%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -19% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -173% 0% 0% -93%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 139%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 0% -51%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 55%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 25% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -2% 0% 0% 18%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -21%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -25% 0% 0% 4%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 74%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: 1% 0% 0% -45%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -29% 0% 0% -46%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 6%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 149%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  /* Estilo para mensaje de confirmación o error */
  .mensaje-envio {
    position: fixed;
    z-index: 9999;
    /* Valor alto para estar por delante de los demás elementos */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 65% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }


  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 17%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -6%;

  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 5%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% 0%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 1% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1)
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 2%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 320px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 345px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}

@media only screen and (max-width: 414px) and (max-height:846px) {

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: -12% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 62%;
    background-position: center;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 287%;
    width: 90%;
    margin: -23% 0% 0% 6%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 10%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 9% 0% 0% -14%;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
    margin: 0% 0% 0% -6%;
  }


  .tamInfo {
    transform: scale(0.55) translate(-480px, -1022px);
    padding: 3% 3% 1% 1%;
    width: 134%;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(99px, 182px) scale(0.75);
  }

}




@media only screen and (max-width: 414px) and (max-height:736px) {

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: white;
    width: 100%;
    padding: 25% 3% 0% 4%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 321%;
    width: 85%;
    margin: 0% 0% 0% 7%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -68%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    margin: -27% 0% 0% 48%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 5px;
    height: 67%;
    background-color: #00C6AC;
    margin: -47% 0% 0% 44%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -24% -10% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 310px;
    height: 230px;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 9% 22% 0% 0%;
    width: 58%;
    height: 80%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaCuadroInicio-exp {
    width: 165px;
    height: 4px;
    background-color: #00C6AC;
    margin: 28% 0% 102% 73%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 5%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
    margin: 0% 0% 0% -3%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -131% 37%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 46%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 34%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: 0% 0% 0% -3%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 124%;
    margin: -5% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 167%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -255% 0% 0% 19%;
    width: 64%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 11% -2% 0% 34%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -228% 0% 0% 19%;
    width: 64%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 73% 0% 0% 23%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -209% 0% 0% 19%;
    width: 64%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 68% 0% 0% 29%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -262% 0% 0% 19%;
    width: 64%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -227% 0% 0% 19%;
    width: 64%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 80% 0% 0% 28%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 4% 0% 0% 0%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 31%;
    font-size: 14px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -22% -9% 0% 0%;
    scale: 1.5;
  }

  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }

  .Info-completa {
    margin: 14% 0% 0% 6%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Lau {
    margin: -7% 0% 0% 7%;
    /* scale: 76%; */
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }

  .Info-completa-Luis {
    margin: -10% 0% 0% 4%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 28% 0% 0% -1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -8%;
    font-size: 28px;
  }

  .closeInfo {
    margin: -4% 0% 0% 88%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% 0%;
  }

  .closeInfoAldair {
    margin: 163% 0% 0% 0%;
  }

  .closeInfo-humberto {
    margin: -23% 0% 0% 96%;
  }

  .closeInfo-antonio {
    margin: -1% 0% 0% 98%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 23px;
    margin: -4% 0% 0% -18%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -14%;
    font-size: 30px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -3% 0% 0% -5%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 61%;
    height: 0%;
    margin: 9% -12% 0% 1%;
    font-size: 15px;
    padding: 2% 2% 2% 2%;
  }

  .sobremi {
    margin: 4% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 0%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 32% 0% -5%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 14%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -2%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 0%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 7% 0% 0% -1%;
    width: 65%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 50px;
    padding-left: 147px;
    scale: 0.7;
  }

  .iconosAreas li {
    width: 34%;
    display: flex;
    justify-content: center;
  }

  .img-equipo {
    margin: 6% 0% 0% 43%;
    width: 35%;
    transform: scale(0.5);
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(99px, 184px) scale(0.75);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 4% 0% 0% 7%;
    width: 71%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -41% 0% 0% 7%;
  }

  .subtitulo-servicios {

    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 17%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 18%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -180% 0% 0% -93%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 124%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -42%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 9% 0% 9%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -32% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -186% 0% 0% -89%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 128%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -46%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -19% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -173% 0% 0% -93%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 139%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 0% -51%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: 55%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 25% 0% 0% 10%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -18% 0% 0% 9%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -15%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -20% 0% 0% 2%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 74%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: 1% 0% 0% -49%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -30% 0% 0% -50%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 6%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 149%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  /* Estilo para mensaje de confirmación o error */
  .mensaje-envio {
    position: fixed;
    z-index: 9999;
    /* Valor alto para estar por delante de los demás elementos */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 65% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }


  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 17%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -6%;

  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 5%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% 0%;
  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 1% 0% 0% 26%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 1% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1)
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 2%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 320px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 345px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}


/* ------------------------------------------------------------- Fin Inicio Responsivo 414 -------------------------------------------------------------------------------- */
/* ------------------------------------------------------------- Inicio Responsivo 413 -------------------------------------------------------------------------------- */
@media only screen and (max-width: 413px) {

  .contenido {
    width: 100%;
    height: 60%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: white;
    width: 100%;
    padding: 20% 3% 0% 7%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 161%;
    width: 100%;
    margin: 0% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -68%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    margin: -31% 0% 0% 48%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 5px;
    height: 77%;
    background-color: #00C6AC;
    margin: -47% 0% 0% 44%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: 42% 4% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 310px;
    height: 230px;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 47%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
    ;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 47%;
    text-align: center;
    scale: 86%;
    margin: -5% 0% 0% -1%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    margin: 0% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 148%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 9%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -291% 0% 0% 11%;
    width: 80%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -3% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 14% -2% 0% 31%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -266% 0% 0% 12%;
    width: 80%;
  }


  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 7% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 101% 0% 0% 23%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -230% 0% 0% 10%;
    width: 80%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 90% 0% 0% 27%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -290% 0% 0% 10%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -249% 0% 0% 12%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 103% 0% 0% 28%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 42%;
    height: 0%;
    margin: 12% -2% 0% 26%;
    font-size: 14px;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -41% 0% 0% 8%;
  }

  .subtitulo-servicios {

    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 20%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 21%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -181% 0% 0% -92%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 125%;
    height: 0%;
    font-size: 19px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -41%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 30% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -16% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -191% 0% 0% -92%;
    padding: 10% 0% 3% 3%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 142%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -50%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -174% 0% 0% -93%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 138%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 2% -48%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 18% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 144%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 0% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 0% 0% 0% 3%;
    /* scale: 217%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 79% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }



  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }


}

/* ------------------------------------------------------------- Fin Inicio Responsivo 413 -------------------------------------------------------------------------------- */


/* ------------------------------------------------------------- Inicio Responsivo 413 -------------------------------------------------------------------------------- */
@media only screen and (max-width: 412px) {

  .inicio-img {
    width: 108%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -2%;
  }

  .mov {
    transform: translate(1px, -110px);
  }

  .movtext {
    transform: translate(-28px, 0px);
  }

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: white;
    width: 100%;
    padding: 25% 3% 0% 7%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 270%;
    width: 90%;
    margin: -27% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
    margin: 0% 0% 0% 1%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% 0% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -120% 41%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 403%;
    text-align: center;
    margin: 0% 0% 0% -108%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% -31%;
    align-items: center;
    width: 230%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -52%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 300%;
    text-align: center;
    padding: 7% 0% 0% 0%;
    margin: 7% 0% 0% -102%;
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 32%;
    transform: translate(20px, -333px);
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% -9%;
    align-items: center;
    width: 65%;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -30% 0% 0% 56%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 67%;
    background-color: #00C6AC;
    margin: -52% 0% 0% 51%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -17% -4% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 263px;
    height: 174px;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .img-mail-foot {
    width: 35px;
    height: 35px;
    margin: 4% 0% 0% -29%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .img-mail-whats {
    width: 35px;
    height: 35px;
    margin: 0% 0% 0% 64%;
  }

  .logo-foot {
    margin: 24% 0% 0% 35%;
    width: 80px;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -8%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 10% 0% 0% -10%;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 52%;
    height: 0%;
    font-size: 12px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 9% 24%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 18% 14% 0% 0%;
    width: 69%;
    height: 73%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 7% 0% -4% 20%;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .parrafo-inicio {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 8%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -20% 0% -4% -3%;
  }

  .cuadroInicioVal-exp {
    width: 55%;
    height: 956px;
    margin: 17% 0% -235% 21%;
  }

  .tamInfo {
    transform: scale(0.55) translate(-491px, -928px);
    padding: 3% 3% 1% 1%;
    width: 134%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 42%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 86%;
    margin: 0% 0% 0% 4%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 206%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -298% 0% 0% 12%;
    width: 80%;
  }


  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 33%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -264% 0% 0% 10%;
    width: 80%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 121%;
    height: auto;
    margin: 3% 0% 0% -11%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 95% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -253% 0% 0% 11%;
    width: 80%;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 24%;
    text-transform: uppercase;
  }


  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -323% 0% 0% 10%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.8;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -254% 0% 0% 12%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 108% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 117%;
    height: auto;
    margin: 6% 0% 0% -7%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 120%;
    height: auto;
    margin: 3% 0% 0% -9%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 47%;
    height: 0%;
    margin: 9% -2% 0% 26%;
    font-size: 14px;
  }



  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -28% -10% 0% 0%;
    scale: 1.5;
  }

  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: -5% 0% 0% -2%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.7);
  }

  .Info-completa-Lau {
    margin: -17% 0% 0% -1%;
    scale: 76%;
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% 1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 44% 0% 0% -12%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
  }

  .closeInfo {
    margin: 20% 0% 0% 94%;
  }

  .closeInfo-humberto {
    margin: -39% 0% 0% 95%;
  }

  .closeInfo-antonio {
    margin: 10% 0% 0% 100%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 27px;
    margin: -4% 0% 0% -18%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: -1% 0% 0% -14%;
    font-size: 29px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -6% 0% 0% 1%;
  }

  .subtitulo-info-humberto {
    margin: -7% 0% 0% 1%;
  }

  .subtitulo-info-antonio {
    margin: -3% 0% 0% 17%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 5% 0% 0% -37%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 55%;
    height: 0%;
    margin: 0% -12% 7% 28%;
    font-size: 15px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: 1% 0% 0% 1%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: -4% 0% 0% 4%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% -8%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 14%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -39%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 2%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: -1% 0% -1% 1%;
    width: 73%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 40px;
    padding-left: 145px;
    scale: 0.8;
    margin: 0% 0% 0% -27%;
  }

  .iconosAreas li {
    width: 41%;
    display: flex;
    justify-content: center;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(120px, 282px) scale(0.8);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 19px;
    text-align: center;
    margin: 16% 0% 0% -37%;
    width: 105%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -41% 0% 0% 10%;
  }


  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 13%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -11% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }


  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -201% 0% 0% -114%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 134%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 33% 0% 2% -46%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 30% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -211% 0% 0% -110%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 135%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -47%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -193% 0% 0% -113%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }


  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 149%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 13% 0% 5% -55%;
  }


  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }

  .cuadro-contactanos {
    width: 86%;
    height: 42%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 53% 0% 0% 7%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -21% 0% 0% 11%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -14%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -23% 0% 0% 6%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;

  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 68%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: -3% 0% 0% -42%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -27% 0% 0% -47%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 4%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 168%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 63% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 22% 0% 0% 9%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 4%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}

@media only screen and (max-width: 412px) and (max-height:915px) {

  .lineaCuadroInicio-exp {
    width: 170px;
    height: 3px;
    background-color: #00C6AC;
    margin: 28% 0% 102% 63%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
    margin: 0% 0% 0% -3%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -120% 38%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 7%;
  }

  .img-equipo {
    margin: 61% 0% 0% 39%;
    width: 35%;
    transform: scale(0.45);
  }



}



@media only screen and (max-width: 412px) and (max-height:892px) {

  .inicio-img {
    width: 108%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -2%;
  }

  .mov {
    transform: translate(1px, -89px);
  }

  .movtext {
    transform: translate(-28px, 0px);
  }

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: -12% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 62%;
    background-position: center;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 280%;
    width: 90%;
    margin: -24% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
    margin: 4% 0% 0% -7%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -9% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -120% 36%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 403%;
    text-align: center;
    margin: 0% 0% 0% -108%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% -31%;
    align-items: center;
    width: 230%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -52%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 300%;
    text-align: center;
    padding: 7% 0% 0% 0%;
    margin: 7% 0% 0% -102%;
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, -322px);
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% -9%;
    align-items: center;
    width: 65%;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -30% 0% 0% 56%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 67%;
    background-color: #00C6AC;
    margin: -52% 0% 0% 51%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -17% -4% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 263px;
    height: 174px;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .img-mail-foot {
    width: 35px;
    height: 35px;
    margin: 4% 0% 0% -29%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .img-mail-whats {
    width: 35px;
    height: 35px;
    margin: 0% 0% 0% 64%;
  }

  .logo-foot {
    margin: 24% 0% 0% 35%;
    width: 80px;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -8%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 10% 0% 0% -13%;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 52%;
    height: 0%;
    font-size: 12px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 9% 24%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 21% 16% 0% 0%;
    width: 69%;
    height: 73%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 5% 0% 0% 19%;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  nav.navigation-menu li {
    margin: 0 auto 36px auto;
    list-style: none;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -20% 0% -4% -3%;
  }


  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 42%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 86%;
    margin: 0% 0% 0% 4%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 206%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -298% 0% 0% 12%;
    width: 80%;
  }


  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 33%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -264% 0% 0% 10%;
    width: 80%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 121%;
    height: auto;
    margin: 3% 0% 0% -11%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 95% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -253% 0% 0% 11%;
    width: 80%;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 24%;
    text-transform: uppercase;
  }


  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -323% 0% 0% 10%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.8;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -254% 0% 0% 12%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 108% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 117%;
    height: auto;
    margin: 6% 0% 0% -7%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 120%;
    height: auto;
    margin: 3% 0% 0% -9%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 47%;
    height: 0%;
    margin: 9% -2% 0% 26%;
    font-size: 14px;
  }


  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -28% -10% 0% 0%;
    scale: 1.5;
  }

  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: -42% 0% 0% -10%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.7);
  }

  .Info-completa-Lau {
    margin: -17% 0% 0% -1%;
    scale: 76%;
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% 1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 44% 0% 0% -12%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
  }

  .closeInfo {
    margin: 20% 0% 0% 94%;
  }

  .closeInfo-humberto {
    margin: -39% 0% 0% 95%;
  }

  .closeInfo-antonio {
    margin: 10% 0% 0% 100%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 27px;
    margin: -4% 0% 0% -8%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: -1% 0% 0% -14%;
    font-size: 29px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }

  .subtitulo-info {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 6% 0% 0% -30%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 55%;
    height: 0%;
    margin: 4% -12% 0% 28%;
    font-size: 15px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: -1% 0% -6% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -4%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 17%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -40%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 2%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 11% 0% 2% -3%;
    width: 80%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 40px;
    padding-left: 177px;
    scale: 0.8;
    margin: 0% 0% 0% -49%;
  }

  .iconosAreas li {
    width: 41%;
    display: flex;
    justify-content: center;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(70px, 340px) scale(0.8);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 19px;
    text-align: center;
    margin: -9% 0% 0% -26%;
    width: 105%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -41% 0% 0% 10%;
  }


  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 13%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -11% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -201% 0% 0% -114%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 134%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 33% 0% 2% -46%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 30% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -211% 0% 0% -110%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 135%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -47%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -193% 0% 0% -113%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }


  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 149%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 13% 0% 5% -55%;
  }


  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 86%;
    height: 45%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 47% 0% 0% 7%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -21% 0% 0% 10%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 3%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -2% 0% 0% -14%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -23% 0% 0% 6%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 68%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: -4% 0% 0% -42%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -27% 0% 0% -47%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 4%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 168%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 63% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 22% 0% 0% 9%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 4%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }

  .img-equipo {
    margin: 59% 0% 0% 45%;
    width: 35%;
    transform: scale(0.4);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}


@media only screen and (max-width: 412px) and (max-height: 869px) {


  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 287%;
    width: 90%;
    margin: -24% 0% 0% 6%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mov {
    transform: translate(1px, -89px);
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, -322px);
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% -6%;
    align-items: center;
    width: 65%;
  }
}


@media only screen and (max-width: 412px) and (max-height:860px) {

  .inicio-img {
    width: 108%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -2%;
  }

  .mov {
    transform: translate(1px, -56px);
  }

  .movtext {
    transform: translate(-28px, 0px);
  }

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: white;
    width: 100%;
    padding: 25% 3% 0% 7%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 293%;
    width: 90%;
    margin: -21% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -9% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -120% 37%;

  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 403%;
    text-align: center;
    margin: 0% 0% 0% -108%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% -31%;
    align-items: center;
    width: 230%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -52%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 300%;
    text-align: center;
    padding: 7% 0% 0% 0%;
    margin: 7% 0% 0% -102%;
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, -283px);
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 4% 0%;
    align-items: center;
    width: 65%;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -30% 0% 0% 56%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 67%;
    background-color: #00C6AC;
    margin: -52% 0% 0% 51%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -17% -4% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 263px;
    height: 174px;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .img-mail-foot {
    width: 35px;
    height: 35px;
    margin: 4% 0% 0% -29%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .img-mail-whats {
    width: 35px;
    height: 35px;
    margin: 0% 0% 0% 64%;
  }

  .logo-foot {
    margin: 24% 0% 0% 35%;
    width: 80px;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -8%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 11% 0% 0% -9%;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 52%;
    height: 0%;
    font-size: 12px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 9% 24%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 32% 19% 0% 0%;
    width: 62%;
    height: 67%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 4% 0% 0% 16%;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 6%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 42%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 86%;
    margin: 0% 0% 0% 4%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 206%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -298% 0% 0% 12%;
    width: 80%;
  }


  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 33%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -264% 0% 0% 10%;
    width: 80%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 121%;
    height: auto;
    margin: 3% 0% 0% -11%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 95% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -253% 0% 0% 11%;
    width: 80%;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 24%;
    text-transform: uppercase;
  }


  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -323% 0% 0% 10%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.8;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -254% 0% 0% 12%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 108% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 117%;
    height: auto;
    margin: 6% 0% 0% -7%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 120%;
    height: auto;
    margin: 3% 0% 0% -9%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 47%;
    height: 0%;
    margin: 9% -2% 0% 26%;
    font-size: 14px;
  }



  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -28% -10% 0% 0%;
    scale: 1.5;
  }

  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: -36% 0% 0% -5%;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }

  .Info-completa-Lau {
    margin: -17% 0% 0% -1%;
    scale: 76%;
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% 1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 44% 0% 0% -12%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
  }

  .closeInfo {
    margin: 20% 0% 0% 94%;
  }

  .closeInfo-humberto {
    margin: -39% 0% 0% 95%;
  }

  .closeInfo-antonio {
    margin: 10% 0% 0% 100%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 26px;
    margin: -4% 0% 0% -12%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: -1% 0% 0% -14%;
    font-size: 29px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 17%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 7% 0% 0% -35%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 55%;
    height: 0%;
    margin: 0% -12% 3% 28%;
    font-size: 15px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: 1% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 1%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: -3% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 9%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -42%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 1%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 7% 0% 2% -3%;
    width: 73%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 50px;
    padding-left: 137px;
    scale: 0.8;
  }

  .iconosAreas li {
    width: 26%;
    display: flex;
    justify-content: center;
  }

  .img-equipo {
    margin: 46% 0% 0% 33%;
    width: 35%;
    transform: scale(0.4);
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -41% 0% 0% 10%;
  }


  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 13%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -11% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -201% 0% 0% -114%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 134%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 33% 0% 2% -46%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 30% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -211% 0% 0% -110%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 135%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -47%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -193% 0% 0% -113%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }


  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 149%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 13% 0% 5% -55%;
  }


  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 86%;
    height: 55%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 29% 0% 0% 7%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -10% 0% 0% 10%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -22%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -23% 0% 0% 1%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 68%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: -4% 0% 0% -47%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -27% 0% 0% -54%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 4%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 168%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 63% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 22% 0% 0% 9%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 4%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}


@media only screen and (max-width: 412px) and (max-height:846px) {

  nav.navigation-menu li {
    margin: 0 auto 30px auto;
    list-style: none;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 40px;
    padding-left: 56px;
    scale: 0.7;
    margin: 0% 0% 0% -36%;
  }

  .iconosAreas li {
    width: 39%;
    display: flex;
    justify-content: center;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(70px px, 295px) scale(0.75);
  }


}




@media only screen and (max-width: 412px) and (max-height:823px) {

  .inicio-img {
    width: 108%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -2%;
  }

  .mov {
    transform: translate(1px, 254px);
  }

  .movtext {
    transform: translate(-28px, 0px);
  }

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: -12% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 62%;
    background-position: center;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 300%;
    width: 90%;
    margin: -22% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -7% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -120% 36%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 403%;
    text-align: center;
    margin: 0% 0% 0% -108%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% -31%;
    align-items: center;
    width: 230%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -52%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 300%;
    text-align: center;
    padding: 7% 0% 0% 0%;
    margin: 7% 0% 0% -102%;
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, 19px);
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 4% 0%;
    align-items: center;
    width: 65%;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -30% 0% 0% 56%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 67%;
    background-color: #00C6AC;
    margin: -52% 0% 0% 51%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -17% -4% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 263px;
    height: 174px;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .img-mail-foot {
    width: 35px;
    height: 35px;
    margin: 4% 0% 0% -29%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .img-mail-whats {
    width: 35px;
    height: 35px;
    margin: 0% 0% 0% 64%;
  }

  .logo-foot {
    margin: 24% 0% 0% 35%;
    width: 80px;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -8%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 10% 0% 0% -9%;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 52%;
    height: 0%;
    font-size: 12px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 9% 24%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 20% 25% 0% 0%;
    width: 58%;
    height: 71%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 1% 0% 0% 16%;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 42%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 86%;
    margin: 0% 0% 0% 4%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 206%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -298% 0% 0% 12%;
    width: 80%;
  }


  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 33%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -264% 0% 0% 10%;
    width: 80%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 121%;
    height: auto;
    margin: 3% 0% 0% -11%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 95% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -253% 0% 0% 11%;
    width: 80%;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 24%;
    text-transform: uppercase;
  }


  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -323% 0% 0% 10%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.8;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -254% 0% 0% 12%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 108% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 117%;
    height: auto;
    margin: 6% 0% 0% -7%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 120%;
    height: auto;
    margin: 3% 0% 0% -9%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 47%;
    height: 0%;
    margin: 9% -2% 0% 26%;
    font-size: 14px;
  }



  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -28% -10% 0% 0%;
    scale: 1.5;
  }

  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: -12% 0% 0% 5%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Lau {
    margin: -17% 0% 0% -1%;
    scale: 76%;
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% 1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 44% 0% 0% -12%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
  }

  .closeInfo {
    margin: 20% 0% 0% 94%;
  }

  .closeInfo-humberto {
    margin: -39% 0% 0% 95%;
  }

  .closeInfo-antonio {
    margin: 10% 0% 0% 100%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin: -4% 0% 0% -17%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: -1% 0% 0% -14%;
    font-size: 29px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -3% 0% 0% -5%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 55%;
    height: 0%;
    margin: 8% -12% 0% 0%;
    font-size: 15px;
    padding: 2% 1% 2% 2%;
  }

  .sobremi {
    margin: -2% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 2%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: -7% 32% 0% -7%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 6%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -1%;
    line-height: 1.5;
  }

  .img-equipo {
    margin: 46% 0% 0% 43%;
    width: 35%;
    transform: scale(0.4);
  }

  .areas {
    margin: 0% 0% 0% 1%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 7% 0% 2% -15%;
    width: 80%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 40px;
    padding-left: 56px;
    scale: 0.7;
  }

  .iconosAreas li {
    width: 39%;
    display: flex;
    justify-content: center;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(110px, 256px) scale(0.75);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 19px;
    text-align: center;
    margin: 6% 0% 0% -43%;
    width: 105%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -41% 0% 0% 10%;
  }


  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 13%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -11% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -201% 0% 0% -114%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 134%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 33% 0% 2% -46%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 30% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -211% 0% 0% -110%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 135%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -47%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -193% 0% 0% -113%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }


  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 149%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 13% 0% 5% -55%;
  }


  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 86%;
    height: 55%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 29% 0% 0% 7%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -8% 0% 0% 14%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -22%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -23% 0% 0% 1%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 68%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: -4% 0% 0% -46%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -27% 0% 0% -55%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 4%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 168%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 63% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 22% 0% 0% 9%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 4%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}

@media only screen and (max-width: 412px) and (max-height:786px) {

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -33% 0% -4% -3%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% 39% 0%;
    pointer-events: all;
    position: relative;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
  }

  .mov {
    transform: translate(4px, -86px);
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(10px, -313px);
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 289%;
    width: 90%;
    margin: 0% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

}

@media only screen and (max-width: 412px) and (max-height:785px) {

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: -12% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 62%;
    background-position: center;
  }


  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 313%;
    width: 90%;
    margin: -20% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }


  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -33% 0% -4% -3%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -5% 0%;
    pointer-events: all;
    position: relative;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
  }

  .mov {
    transform: translate(4px, -86px);
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(10px, -313px);
  }


  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -8% 0% 0% 20%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .img-whats-contacto {
    margin: -4% 0% 0% -44%;
    scale: 50%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -23% 0% 0% 1%;
    text-transform: uppercase;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 70%;
  }

  .img-whats-contacto {
    margin: -4% 0% 0% -44%;
    scale: 50%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #00C6AC;
    margin: -29% 0% 0% -57%;
    text-transform: uppercase;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 3px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -52%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 67%;
    height: 0%;
    margin: 8% -12% 0% 0%;
    font-size: 11px;
    padding: 2% 1% 1% 2%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 118%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -34%;
    scale: 67%;
  }

  .visor-descripcion {
    color: #fff;
    font-size: 19px;
    text-align: center;
    margin: -7% 0% 0% -43%;
    width: 105%;
  }


}


@media only screen and (max-width: 412px) and (max-height:732px) {

  .inicio-img {
    width: 108%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -2%;
  }

  .mov {
    transform: translate(1px, -103px);
  }

  .movtext {
    transform: translate(-28px, 0px);
  }

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: white;
    width: 100%;
    padding: 25% 3% 0% 7%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 340%;
    width: 90%;
    margin: -17% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -8% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -120% 37%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 403%;
    text-align: center;
    margin: 0% 0% 0% -108%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% -31%;
    align-items: center;
    width: 230%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -52%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 300%;
    text-align: center;
    padding: 7% 0% 0% 0%;
    margin: 7% 0% 0% -102%;
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, -346px);
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 4% 0%;
    align-items: center;
    width: 65%;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -30% 0% 0% 56%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 67%;
    background-color: #00C6AC;
    margin: -52% 0% 0% 51%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -17% -4% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 263px;
    height: 174px;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .img-mail-foot {
    width: 35px;
    height: 35px;
    margin: 4% 0% 0% -29%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .img-mail-whats {
    width: 35px;
    height: 35px;
    margin: 0% 0% 0% 64%;
  }

  .logo-foot {
    margin: 24% 0% 0% 35%;
    width: 80px;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -8%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 10% 0% 0% -9%;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 52%;
    height: 0%;
    font-size: 12px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 9% 24%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 10% 21% 0% 0%;
    width: 60%;
    height: 85%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 1% 0% 0% 16%;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -23% 0% -4% -3%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 42%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 86%;
    margin: 0% 0% 0% 4%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 206%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -298% 0% 0% 12%;
    width: 80%;
  }


  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 33%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -264% 0% 0% 10%;
    width: 80%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 121%;
    height: auto;
    margin: 3% 0% 0% -11%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 95% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -253% 0% 0% 11%;
    width: 80%;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 24%;
    text-transform: uppercase;
  }


  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -323% 0% 0% 10%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.8;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -254% 0% 0% 12%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 108% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 117%;
    height: auto;
    margin: 6% 0% 0% -7%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 120%;
    height: auto;
    margin: 3% 0% 0% -9%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 47%;
    height: 0%;
    margin: 9% -2% 0% 26%;
    font-size: 14px;
  }



  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -28% -10% 0% 0%;
    scale: 1.5;
  }

  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: -27% 0% 0% -10%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Lau {
    margin: -17% 0% 0% -1%;
    scale: 76%;
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% 1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 44% 0% 0% -12%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
  }

  .closeInfo {
    margin: 20% 0% 0% 94%;
  }

  .closeInfo-humberto {
    margin: -39% 0% 0% 95%;
  }

  .closeInfo-antonio {
    margin: 10% 0% 0% 100%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 26px;
    margin: -4% 0% 0% -17%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: -1% 0% 0% -14%;
    font-size: 29px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -5% 0% 0% 20%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 5% 0% 0% -34%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 55%;
    height: 0%;
    margin: 1% -12% 3% 28%;
    font-size: 15px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: 0% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 2%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: -5% 32% 0% -7%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 13%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -38%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 1%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 8% 0% 2% -5%;
    width: 78%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 50px;
    padding-left: 61px;
    scale: 0.8;
    margin: 0% 0% 0% -46%;
  }

  .iconosAreas li {
    width: 26%;
    display: flex;
    justify-content: center;
  }

  .img-equipo {
    margin: 15% 0% 0% 45%;
    width: 35%;
    transform: scale(0.4);
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(70px, 206px) scale(0.75);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 19px;
    text-align: center;
    margin: -9% 0% 0% -26%;
    width: 105%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -41% 0% 0% 10%;
  }


  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 13%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -11% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -201% 0% 0% -114%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 134%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 33% 0% 2% -46%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 30% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -211% 0% 0% -110%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 135%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -47%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -193% 0% 0% -113%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }


  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 149%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 13% 0% 5% -55%;
  }


  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 86%;
    height: 55%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 29% 0% 0% 7%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -21% 0% 0% 11%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -13%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -19% 0% 0% 1%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 68%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: -4% 0% 0% -47%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -27% 0% 0% -54%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 4%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 168%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 63% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 22% 0% 0% 9%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 4%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}

/* ------------------------------------------------------------- Fin Inicio Responsivo 413 duplicado -------------------------------------------------------------------------------- */
/* ------------------------------------------------------------- Inicio Responsivo 393 -------------------------------------------------------------------------------- */
@media only screen and (max-width: 394px) {
  .body-inicio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 142%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

  .contenido {
    width: 100%;
    height: 71%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: white;
    width: 100%;
    padding: 30% 3% 0% 5%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 171%;
    width: 100%;
    margin: -3% 0% 0% 3%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -26% 0% 0% 53%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 70%;
    background-color: #00C6AC;
    margin: -47% 0% 0% 49%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -25% -10% 0% 0%;
  }

  #videoIframe {
    width: 310px;
    height: 230px;
  }


  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 47%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 52%;
    text-align: center;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    margin: 4% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 155%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -291% 0% 0% 11%;
    width: 76%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 34%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -257% 0% 0% 7%;
    width: 83%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 7% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 100% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -237% 0% 0% 8%;
    width: 83%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 26%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -298% 0% 0% 9%;
    width: 83%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -253% 0% 0% 8%;
    width: 83%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 111% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 7% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 6% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 41%;
    height: 0%;
    margin: 9% -2% 0% 29%;
    font-size: 14px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -24% -9% 0% 0%;
    scale: 1.5;
  }


  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }


  .Info-completa {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    margin: 9% 0% 0% 1%;
  }

  .Info-completa-Lau {
    margin: -16% 0% 0% 3%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .closeInfoAldair {
    margin: 364% 0% 0% -17%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% -69%;
  }

  .Info-completa-Luis {
    margin: -32% 0% 0% -2%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 9% 0% 0% -4%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
    font-size: 29px;
    ;
  }

  .closeInfo {
    margin: 8% 0% 0% 86%;
  }

  .closeInfo-humberto {
    margin: 10% 0% 0% 95%;
  }

  .closeInfo-antonio {
    margin: -15% 0% 0% 95%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -18%;
    font-size: 29px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 12%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -3% 0% 0% -5%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 50%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 15px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 3% 0% 0% -14%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -13%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -13%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% -15%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -15%;
    width: 62%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 102%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -36%;
    scale: 71%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -41% 0% 0% 5%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 16%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 16%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 14% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -188% 0% 0% -101%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 141%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 27% 0% 0% -49%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -36% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -202% 0% 0% -97%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 133%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 27% 0% 0% -46%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 23% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -180% 0% 0% -102%;
    padding: 3% 0% 3% 0%;
    scale: 27%;
    position: absolute;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 146%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 12% 0% 0% -52%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 20% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-image: url(../img/Nosotros/FondoCubo.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: auto;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 40% 0% 0% 10%;
    padding: 23% 0% 12% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -10% 0% 0% 5%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 4%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -15%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -14% 0% 0% 9%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 9% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: 2% 0% 0% -46%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 71%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: 1% 0% 0% -62%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -23% 0% 0% -67%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 6%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 125%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 79% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */
  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }


  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 11%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 2%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 300px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */



}

@media only screen and (max-width: 393px) {
  .body-inicio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 142%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

  .contenido {
    width: 100%;
    height: 71%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: white;
    width: 100%;
    padding: 30% 3% 0% 5%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 310%;
    width: 92%;
    margin: -3% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -120% 37%;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -26% 0% 0% 53%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 70%;
    background-color: #00C6AC;
    margin: -47% 0% 0% 49%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -25% -10% 0% 0%;
  }

  #videoIframe {
    width: 310px;
    height: 230px;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 10% 0% 0% -5%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 6% 18% 0% 0%;
    width: 62%;
    height: 87%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu li {
    margin: 0 auto 20px auto;
    list-style: none;
  }

  .parrafo-inicio {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 8%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -17% 0% -4% 0%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -9% 0%;
    pointer-events: all;
    position: relative;
  }

  .tamInfo {
    transform: scale(0.55) translate(-465px, -940px);
    padding: 3% 3% 1% 1%;
    width: 134%;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 47%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 52%;
    text-align: center;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    margin: 4% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 155%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -291% 0% 0% 11%;
    width: 76%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 34%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -257% 0% 0% 7%;
    width: 83%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 7% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 100% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -237% 0% 0% 8%;
    width: 83%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 26%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -298% 0% 0% 9%;
    width: 83%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -253% 0% 0% 8%;
    width: 83%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 111% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 7% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 6% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 41%;
    height: 0%;
    margin: 9% -2% 0% 29%;
    font-size: 14px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -24% -9% 0% 0%;
    scale: 1.5;
  }




  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }

  .Info-completa {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    margin: -36% 0% 0% 1%;
  }

  .Info-completa-Lau {
    margin: -16% 0% 0% 3%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .closeInfoAldair {
    margin: 364% 0% 0% -17%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% -69%;
  }

  .Info-completa-Luis {
    margin: -32% 0% 0% -2%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 9% 0% 0% -4%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
    font-size: 29px;
    ;
  }

  .closeInfo {
    margin: 8% 0% 0% 86%;
  }

  .closeInfo-humberto {
    margin: 10% 0% 0% 95%;
  }

  .closeInfo-antonio {
    margin: -15% 0% 0% 95%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin: -4% 0% 0% -19%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -18%;
    font-size: 29px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 4% 0% 5% -23%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 0% -12% 4% 18%;
    font-size: 15px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: 1% 0% 0% 1%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 3%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: -5% 32% 0% -7%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 6%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -26%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 2% -1%;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 6% 0% 2% -5%;
    width: 75%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -15%;
    width: 90%;
  }

  .img-equipo {
    margin: 54% 0% 0% 49%;
    width: 35%;
    transform: scale(0.35);
  }



  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 40px;
    padding-left: 160px;
    scale: 0.7;
    margin: -6% 0% 0% -47%;
  }

  .iconosAreas li {
    width: 39%;
    display: flex;
    justify-content: center;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(70px, 318px) scale(0.8);
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -41% 0% 0% 5%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 16%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 16%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 14% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -188% 0% 0% -101%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 141%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 27% 0% 0% -49%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -36% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -202% 0% 0% -97%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 133%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 27% 0% 0% -46%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 23% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -180% 0% 0% -102%;
    padding: 3% 0% 3% 0%;
    scale: 27%;
    position: absolute;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 146%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 12% 0% 0% -52%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 20% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/Nosotros/FondoCubo.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 81%;
    height: auto;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 40% 0% 0% 10%;
    padding: 23% 0% 12% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -10% 0% 0% 11%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 4%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -15%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #00C6AC;
    margin: -25% 0% 0% 9%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 9% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: 2% 0% 0% -46%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 71%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: 1% 0% 0% -48%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #00C6AC;
    margin: -29% 0% 0% -53%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 6%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 125%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 79% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */
  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }


  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 11%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 2%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 300px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}

@media only screen and (max-width: 393px) and (max-height: 852px) {

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 295%;
    width: 92%;
    margin: -22% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 6%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 23% 18% 0% 0%;
    width: 62%;
    height: 69%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .img-equipo {
    margin: 33% 0% 0% 33%;
    width: 35%;
    transform: scale(0.5);
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 12% 0% 2% -5%;
    width: 75%;
  }


}





@media only screen and (max-width: 393px) and (max-height: 851px) {

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 295%;
    width: 92%;
    margin: -22% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 6%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 23% 18% 0% 0%;
    width: 62%;
    height: 69%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .subtitulo-info-humberto {
    margin: -6% 0% 0% 0%;
  }
}


@media only screen and (max-width: 393px) and (max-height: 844px) {
  .lineaCuadroInicio-exp {
    width: 154px;
    height: 4px;
    background-color: #00C6AC;
    margin: 28% 0% 102% 70%;
  }
}


@media only screen and (max-width: 393px) and (max-height: 819px) {

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 300%;
    width: 92%;
    margin: -24% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 17% 18% 0% 0%;
    width: 62%;
    height: 72%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .mov {
    transform: translate(-1px, -85px);
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, -305px);
  }


  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 5% 0% 0% 14%;
  }

  .visor-descripcion {
    color: #fff;
    font-size: 17px;
    text-align: center;
    margin: -24% 0% 0% -29%;
    width: 105%;
  }

}


@media only screen and (max-width: 393px) and (max-height: 809px) {
  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 20% 18% 0% 0%;
    width: 62%;
    height: 71%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .mov {
    transform: translate(1px, -65px);
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, -292px);
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 6%;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 302%;
    width: 92%;
    margin: -23% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .img-equipo {
    margin: 23% 0% 0% 40%;
    width: 35%;
    transform: scale(0.5);
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 2% 0% 2% -1%;
    width: 85%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 22px;
    padding-left: 136px;
    scale: 0.7;
  }

  .iconosAreas li {
    width: 43%;
    display: flex;
    justify-content: center;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(70px, 267px) scale(0.8);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 19px;
    text-align: center;
    margin: -15% 0% 0% -30%;
    width: 105%;
  }

}




@media only screen and (max-width: 393px) and (max-height: 786px) {

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 310%;
    width: 92%;
    margin: -22% 0% 0% 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mov {
    transform: translate(4px, -86px);
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(10px, -313px);
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin: 0% 0% 0% -21%;
    color: #ffffff;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 9%;
  }

  .btn-pos-agenda {
    margin: 8% 0% 9% -25%;
  }

  .img-equipo {
    margin: 29% 0% 0% 47%;
    width: 35%;
    transform: scale(0.4);
  }

  .subtitulo-info {
    margin: -5% 0% 0% 1%;
  }

  .sobremi {
    margin: 3% 0% 0% 1%;
  }

  .posInfoSobreMi {
    margin: -4% 0% 0% 2%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 9%;
  }

  .areas {
    margin: 0% 0% 3% 3%;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -24%;
    line-height: 1.5;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 63%;
    height: 0%;
    margin: 0% -12% 5% 18%;
    font-size: 13px;
    padding: 2% 2% 2% 2%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 40px;
    padding-left: 148px;
    scale: 0.7;
    margin: -6% 0% 0% -45%;
  }

  .iconosAreas li {
    width: 37%;
    display: flex;
    justify-content: center;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 0%;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(70px, 237px) scale(0.7);
  }

}


@media only screen and (max-width: 392px) {
  .body-inicio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 142%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

  .contenido {
    width: 100%;
    height: 71%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: white;
    width: 100%;
    padding: 30% 3% 0% 5%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 355%;
    width: 92%;
    margin: -15% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -26% 0% 0% 53%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 70%;
    background-color: #00C6AC;
    margin: -47% 0% 0% 49%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -25% -10% 0% 0%;
  }

  #videoIframe {
    width: 310px;
    height: 230px;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 10% 0% 0% -5%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -8% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -120% 36%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -11% 0% -4% -3%;
  }

  .tamInfo {
    transform: scale(0.55) translate(-458px, -968px);
    padding: 3% 3% 1% 1%;
    width: 134%;
  }

  .parrafo-inicio {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 8%;
  }


  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 15% 18% 0% 0%;
    width: 62%;
    height: 80%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }


  nav.navigation-menu li {
    margin: 0 auto 23px auto;
    list-style: none;
  }


  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 47%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 52%;
    text-align: center;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    margin: 4% 0% 0% 2%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 155%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -291% 0% 0% 11%;
    width: 76%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 34%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -257% 0% 0% 7%;
    width: 83%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 7% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 100% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -237% 0% 0% 8%;
    width: 83%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 26%;
    text-transform: uppercase;
  }

  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -298% 0% 0% 9%;
    width: 83%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -253% 0% 0% 8%;
    width: 83%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 111% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 7% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 6% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 41%;
    height: 0%;
    margin: 9% -2% 0% 29%;
    font-size: 14px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -24% -9% 0% 0%;
    scale: 1.5;
  }


  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }


  .Info-completa {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    margin: 9% 0% 0% 1%;
  }

  .Info-completa-Lau {
    margin: -16% 0% 0% 3%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .closeInfoAldair {
    margin: 364% 0% 0% -17%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% -69%;
  }

  .Info-completa-Luis {
    margin: -32% 0% 0% -2%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 9% 0% 0% -4%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
    font-size: 29px;
    ;
  }

  .closeInfo {
    margin: 8% 0% 0% 86%;
  }

  .closeInfo-humberto {
    margin: 10% 0% 0% 95%;
  }

  .closeInfo-antonio {
    margin: -15% 0% 0% 95%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin: -4% 0% 0% -21%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -18%;
    font-size: 29px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -5% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 4% 0% 0% -25%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 59%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 15px;
    padding: 2% 1% 3% 1%;
  }

  .sobremi {
    margin: 3% 0% 0% 1%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 1%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: -5% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 18%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -24%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 1%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 8% 0% 2% -1%;
    width: 72%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 43px;
    padding-left: 18px;
    scale: 0.8;
  }

  .iconosAreas li {
    width: 26%;
    display: flex;
    justify-content: center;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -41% 0% 0% 5%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 16%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 16%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 14% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -188% 0% 0% -101%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 141%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 27% 0% 0% -49%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -36% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -202% 0% 0% -97%;
    padding: 3% 0% 3% 0%;
    scale: 30%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 133%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 27% 0% 0% -46%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 23% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -180% 0% 0% -102%;
    padding: 3% 0% 3% 0%;
    scale: 27%;
    position: absolute;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 146%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 12% 0% 0% -52%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 20% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/Nosotros/FondoCubo.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }

  .cuadro-contactanos {
    width: 81%;
    height: auto;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 24% 0% 0% 10%;
    padding: 23% 0% 12% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -10% 0% 0% 5%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 4%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -15%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #00C6AC;
    margin: -26% 0% 0% 9%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 9% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: 2% 0% 0% -46%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 71%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: 1% 0% 0% -54%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -30% 0% 0% -48%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 6%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 125%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 79% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */
  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }


  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 11%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 2%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 300px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */


}

@media only screen and (max-width: 392px) and (max-height: 697px) {
  .mov {
    transform: translate(1px, -68px);
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, -286px);
  }

  .Info-completa {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    margin: -13% 0% 0% 1%;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -25%;
    line-height: 1.5;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 56%;
    height: 0%;
    margin: 0% -12% 5% 18%;
    font-size: 13px;
    padding: 2% 1% 2% 2%;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(70px, 154px) scale(0.8);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 15px;
    text-align: center;
    margin: -8% 0% 0% 9%;
    width: 72%;
  }



}



@media only screen and (max-width: 390px) {
  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 278%;
    width: 92%;
    margin: -3% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 17% 18% 0% 0%;
    width: 62%;
    height: 73%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .Info-completa {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    margin: 9% 0% 0% 7%;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 9% 0% 2% -3%;
    width: 75%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 116%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -39%;
    scale: 91%;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 23px;
    margin: -4% 0% 0% -21%;
    color: #ffffff;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    margin: -5% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 18%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 59%;
    height: 0%;
    margin: 0% -12% 6% 18%;
    font-size: 11px;
    padding: 3% 2% 3% 2%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 40px;
    padding-left: 112px;
    scale: 0.6;
    margin: -8% 0% 0% -47%;
  }

  .iconosAreas li {
    width: 34%;
    display: flex;
    justify-content: center;
  }

  .img-equipo {
    margin: 42% 0% 0% 36%;
    width: 35%;
    transform: scale(0.45);
  }

}

@media only screen and (max-width: 390px) and (max-height: 844px) {


  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 292%;
    width: 92%;
    margin: -25% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 149px;
    margin: 6% 0% 39% 12%;
  }



  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
    margin: 4% 0% 0% 1%;
  }

  .parrafo-inicio {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 8%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -6% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -127% 40%;
  }

  .cuadroInicioVal-exp {
    width: 55%;
    height: 989px;
    margin: 7% 0% -255% 21%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 17% 18% 0% 0%;
    width: 62%;
    height: 73%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }


  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
    margin: 0% 0% 0% -5%;
  }


}

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

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 290%;
    width: 92%;
    margin: -27% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .img-mail-foot {
    width: 35px;
    height: 35px;
    margin: 4% 0% 0% -46%;
  }


  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -11%;
  }


  .lineaCuadroInicio-exp {
    width: 154px;
    height: 4px;
    background-color: #00C6AC;
    margin: 28% 0% 102% 67%;
  }

  .cuadroInicioVal-exp {
    width: 55%;
    height: 956px;
    margin: 17% 0% -252% 21%;
  }

  .iconosredes-contacto {
    margin: 2% 0% 0% -46%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 71%;
    padding: 0% 0% 0% 23%;
  }

  .lineaCuadroInicio-exp {
    width: 154px;
    height: 3px;
    background-color: #00C6AC;
    margin: 28% 0% 102% 67%;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 3px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -52%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 11%;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
    margin: 0% 0% 0% -6%;
  }



}


/* ------------------------------------------------------------- Fin Inicio Responsivo 394 -------------------------------------------------------------------------------- */
/* -----------------------------------------------------------Inicio 375--------------------- */
@media only screen and (max-width: 375px) {
  .contenido {
    width: 100%;
    height: 71%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: white;
    width: 100%;
    padding: 26% 3% 0% 4%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 289%;
    width: 90%;
    margin: -22% 0% 0% 6%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -23% 0% 0% 52%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 76%;
    background-color: #00C6AC;
    margin: -45% 0% 0% 49%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -31% -14% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 251px;
    height: 189px;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 3px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -62%;
  }

  .mov {
    transform: translate(1px, 196px);
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 6% 18% 0% 0%;
    width: 62%;
    height: 87%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }


  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 48%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% 1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 50%;
    text-align: center;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    margin: 0% 0% 0% 3%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 160%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -309% 0% 0% 10%;
    width: 80%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 34%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -259% 0% 0% 12%;
    width: 80%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 100% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -242% 0% 0% 12%;
    width: 80%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 26%;
    text-transform: uppercase;
  }


  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -324% 0% 0% 9%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -259% 0% 0% 10%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 104% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 3% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 45%;
    height: 0%;
    margin: 12% -2% 0% 25%;
    font-size: 14px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -24% -10% 0% 0%;
    scale: 1.5;
  }


  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: 38% 0% 0% -1%;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }

  .Info-completa-Lau {
    margin: 3% 0% 0% -1%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Luis {
    margin: 9% 0% 0% -2%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 34% 0% 0% -6%;
    scale: 73%;
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
  }

  .closeInfo {
    margin: -23% 0% 0% 86%;
  }

  .closeInfo-humberto {
    margin: -33% 0% 0% 99%;
  }

  .closeInfo-antonio {
    margin: -32% 0% 0% 88%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 23px;
    margin: -56% 0% 0% -17%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -18%;
    font-size: 28px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -6% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -3% 0% 11% -23%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 52%;
    height: 0%;
    margin: 0% -12% 5% 18%;
    font-size: 13px;
    padding: 2% 1% 3% 1%;
  }

  .sobremi {
    margin: 2% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 2%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: -5% 32% 0% -7%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 4%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -24%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 8% 1%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -5%;
    width: 80%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 50px;
    padding-left: 147px;
    scale: 0.7;
  }

  .iconosAreas li {
    width: 34%;
    display: flex;
    justify-content: center;
  }

  .img-equipo {
    margin: 40% 0% 0% 37%;
    width: 35%;
    transform: scale(0.4);
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(70px, 238px) scale(0.8);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 19px;
    text-align: center;
    margin: 2% 0% 0% -27%;
    width: 105%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -41% 0% 0% 2%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 16%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 16%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 14% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -193% 0% 0% -107%;
    padding: 3% 0% 3% 0%;
    scale: 26%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 146%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 27% 0% 0% -52%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -34% 0% 0% 18%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -210% 0% 0% -103%;
    padding: 3% 0% 3% 0%;
    scale: 26%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 143%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 28% 0% 0% -51%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -22% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -187% 0% 0% -107%;
    padding: 3% 0% 3% 0%;
    scale: 26%;
    position: absolute;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 150%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 12% 0% 0% -52%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 20% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 94%;
    height: auto;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 40% 0% 0% 3%;
    padding: 23% 0% 13% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -10% 0% 0% 8%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 6%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -15%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -26% 0% 0% 9%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 9% 0% 0% 41%;
  }

  .iconosredes-contacto {
    margin: 2% 0% 0% -51%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 71%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: 0% 0% 0% -45%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -29% 0% 0% -49%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 6%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 131%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 10% 0% 0% 23%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }



  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 11%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 2%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 300px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */


}


@media only screen and (max-width: 375px) and (max-height: 812px) {

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -5% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 6% 0% -139% 36%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
    margin: 4% 0% 0% -9%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 21% 18% 0% 0%;
    width: 62%;
    height: 70%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .mov {
    transform: translate(1px, -139px);
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(19px, -308px);
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 50px;
    padding-left: 147px;
    scale: 0.7;
    margin: -8% 0% 0% -51%;
  }

}

@media only screen and (max-width: 375px) and (max-height: 667px) {

  .contenido {
    width: 100%;
    height: 71%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
    margin: 4% 0% 0% -5%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: white;
    width: 100%;
    padding: 26% 3% 0% 4%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 6% 0% -139% 38%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 343%;
    width: 90%;
    margin: 0% 0% 0% 6%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -23% 0% 0% 52%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 76%;
    background-color: #00C6AC;
    margin: -45% 0% 0% 49%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -31% -14% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 251px;
    height: 189px;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 3px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -62%;
  }

  .mov {
    transform: translate(1px, -122px);
  }

  .lineaCuadroInicio-exp {
    width: 154px;
    height: 4px;
    background-color: #00C6AC;
    margin: 28% 0% 102% 63%;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .mov {
    transform: translate(1px, -69px);
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, -231px);
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 3%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -10%;
  }



  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 48%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% 1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 50%;
    text-align: center;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    margin: 0% 0% 0% 3%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 160%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -309% 0% 0% 10%;
    width: 80%;
  }

  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 34%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -259% 0% 0% 12%;
    width: 80%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 100% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -242% 0% 0% 12%;
    width: 80%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 26%;
    text-transform: uppercase;
  }


  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -324% 0% 0% 9%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -259% 0% 0% 10%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 104% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 5% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    height: auto;
    margin: 3% 0% 0% 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 45%;
    height: 0%;
    margin: 12% -2% 0% 25%;
    font-size: 14px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -24% -10% 0% 0%;
    scale: 1.5;
  }


  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: 12% 0% 0% -1%;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }

  .Info-completa-Lau {
    margin: 3% 0% 0% -1%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Luis {
    margin: 9% 0% 0% -2%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 34% 0% 0% -6%;
    scale: 73%;
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
  }

  .closeInfo {
    margin: -23% 0% 0% 86%;
  }

  .closeInfo-humberto {
    margin: -33% 0% 0% 99%;
  }

  .closeInfo-antonio {
    margin: -32% 0% 0% 88%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin: -4% 0% 0% -18%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: 0% 0% 0% -18%;
    font-size: 28px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -4% 0% 0% 0%;
  }

  .subtitulo-info-humberto {
    margin: -4% 0% 0% 0%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 8% 0% 0% -26%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 59%;
    height: 0%;
    margin: 0% -12% 6% 16%;
    font-size: 15px;
    padding: 2% 1% 2% 1%;
  }

  .sobremi {
    margin: 2% 0% 0% 0%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 1%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: -8% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 17%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -21%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 1%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 9% 0% 2% -4%;
    width: 75%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 50px;
    padding-left: 147px;
    scale: 0.7;
  }

  .iconosAreas li {
    width: 34%;
    display: flex;
    justify-content: center;
  }

  .img-equipo {
    margin: 0% 0% 0% 37%;
    width: 35%;
    transform: scale(0.4);
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #00C6AC;
    margin: -41% 0% 0% 2%;
  }

  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 16%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 16%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 14% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -193% 0% 0% -107%;
    padding: 3% 0% 3% 0%;
    scale: 26%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 146%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 27% 0% 0% -52%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 50% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -34% 0% 0% 18%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -210% 0% 0% -103%;
    padding: 3% 0% 3% 0%;
    scale: 26%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 143%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 28% 0% 0% -51%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -22% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 10% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -187% 0% 0% -107%;
    padding: 3% 0% 3% 0%;
    scale: 26%;
    position: absolute;
  }

  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 150%;
    height: 0%;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 12% 0% 0% -52%;
  }

  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 20% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 94%;
    height: auto;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 22% 0% 0% 3%;
    padding: 23% 0% 13% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #00C6AC;
    margin: -10% 0% 0% 8%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 6%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -15%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -20% 0% 0% 1%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 9% 0% 0% 41%;
  }

  .iconosredes-contacto {
    margin: 2% 0% 0% -51%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 71%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: 1% 0% 0% -51%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -30% 0% 0% -60%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 6%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 131%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 10% 0% 0% 23%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }



  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 16% 0% 0% 11%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 2%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 300px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */
  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 12% 18% 0% 0%;
    width: 62%;
    height: 83%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 1% 0% -5% 13%;
  }

  .img-equipo a {
    display: inline-block;
  }

  .img-equipo img {
    display: block;
  }


}




/* -----------------------------------------------------------Fin 375------------------------ */
/* ------------------------------------------------------------- Inicio Responsivo 361 -------------------------------------------------------------------------------- */
@media only screen and (max-width: 360px) {

  .inicio-img {
    width: 108%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -2%;
  }

  .mov {
    transform: translate(1px, 204px);
  }

  .movtext {
    transform: translate(-28px, 0px);
  }

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: white;
    width: 100%;
    padding: 25% 3% 0% 7%;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 328%;
    width: 90%;
    margin: 0% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -70% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -144% 41%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 403%;
    text-align: center;
    margin: 0% 0% 0% -108%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% -31%;
    align-items: center;
    width: 230%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -73%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 300%;
    text-align: center;
    padding: 7% 0% 0% 0%;
    margin: 7% 0% 0% -102%;
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, 19px);
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% -9%;
    align-items: center;
    width: 65%;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -30% 0% 0% 56%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 67%;
    background-color: #00C6AC;
    margin: -52% 0% 0% 51%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -17% -4% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 263px;
    height: 174px;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .img-mail-foot {
    width: 35px;
    height: 35px;
    margin: 4% 0% 0% -29%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .img-mail-whats {
    width: 35px;
    height: 35px;
    margin: 0% 0% 0% 64%;
  }

  .logo-foot {
    margin: 24% 0% 0% 35%;
    width: 80px;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -8%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 10% 0% 0% 5%;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 52%;
    height: 0%;
    font-size: 12px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 9% 24%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 21% 21% 0% 0%;
    width: 63%;
    height: 78%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 180px;
    height: 2px;
    background-color: #00C6AC;
    margin: 4% 0% -6% 9%;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 42%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 86%;
    margin: 0% 0% 0% 4%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 206%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -298% 0% 0% 12%;
    width: 80%;
  }


  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 33%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -264% 0% 0% 10%;
    width: 80%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 121%;
    height: auto;
    margin: 3% 0% 0% -11%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 95% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -253% 0% 0% 11%;
    width: 80%;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 24%;
    text-transform: uppercase;
  }


  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -323% 0% 0% 10%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.8;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -254% 0% 0% 12%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 108% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 117%;
    height: auto;
    margin: 6% 0% 0% -7%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 120%;
    height: auto;
    margin: 3% 0% 0% -9%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 47%;
    height: 0%;
    margin: 9% -2% 0% 26%;
    font-size: 14px;
  }



  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -28% -10% 0% 0%;
    scale: 1.5;
  }

  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: -12% 0% 0% -10%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Lau {
    margin: -17% 0% 0% -1%;

    scale: 76%;
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% 1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 44% 0% 0% -12%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
  }

  .closeInfo {
    margin: 20% 0% 0% 94%;
  }

  .closeInfo-humberto {
    margin: -39% 0% 0% 95%;
  }

  .closeInfo-antonio {
    margin: 10% 0% 0% 100%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin: -4% 0% 0% -1%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: -1% 0% 0% -14%;
    font-size: 29px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -7% 0% 0% 12%;
  }

  .subtitulo-info-humberto {
    margin: -8% 0% 0% 23%;
  }

  .subtitulo-info-antonio {
    margin: -8% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: -3% 0% 0% -5%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 55%;
    height: 0%;
    margin: 0% -12% 0% 28%;
    font-size: 15px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: -4% 0% 0% -14%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% -13%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% -1%;
    text-align: left;
    line-height: 1.3;
    padding-right: 25%;
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -13%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% -15%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 3% 0% 2% -15%;
    width: 62%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 102%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -36%;
    scale: 71%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -41% 0% 0% 10%;
  }


  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 13%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -11% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -201% 0% 0% -114%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 134%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 33% 0% 2% -46%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 30% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -211% 0% 0% -110%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 135%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -47%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -193% 0% 0% -113%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }


  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 149%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 13% 0% 5% -55%;
  }


  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 86%;
    height: 55%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 29% 0% 0% 7%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -8% 0% 0% 15%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -22%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #00C6AC;
    margin: -26% 0% 0% 5%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 68%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: -4% 0% 0% -45%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #00C6AC;
    margin: -30% 0% 0% -49%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 4%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 168%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 63% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 22% 0% 0% 9%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 4%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}


@media only screen and (max-width: 360px) and (max-height: 800px) {


  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 290%;
    width: 90%;
    margin: -25% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -19% 0% -4% -3%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% 9% 0%;
    pointer-events: all;
    position: relative;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
    margin: 0%;
  }

  .cuadroInicioVal-exp {
    width: 55%;
    height: 956px;
    margin: 17% 0% -255% 21%;
  }

  .tamInfo {
    transform: scale(0.55) translate(-425px, -920px);
    padding: 3% 3% 1% 1%;
    width: 134%;
  }

  .mov {
    transform: translate(-3px, -127px);
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, -300px);
  }


  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 22% 15% 0% 0%;
    width: 69%;
    height: 70%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 180px;
    height: 2px;
    background-color: #00C6AC;
    margin: 4% 0% -6% 14%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -10%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 4%;
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: -5% 32% 0% -6%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 9%;
  }

  .btn-pos-agenda {
    margin: 5% 0% 0% -37%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 54%;
    height: 0%;
    margin: 0% -12% 5% 28%;
    font-size: 13px;
    padding: 2% 1% 2% 1%;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 13% 0% 2% -2%;
    width: 70%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 40px;
    padding-left: 136px;
    scale: 0.8;
    margin: 0% 0% 0% -43%;
  }

  .iconosAreas li {
    width: 40%;
    display: flex;
    justify-content: center;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin: -4% 0% 0% -16%;
    color: #ffffff;
  }

  .subtitulo-info-antonio {
    margin: -3% 0% 0% 19%;
  }

  .subtitulo-info-humberto {
    margin: -6% 0% 17% -1%;
  }

  .subtitulo-info-axel {
    margin: -5% 0% 12% 0%;
  }

  .subtitulo-info {
    margin: -4% 0% 11% 0%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 19px;
  }

  .img-equipo {
    margin: 22% 0% 0% 26%;
    width: 35%;
    transform: scale(0.5);
  }

  .sobremi {
    margin: -9% 0% 0% -1%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 0%;
  }

  .areas {
    margin: 0% 0% 0% 0%;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -40%;
    line-height: 1.5;
  }


}



@media only screen and (max-width: 360px) and (max-height: 780px) {


  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 290%;
    width: 90%;
    margin: -25% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 17% 17% 0% 0%;
    width: 63%;
    height: 70%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
    margin: 0% 0% 0% -5%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -9% 0% -4% -3%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
    margin: 0%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -3% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -144% 38%;
  }

  .cuadroInicioVal-exp {
    width: 55%;
    height: 956px;
    margin: 17% 0% -265% 21%;
  }

  .parrafo-inicio {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 8%;

  }

  .tamInfo {
    transform: scale(0.55) translate(-412px, -973px);
    padding: 3% 3% 1% 1%;
    width: 134%;
  }

  .lineaCuadroInicio-exp {
    width: 154px;
    height: 4px;
    background-color: #00C6AC;
    margin: 28% 0% 102% 61%;
  }

  .mov {
    transform: translate(1px, -101px);
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, -290px);
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -11%;
  }

  .Info-completa {
    margin: -71% 0% 0% -2%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.7);
  }

  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    margin: -7% 32% 0% -7%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 4%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 78%;
    height: 0%;
    margin: 10% -12% -3% -3%;
    font-size: 11px;
    padding: 2% 1% 2% 1%;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 14% 0% 2% -4%;
    width: 80%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 33px;
    padding-left: 0px;
    scale: 0.7;
    margin: 0% 0% 0% -31%;
  }

  .iconosAreas li {
    width: 34%;
    display: flex;
    justify-content: center;
  }

  .img-equipo {
    margin: 49% 0% 0% 37%;
    width: 35%;
    transform: scale(0.4);
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 23px;
    margin: 40% 0% 0% -15%;
    color: #ffffff;
  }

  .sobremi {
    margin: -6% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 2%;
  }

  .subtitulo-info {
    margin: -4% 0% 7% 0%;
  }

  .subtitulo-info-humberto {
    margin: -4% 0% 9% 0%;
  }

  .subtitulo-info-antonio {
    margin: -2% 0% 12% 14%;
  }

  .areas {
    margin: 0% 0% 0% 1%;
  }

  .vinetaAreas {
    list-style: disc;
    margin: -5% 0% -2% 1%;
    line-height: 1.5;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(70px, 238px) scale(0.75);
  }


}


@media only screen and (max-width: 360px) and (max-height: 740px) {

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 307%;
    width: 90%;
    margin: -24% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .lineaMenu {
    width: 180px;
    height: 2px;
    background-color: #00C6AC;
    margin: 9% 0% -6% 11%;
  }

  .Info-completa {
    margin: -79% 0% 0% -8%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.65);
  }

  .btn-pos-agenda {
    margin: -6% 0% 9% -35%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 33px;
    padding-left: 0px;
    scale: 0.7;
    margin: -5% 0% 0% -27%;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(70px, 208px) scale(0.75);
  }


}


@media only screen and (max-width: 360px) and (max-height: 720px) {

  .inicio-img {
    width: 108%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin: -15% 0% 0% -2%;
  }

  .mov {
    transform: translate(1px, -90px);
  }

  .movtext {
    transform: translate(-28px, 0px);
  }

  .contenido {
    width: 100%;
    height: 91%;
  }

  .inicioTitulo-txt {
    width: 100%;
    height: 50%;
    margin: -12% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/Inicio/Portada_Inicio.png);
    background-repeat: no-repeat;
    background-size: auto 65%;
    background-position: center;
  }

  .img-activaciones {
    width: 48%;
    height: auto;
    opacity: 0.5;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 315%;
    width: 90%;
    margin: -21% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  p {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 6% 3% 6%;
  }

  .titleInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 2%;
  }

  .cuadros {
    display: flex;
    flex-direction: column;
    margin: 0% 0% -5% 0%;
    pointer-events: all;
    position: relative;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 5% 0% -144% 39%;
  }

  .txtCuadroInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 403%;
    text-align: center;
    margin: 0% 0% 0% -108%;
  }

  .img-cuadroInicio {
    margin: 15% 0% 0% -31%;
    align-items: center;
    width: 230%;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio {
    width: 149px;
    height: 6px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -73%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 12px;
    width: 300%;
    text-align: center;
    padding: 7% 0% 0% 0%;
    margin: 7% 0% 0% -102%;
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, -296px);
  }

  .img-cuadroInicioVal {
    margin: 15% 0% 0% -9%;
    align-items: center;
    width: 65%;
  }

  .contenedor-imagen {
    margin: 2% 0% 0% -61%;
  }

  .menu-item-inicio {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }

  .menu-item-inicio:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);
    /* Hace que crezca un poco */
    font-size: 30px;
    color: #00C6AC;
    /* Color del texto */
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    /* Efecto de sombra del texto */
    -webkit-animation: neon-glow 1.5s ease-in-out infinite alternate;
    animation: neon-glow 1.5s ease-in-out infinite alternate;
    /* Animación para el efecto de parpadeo */
    opacity: 1.0;
    /* Cambia la opacidad */
  }


  .inicio-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: -30% 0% 0% 56%;
    text-align: left;
  }

  .txtAbajotInicio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: -2% 9% 0% 3%;
    padding: 0% 1% 11% 3%;
    color: white;
    text-align: center;
    line-height: 1;
  }

  .línea-horizontal {
    width: 3px;
    height: 67%;
    background-color: #00C6AC;
    margin: -52% 0% 0% 51%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -17% -4% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 263px;
    height: 174px;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .img-mail-foot {
    width: 35px;
    height: 35px;
    margin: 4% 0% 0% -29%;
  }

  .txtFootContacto {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 76%;
    margin: 2% 0% 0% 1%;
  }

  .img-mail-whats {
    width: 35px;
    height: 35px;
    margin: 0% 0% 0% 64%;
  }

  .logo-foot {
    margin: 24% 0% 0% 35%;
    width: 80px;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -13%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 4%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 10% 0% 0% 5%;
  }

  .btn-mandaservicio2 {
    border-radius: 35px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 52%;
    height: 0%;
    font-size: 12px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 9% 24%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 21% 21% 0% 0%;
    width: 63%;
    height: 78%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 6% 0% 0% 16%;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
  }

  .parrafo-inicio {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 8%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 0% 6%;
    margin: -12% 0% -4% -3%;
  }

  .cuadroInicioVal-exp {
    width: 55%;
    height: 956px;
    margin: 17% 0% -266% 21%;
  }

  .tamInfo {
    transform: scale(0.55) translate(-433px, -925px);
    padding: 3% 3% 1% 1%;
    width: 134%;
  }



  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 42%;
  }

  .inicioTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 18% 0% 0% 29%;
  }

  .subTitulo-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 7%;
    margin: -2% 0% 0% -1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 61%;
    text-align: center;
    scale: 86%;
    margin: 0% 0% 0% 4%;
  }

  .carrusel-exp {
    position: relative;
    overflow: hidden;
    width: 182%;
    margin: 3% 0% 0% -60%;
    height: 55%;
  }

  .carrusel-contenido-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    background-color: #00140e;
    padding: 4% 0% 4% 0%;
  }

  .item-exp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    cursor: pointer;
  }

  .info-recuadro {
    width: 80%;
    height: 206%;
    border-radius: 39px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 0% 0% 5% 10%;
  }

  .cuadro-txt-experienciasAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoexpAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
  }

  .img-exp-txt {
    margin: -298% 0% 0% 12%;
    width: 80%;
  }


  .exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
    margin: 1% 0% -1% 6%;
    text-align: center;
    line-height: 1;
  }

  .cuadro-txt-PublicidadAR {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconopunbliAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0%;
    display: none;
  }

  .exp-info-publiAR {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -5% 0% -1% 4%;
    text-align: center;
    line-height: 1;
  }

  .btn-exp-cuadro {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 33%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -264% 0% 0% 10%;
    width: 80%;
  }

  .iconos-exp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 121%;
    height: auto;
    margin: 3% 0% 0% -11%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .titulo-exp-info {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 95% 0% 0% 19%;
    text-transform: uppercase;
  }

  .cuadro-txt-Hologramas {
    width: 100%;
    height: 100%;
    background-image: url(../img/Experiencias/iconoHolograma.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-EVI {
    margin: -253% 0% 0% 11%;
    width: 80%;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 94% 0% 0% 24%;
    text-transform: uppercase;
  }


  .cuadro-txt-identidadAR {
    width: 102%;
    height: 100%;
    background-image: url(../img/Experiencias/IconoIdentidadAR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: 0% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-identidad {
    margin: -323% 0% 0% 10%;
    width: 80%;
  }

  .exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: -2% 0% -1% 1%;
    text-align: center;
    line-height: 0.8;
  }

  .exp-info-vr {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 4%;
    text-align: center;
    line-height: 0.8;
  }

  .cuadro-txt-experienciasVR {
    width: 100%;
    height: 102%;
    background-image: url(../img/Experiencias/iconoexpVR.png);
    background-size: cover;
    background-position: center;
    border-radius: 34px;
    margin: -2% 0% 0% 0%;
    display: none;
  }

  .img-exp-txt-vr {
    margin: -254% 0% 0% 12%;
    width: 80%;
  }

  .exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    margin: 0% 0% -1% 1%;
    text-align: center;
    line-height: 1;
  }

  .titulo-exp-info-EVI {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 108% 0% 0% 26%;
    text-transform: uppercase;
  }

  .btn-exp-cuadro-EVI {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    font-size: 14px;
  }

  .iconos-exp-EVI {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 117%;
    height: auto;
    margin: 6% 0% 0% -7%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .iconos-exp-identidad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 120%;
    height: auto;
    margin: 3% 0% 0% -9%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    scale: 60%;
  }

  .btn-exp-cuadro-vr {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    font-size: 14px;
  }

  .btn-exp-cuadro-identidad {
    border-radius: 170px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    width: 47%;
    height: 0%;
    margin: 9% -2% 0% 26%;
    font-size: 14px;
  }



  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -28% -10% 0% 0%;
    scale: 1.5;
  }

  /*------------------------------------------------ NOSOTROS Responsivo--------------------------------------------------------------------- */

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }

  .Info-completa {
    margin: -2% 0% 0% -10%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Lau {
    margin: -17% 0% 0% -1%;
    scale: 76%;
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% 1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 44% 0% 0% -12%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .txtLaura {
    margin: 0% 0% 0% -11%;
  }

  .txtAldair {
    margin: 0% 0% 0% -2%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
  }

  .closeInfo {
    margin: 20% 0% 0% 94%;
  }

  .closeInfo-humberto {
    margin: -39% 0% 0% 95%;
  }

  .closeInfo-antonio {
    margin: 10% 0% 0% 100%;
  }

  .btn-close-infocompleta {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
  }


  .titulo-info-nosotros {
    width: 50%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin: -2% 0% 0% -4%;
    color: #00C6AC;
    text-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
  }

  .titulo-info-cargo {
    width: 100%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 23px;
    margin: -14% 0% 4% -18%;
    color: #ffffff;
  }

  .txtAntonioNos {
    margin: -1% 0% 0% -14%;
    font-size: 29px;
  }

  .habilidades {
    width: 85%;
    height: 50%;
    padding: 0% 0% 0% 12%;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 3% 0% 0% 2%;
    color: #ffffff;
    line-height: 2;
  }


  .subtitulo-info {
    margin: -4% 0% 9% 1%;
  }

  .subtitulo-info-humberto {
    margin: -4% 0% 9% 1%;
  }

  .subtitulo-info-axel {
    margin: -7% 0% 12% 0%;
  }

  .subtitulo-info-antonio {
    margin: -2% 0% 0% 10%;
  }

  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
  }

  .color-sub {
    color: #00C6AC;
  }


  ul {
    list-style-image: url('../img/Nosotros/vineta.png');
    /* Utiliza una imagen como viñeta */
    color: white;
    /* Color del texto */
  }

  .pointHabilidades {
    padding: 0% 0% 0% 2%;
  }

  .btn-conocemas-nosotros {
    border-radius: 22px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 57%;
    height: 0%;
    margin: 12% -12% 0% -9%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .btn-pos-agenda {
    margin: 6% 0% 0% -38%;
  }

  .btn-agenda {
    border-radius: 30px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 50%;
    height: 0%;
    margin: 3% -12% 5% 28%;
    font-size: 15px;
    padding: 2% 2% 2% 2%;
  }

  .sobremi {
    margin: -7% 0% 0% 1%;
  }

  .titulosobremi {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .tituloareas {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0% 0% 0% 0%;
  }

  .posInfoSobreMi {
    margin: 2% 0% 0% 2%;
  }


  .infoSobreMi {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    margin: -7% 32% 0% -7%;
    text-align: justify;
    line-height: 1.3;
    padding-right: 7%;
  }

  .img-equipo {
    margin: 13% 0% 0% 37%;
    width: 35%;
    transform: scale(0.4);
  }

  .infoareas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 0% 32% 0% 1%;
    text-align: left;
  }

  .vinetaAreas {
    list-style: disc;
    margin: 0% 0% 0% -38%;
    line-height: 1.5;
  }

  .areas {
    margin: 0% 0% 0% 1%;
  }

  .video-nosotros {
    position: absolute;
    top: 0%;
    left: 57%;
    width: 43%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 0% 0% 2% 0%;
    width: 77%;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 40px;
    padding-left: 69px;
    scale: 0.8;
    margin: -3% 0% 0% -37%;
  }

  .iconosAreas li {
    width: 33%;
    display: flex;
    justify-content: center;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(70px, 214px) scale(0.8);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 19px;
    text-align: center;
    margin: -9% 0% 0% -26%;
    width: 105%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% 0%;
    padding: 61% 0% 0% 0%;
    background-image: url('../img/Servicios/Servicios\ Fondo.png');
  }

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #00C6AC;
    margin: -41% 0% 0% 10%;
  }


  .subtitulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -4% 0% 0% 13%;

  }

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -11% 0% 0% 13%;
  }

  .cuadro-herramienta {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }



  .text-cuadroherramientas {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroherramientas h1 {
    display: inline;
  }


  .img-cuadro-herramientas {
    margin: -201% 0% 0% -114%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-herramientas {
    margin: -10% 0% 0% 37%;
  }


  .btn-cuadro-herramientas {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 134%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 33% 0% 2% -46%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-herramientaventa h2 {
    display: inline;

  }

  .activacionSitio {
    margin: 30% 0% 0% 0%;
  }

  .titulo-activacionsitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 21%;
  }

  .cuadro-activacionsitio {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadroactivasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -211% 0% 0% -110%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }

  .pos-boton-cuadro-activasitio {
    margin: -10% 0% 0% 37%;
  }

  .btn-cuadro-activasitio {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 135%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -47%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 0% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-activasitio h2 {
    display: inline;

  }


  .capacitacion {
    margin: 30% 0% 0% 0%;
  }


  .titulo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -12% 0% 0% 33%;
  }

  .cuadro-capacitacion {
    width: 91%;
    height: 78%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 6% 0% 0% 6%;
    padding: 38% 0% 6% 0%;
  }

  .text-cuadrocapacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: 34% 0% 0% 3%;
    padding: 0% 12% 0% 1%;
    line-height: 1.3;
    width: 100%;
    text-align: center;
  }

  .text-cuadrocapacitacion h1 {
    display: inline;
  }

  .img-cuadro-capacitacion {
    margin: -193% 0% 0% -113%;
    padding: 3% 0% 3% 0%;
    scale: 25%;
    position: absolute;
  }


  .pos-boton-cuadro-capacitacion {
    margin: 0% 0% 0% 37%;
  }

  .btn-cuadro-capacitacion {
    border-radius: 28px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 149%;
    height: 0%;
    font-size: 18px;
    padding: 0% 1% 0% 1%;
    margin: 13% 0% 5% -55%;
  }


  .parrafo-capacitacion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 0% -4%;
    padding: 0% 12% 15% 13%;
    text-align: center;
    line-height: 1;
  }

  .parrafo-capacitacion h2 {
    display: inline;

  }

  /*--------------------------------------------- CONTACTO----------------------------------------------------------------- */

  .body-contacto {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/Nosotros/FondoCubo.png');
    /* Ruta de tu imagen de fondo */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #00140e;
  }


  .cuadro-contactanos {
    width: 86%;
    height: 55%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 29% 0% 0% 7%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    margin: -13% 0% 0% 18%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 8%;
    scale: 77%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -18%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #00C6AC;
    margin: -21% 0% 0% 1%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 40%;
  }

  .iconosredes-contacto {
    margin: -5% 0% 0% -44%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 68%;
    padding: 0% 0% 0% 25%;
  }

  .img-whats-contacto {
    margin: 7% 0% 0% -46%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #00C6AC;
    margin: -27% 0% 0% -45%;
    text-transform: uppercase;
  }

  .iconosredes-contacto ul {
    list-style: none;
    padding: 0;
    margin: 5% 0% 0% 29%;
  }

  .iconosredes-contacto li {
    margin-right: 4%;
    line-height: 5.5;
  }

  /* Para evitar que la última imagen tenga un margen derecho */
  .iconosredes-contacto li:last-child {
    margin-right: 0;
  }

  /*--------------------------------------------- END CONTACTO------------------------------------------------------------- */
  /*------------------------------- Formulario---------------------------------- */
  .cuadro-Form {
    width: 84%;
    height: 168%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 7% 0% 15% 8%;
    background-color: #00140e;
  }

  .txtForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: white;
    text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
    -webkit-animation: neon-glow-text-forms 1.5s ease-in-out infinite alternate;
    margin: 22% 0% 0% 2%;
    text-align: center;
  }

  .txtSubtituloForm {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: white;
    margin: 8% 0% 0% 2%;
    padding: 0% 17% 0% 13%;
    line-height: 1.3;
    text-align: center;
  }

  .txtLabelFormulario {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #00C6AC;
    margin: 2% 0% 0% 2%;
  }

  .txtLabelFormularioSeleccion {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    margin: 2% 0% 0% 2%;
  }

  .boxtext {
    margin: 0% 0% 0% 2%;
    width: 89%;
    height: 39px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .seccion1 {
    margin: 3% 0% 0% 7%;
    line-height: 1.5;
  }

  .seccion2 {
    margin: -3% 0% 0% 3%;
    padding-bottom: 25%;
    scale: 93%;
  }

  .lineavForm {
    border-top: 5px solid #00C6AC;
    width: 82%;
    height: auto;
    margin: 4% 0% 0% 9%;
  }

  @-webkit-keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  @keyframes neon-glow-text-forms {
    from {
      text-shadow: 0 0 10px #00C6AC, 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC;
      /* Efecto de sombra inicial */
    }

    to {
      text-shadow: 0 0 20px #00C6AC, 0 0 30px #00C6AC, 0 0 40px #00C6AC, 0 0 70px #00C6AC, 0 0 80px #00C6AC, 0 0 100px #00C6AC, 0 0 150px #00C6AC, 0 0 300px #00C6AC;
      /* Efecto de sombra final */
    }
  }

  /* Estilizando el placeholder */
  ::-webkit-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-moz-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  :-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::-ms-input-placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  ::placeholder {
    color: #001412;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 10px;
    padding: 0% 0% 0% 7%;
    opacity: 0.5;
    /* Opacidad del placeholder */
  }

  /* Estilizando los inputs de tipo radio */
  /* input[type="radio"] {
    border: 44px solid #00C6AC;
    border-radius: 84%;
    padding: 5px;
    margin: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

  input[type='radio'] {
    accent-color: #00C6AC;
  }

  .boxinputs {
    margin: 0% 0% 0% 2%;
    width: 48%;
    height: 30px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
  }

  .boxtext2 {
    margin: 2% 0% 0% 1%;
    width: 92%;
    height: 110px;
    border-radius: 6px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #ffffff;
  }

  .btn-enviar-formulario {
    border-radius: 12px;
    border: solid 5px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    width: 53%;
    height: 0%;
    font-size: 20px;
    padding: 0% 0% 0% 0%;
    margin: 11% 0% 0% 23%;
  }

  .mensajetxt {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 23px;
    color: white;
    margin: 63% 0% 0% 2%;
    padding: 0% 10% 0% 10%;
    text-align: center;
  }

  /* ------------------------------End Formulario------------------------------- */

  /* Aviso de privacidad */
  .tituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    text-align: center;
  }

  .subtituloaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: white;
    text-align: center;
  }

  .infoRecuadro-aviso {
    width: 86%;
    height: auto;
    border-radius: 27px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    margin: 3% 0% 10% 7%;
  }

  .textaviso {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: white;
    text-align: justify;
    padding: 4% 3% 0% 4%;
  }

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

  .txtvinetaaviso2 {
    margin: -13% 0% 0% 2%;
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------- Centro de Novedades---------------------------------- */
  .inicioTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #00C6AC;
    width: 100%;
    padding: 22% 0% 0% 9%;
  }

  .subTitulo-centro {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 20%;
    margin: -1% 0% 0% -7%;
  }


  .txt-VR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: 5% 0% 0% 2%;
  }

  .AR {
    margin: 4% 0% 0% 0%;
    padding-bottom: 10%;
  }

  .txt-AR {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    padding: 0% 0% 0% 24%;
    margin: -11% 0% 0% -2%;

  }


  .linea-vr {
    height: 2px;
    background-color: #00C6AC;
    width: 210px;
    margin: 3% 0% 0% 23%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .linea-ar {
    height: 2px;
    background-color: #00C6AC;
    width: 250px;
    margin: 3% 0% 0% 19%;
    box-shadow: 0 0 10px 5px rgba(0, 198, 172, 1);
  }

  .container-carrusel-centro-vr {
    background-color: #00140e;
    width: 100%;
    height: 56%;
    text-align: center;
    margin: -7% 0% 0% 4%;
    transform: scale(0.8);
  }

  .play-icon {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: white;
    background-color: #dae7e500;
    border-radius: 50%;
    padding: 26px;
    width: 37%;
    box-shadow: 0 0 11px 14px rgb(255 255 255);
  }

  .video-preview {
    position: relative;
    cursor: pointer;
  }

  .imgcentro {
    height: 290px
  }


  .tituloscentro {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #00C6AC;
    width: 100%;
    margin: 2% 0% 0% 0%;
  }


  .linea-titulos {
    height: 2px;
    background-color: #00C6AC;
    width: 280px;
    margin: 5% 0% 0% 2%;
    box-shadow: 0 0 10px 2px rgba(0, 198, 172, 1);
  }


  /* ------------------------------End Centro de Novedades------------------------------- */

}

@media only screen and (max-width: 360px) and (max-height: 693px) {


  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 320%;
    width: 90%;
    margin: -19% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 9%;
  }

  .mov {
    transform: translate(1px, -102px);
  }

  .cuadroInicioVal {
    width: 49%;
    height: auto;
    margin: 67% 0% -68% 29%;
    transform: translate(20px, -297px);
  }

  .footContacto {
    margin: 0% 0% -9% -14%;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 17px;
    width: 257%;
    text-align: center;
    padding: 5% 12% 0% 13%;
    margin: 0% 0% 0% 90%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% 25%;
    align-items: center;
    width: 243%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio-exp {
    width: 150px;
    height: 4px;
    background-color: #00C6AC;
    margin: 28% 0% 102% 88%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 3%;
    scale: 65%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #00C6AC;
    margin: -26% 0% 0% 7%;
    text-transform: uppercase;
  }

  .img-whats-contacto {
    margin: 7% 0% 0% -46%;
    scale: 42%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #00C6AC;
    margin: -31% 0% 0% -51%;
    text-transform: uppercase;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 149px;
    margin: 6% 0% 39% 5%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -8%;
  }

  .txtFootWhats {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    width: 170%;
    margin: 10% 0% 0% -2%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 21% 21% 0% 0%;
    width: 63%;
    height: 78%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }


  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 6% 0% 0% 12%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 135%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 1% 0% 0% -36%;
    scale: 73%;
  }



}

@media only screen and (max-width: 360px) and (max-height: 640px) {

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 360%;
    width: 90%;
    margin: -10% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .parrafo-inicio {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    line-height: 1.5;
    padding: 6% 10% 3% 6%;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 149px;
    margin: 6% 0% 14% 10%;
  }

  .txtCuadroInicio-exp {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 17px;
    width: 257%;
    text-align: center;
    padding: 5% 12% 0% 13%;
    margin: 0% 0% 0% 58%;
  }

  .img-cuadroInicio-exp {
    margin: 7% 0% 0% 17%;
    align-items: center;
    width: 243%;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .lineaCuadroInicio-exp {
    width: 154px;
    height: 4px;
    background-color: #00C6AC;
    margin: 8% 0% 102% 59%;
  }

  .cuadroInicio-exp {
    width: 20%;
    height: 149px;
    margin: 6% 0% 39% 10%;
  }

  .text-experiencias {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 6% 3% 6%;
    margin: -19% 0% 0% -3%;
  }

  .cuadroInicioVal-exp {
    width: 70%;
    height: 800px;
    margin: 3% 0% -187% 13%;
  }

  .tamInfo {
    transform: scale(0.55) translate(-442px, -946px);
    padding: 3% 3% 1% 1%;
    width: 134%;
  }

  .bordeInfo {
    border: solid #00C6AC;
    border-radius: 5px;
    height: 953px;
  }

  .btn-video-close-exp {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -22% -4% 6% 0%;
    scale: 2;
    height: 0;
  }

  .title-Demos {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    line-height: 1.5;
    padding: 7% 6% 3% 6%;
  }

  .text-demos {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    margin: -7% 0% 0% 0%;
  }

  .img-exp-demo {
    width: 76%;
    margin: 4% 0% 9% 11%;
  }

  .lista-beneficios {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 2;
    margin: 0% 0% 4% -2%;
  }

  /* Contacto */
  .cuadro-contactanos {
    width: 86%;
    height: 45%;
    border-radius: 50px;
    border: solid 10px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    box-shadow: 0 0 30px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac, 0 0 5px #00c6ac;
    margin: 29% 0% 0% 7%;
    padding: 23% 0% 0% 0%;
    background-color: #00140e;
  }

  .titulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #00C6AC;
    margin: -21% 0% 0% 25%;
  }

  .subtitulo-contacto {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .subtitulo-info-humberto {
    margin: -4% 0% 9% 1%;
  }

  .subtitulo-info-axel {
    margin: -4% 0% 21% 0%;
  }

  .img-mail-contacto {
    margin: -5% 0% 0% -17%;
  }

  .txtcontactomail {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #00C6AC;
    margin: -21% 0% 0% 1%;
    text-transform: uppercase;
  }

  .img-whats-contacto {
    margin: -4% 0% 0% -68%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #00C6AC;
    margin: -32% 0% 0% -67%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: 5% 0% 0% 49%;
  }

  .panel-from-right.panel-from-right-home {
    background: #00140e;
    border: solid #00C6AC;
    border-radius: 50px;
    margin: 21% 22% 0% 0%;
    width: 63%;
    height: 81%;
    box-shadow: 0 0 20px #00c6ac;
    overflow-y: hidden;
  }

  nav.navigation-menu li {
    margin: 22px auto 16px auto;
    list-style: none;
  }

  .lineaMenu {
    width: 165px;
    height: 3px;
    background-color: #00C6AC;
    margin: 6% 0% 0% 12%;
  }

  .img-equipo {
    margin: -22% 0% 0% 29%;
    width: 35%;
    transform: scale(0.5);
  }


  .subinfo {
    display: inline;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 17px;
  }

  .iconosAreas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 40px;
    padding: 0;
  }

  .iconosAreas li {
    width: 28%;
    display: flex;
    justify-content: center;
  }

  .linea-horizontal-areas {
    border-bottom: 5px solid #00C6AC;
    margin: 1% 0% 2% -2%;
    width: 71%;
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(114px, 106px) scale(0.8);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 11px;
    text-align: center;
    margin: 1% 0% 0% -1%;
    width: 70%;
  }


}



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


  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 346%;
    width: 90%;
    margin: 0% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -170% 41%;
  }

  nav.navigation-menu a {
    font-family: 'Work Sans', sans-serif;
    font-size: 9px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: #ffffff;
    margin: 0% 0% 0% -5%;
  }

  nav.navigation-menu li {
    margin: 3px auto 8px auto;
    list-style: none;
  }


  .lineaMenu {
    width: 150px;
    height: 2px;
    background-color: #00C6AC;
    margin: 5% 0% 0% 12%;
  }

  .footContacto {
    margin: 0% 0% -9% -19%;
  }





}

@media only screen and (max-width: 320px) and (max-height: 568px) {
  .mov {
    transform: translate(1px, -75px);
  }

  .img-cuadroInicioVal {
    margin: 22% 0% 0% -9%;
    align-items: center;
    width: 65%;
  }

  .txtCuadroInicio2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 350;
    font-size: 10px;
    width: 300%;
    text-align: center;
    padding: 7% 0% 0% 0%;
    margin: 7% 0% 0% -102%;
  }

  .titleFoot {
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    padding: 7% 6% 1% 6%;
  }

  .txtFoot {
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    text-align: center;
    line-height: 1.5;
    padding: 3% 13% 3% 9%;
    width: 100%;
  }

  .lineaCuadroInicio-exp {
    width: 134px;
    height: 4px;
    background-color: #00C6AC;
    margin: 37% 0% 102% 57%;
  }

  .cuadroInicioVal-exp {
    width: 70%;
    height: 800px;
    margin: 3% 0% -236% 13%;
  }

  .cuadroInicio {
    width: 20%;
    height: 800px;
    margin: 8% 0% -170% 36%;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 385%;
    width: 90%;
    margin: 0% 0% 0% 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .lineaCuadroInicio {
    width: 134px;
    height: 3px;
    background-color: #00C6AC;
    margin: 58% 0% 0% -73%;
  }

  .mail-foot {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: 0% 0% 0% 8%;
  }

  .foot-whats {
    display: flex;
    flex-direction: row;
    color: white;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    padding: 0% 4% 3% 29%;
    width: 76%;
    margin: -1% 0% 0% -7%;
  }

  .Info-completa {
    margin: 34% 0% 0% -10%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .visor-3d {
    margin-top: 20px;
    max-width: 520px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    transform: translate(99px, 75px) scale(0.8);
  }

  .visor-descripcion {
    color: #fff;
    font-size: 11px;
    text-align: center;
    margin: 1% 0% 0% -1%;
    width: 70%;
  }


}

body {
  overflow-y: hidden;
}