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

.body-inicio::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/Inicio/fondo.jpg');
  /* Ruta de tu imagen de fondo */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  opacity: 0.3;
  /* Cambia este valor para ajustar la opacidad */
  background-color: #00140e;
}



/*--------------------------------------------- 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: 100%;
  width: 100%;
  padding: 5% 8% 0% 6%;
  margin: -5% 0% 0% 0%;
}

/* 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: 75px;
  color: white;
  width: 100%;
  padding: 11% 0% 0% 11%;

}

.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 {
  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: -27% 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% 22%;
  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: 31% 0% 0% 2%;
  display: none;
}

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

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

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


.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: -8% 0% 0% 14%;
}

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

.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: 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: 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: 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% 65%;
}

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

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

.espacioprivacidad {
  margin-bottom: 7%;
}

.espaciofinalprivacidad {
  margin-bottom: 7%;
}



/* ------------------------------End Formulario------------------------------- */
/*---------------------------------------------------------- Identidad AR ---------------*/
.body-identidad {
  background-color: #00140e;
}

.img-identidadfondo {
  width: 100%;
  height: auto;
  padding: 61% 0% 0% 0%;
  background-image: url(../img/background/BackgroundIdenti.png);
}


.inicioTitulo-Identidad {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 220px;
  color: #00C6AC;
  margin: -55% 0% 0% 17%;
}


.subTitulo-Identidad {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 60px;
  color: #ffffff;
  margin: -6% 0% 0% 0%;
  padding: 0% 0% 0% 0%;
  text-align: center;
}

.recuadro-tarjetapresentacion {
  width: 91%;
  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: 6% 0% 0% 6%;
  padding: 38% 0% 0% 0%;

}


.imgIdentidadAR-tarjeta {
  position: relative;
  z-index: 2;
  margin: -50% 0% 0% -10%;
}

.txt-identidadtarjeta1 {
  display: flex;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #ffffff;
  margin: -20% -23% 6% 25%;
}

.txt-identidadtarjeta2 {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 87px;
  color: #ffffff;
  margin: -22% 20% 16% 31%;
  text-align: left;
  width: 59%;
}

.txt-identidadtarjeta3 {
  display: flex;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 32px;
  color: #ffffff;
  margin: -8% -24% 0% 25%;
}


.btn-identidad {
  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: auto;
  font-size: 60px;
  padding: 0% 1% 0% 1%;
  margin: 8% 0% 4% 13%;
}

.btn-identidad-conoce {
  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: auto;
  font-size: 47px;
  padding: 0% 1% 0% 1%;
  margin: 5% 0% 4% 62%;
}

.recuadro-manerapresentarse {
  width: 91%;
  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% 6%;
  padding: 38% 0% 0% 0%;

}

.imgIdentidadAR-manerapresentarse {
  position: relative;
  z-index: 2;
  margin: -60% 0% 0% 40%;
}

.txt-manerapresentarse1 {
  display: flex;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #ffffff;
  margin: -20% -1% 6% 2%;
}

.txt-manerapresentarse2 {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 87px;
  color: #ffffff;
  margin: -22% 20% 16% 5%;
  text-align: left;
}

.txt-manerapresentarse2_5 {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 87px;
  color: #ffffff;
  margin: -21% 20% 17% 5%;
  text-align: left;
}

.txt-manerapresentarse2_6 {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 87px;
  color: #ffffff;
  margin: -22% 20% 16% 3%;
  text-align: left;
}

.txt-manerapresentarse3 {
  display: flex;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 30px;
  color: #ffffff;
  margin: -8% -1% 0% 2%;
}

.recuadro-olvidatetarjeteros {
  width: 91%;
  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% 6%;
  padding: 38% 0% 0% 0%;

}

.imgIdentidadAR-olvidatarjeteros {
  position: relative;
  z-index: 2;
  margin: -60% 0% 0% -5%;
}

.txt-olvidatetarjeteros1 {
  display: flex;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #ffffff;
  margin: -19% -23% 6% 23%;
}

.txt-olvidatetarjeteros2 {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 87px;
  color: #ffffff;
  margin: -21% 20% 16% 46%;
  text-align: left;
  width: 59%;
}


.txt-olvidatetarjeteros2_1 {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 87px;
  color: #ffffff;
  margin: -21% 20% 15% 29%;
  text-align: left;
  width: 59%;
}

.txt-olvidatetarjeteros3 {
  display: flex;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 32px;
  color: #ffffff;
  margin: -7% -22% 0% 23%;
}

.btn-identidad-quiero {
  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: auto;
  font-size: 48px;
  padding: 0% 1% 0% 1%;
  margin: 5% 0% 4% 13%;
}

.recuadro-comparteclientes {
  width: 91%;
  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% 6%;
  padding: 38% 0% 0% 0%;

}


.imgIdentidadAR-manerapresentarse {
  position: relative;
  z-index: 2;
  margin: -60% 0% 0% 40%;
}

.txt-manerapresentarse1 {
  display: flex;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #ffffff;
  margin: -20% -1% 6% 2%;
}

.txt-manerapresentarse2 {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 87px;
  color: #ffffff;
  margin: -22% 20% 16% 5%;
  text-align: left;
}

.txt-manerapresentarse2_5 {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 87px;
  color: #ffffff;
  margin: -21% 20% 17% 5%;
  text-align: left;
}

.txt-manerapresentarse2_6 {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 87px;
  color: #ffffff;
  margin: -22% 20% 16% 3%;
  text-align: left;
}

.txt-manerapresentarse3 {
  display: flex;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 32px;
  color: #ffffff;
  margin: -8% -1% 0% 2%;
}

.recuadro-compartecliente {
  width: 91%;
  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% 6%;
  padding: 38% 0% 0% 0%;

}

.imgIdentidadAR-comparteclientes {
  position: relative;
  z-index: 2;
  margin: -60% 0% 0% 44%;
}

.txt-comparteclientes1 {
  display: flex;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #ffffff;
  margin: -20% -1% 6% 2%;
}

.txt-comparteclientes2 {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 87px;
  color: #ffffff;
  margin: -21% 20% 16% 2%;
  text-align: left;
  width: 100%;
}


.txt-comparteclientes3 {
  display: flex;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 32px;
  color: #ffffff;
  margin: -6% -1% 0% 2%;
}




.lineaidentidad {
  width: 46%;
  margin: 7% 0% 0% 29%;
  border: solid;
  border-color: #00C6AC;
}

.txtmarcadif1 {
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 50px;
  color: #ffffff;
  margin: 5% -1% 0% 2%;
}

.txtmarcadif2 {
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 70px;
  color: #ffffff;
  margin: -2% -1% 0% 2%;
}

.logovms-identidad {
  margin: 4% 0% 4% 48%;
  width: 4%;
}

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

.foramtobtnidentidad {
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-size: 45px;
  color: #ffffff;
  margin: 10% 0% 17% 22%;
  width: 57%;

}

.cambiacolorIdentidad {
  color: #00C6AC;
}

.alinea {
  display: inline;
  margin: 0% 0% 0% 0%;
}

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



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

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


  /*-------------------------------------------IdentidadAR---------------------------------------- */
  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 220px;
    color: #00C6AC;
    margin: -55% 0% 0% 17%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #ffffff;
    margin: -6% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 91%;
    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: 6% 0% 0% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -50% 0% 0% -10%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -23% 6% 25%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 31%;
    text-align: left;
    width: 59%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #ffffff;
    margin: -8% -24% 0% 25%;
  }


  .btn-identidad {
    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: auto;
    font-size: 60px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

  .btn-identidad-conoce {
    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: auto;
    font-size: 47px;
    padding: 0% 1% 0% 1%;
    margin: 5% 0% 4% 62%;
  }

  .recuadro-manerapresentarse {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% -5%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -19% -26% 6% 27%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 16% 56%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 15% 35%;
    text-align: left;
    width: 59%;
  }

  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #ffffff;
    margin: -7% -22% 0% 23%;
  }

  .btn-identidad-quiero {
    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: auto;
    font-size: 48px;
    padding: 0% 1% 0% 1%;
    margin: 5% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 44%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 16% 2%;
    text-align: left;
    width: 100%;
  }


  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #ffffff;
    margin: -6% -1% 0% 2%;
  }




  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

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

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 45px;
    color: #ffffff;
    margin: 10% 0% 17% 22%;
    width: 57%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }

}

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

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

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

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

  }

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

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

  .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: -7% -3% 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 */
  }

  /*------------------------------------------------------------------- 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: 92%;
    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: -39% 0% 0% -122%;
  }

  .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;
    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: 21%;
    height: 0%;
    margin: 4% -12% 0% 37%;
    font-size: 29px;
  }

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

  .iconos-exp {
    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;
  }

  .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: 90%;
    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: -24% 0% 0% -118%;
  }

  .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% 34%;
    display: none;
  }

  .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: 6% -12% 0% 22%;
    font-size: 29px;
  }

  .img-exp-txt-identidad {
    margin: -22% 0% 0% -116%;
  }

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

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

  .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%;
    line-height: 1.5;
  }

  .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: 4% -12% 0% 22%;
    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: 5% -12% 0% 22%;
    font-size: 29px;
  }



  .cuadro-txt-experienciasVR {
    width: 63%;
    height: 90%;
    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: -26% 0% 0% -120%;
  }

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

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

  }

  .Info-completa {
    margin: 31% 0% 0% -10%;
    display: none;
    scale: 76%;
  }


  .Info-completa-Lau {
    scale: 76%;
    margin: 27% 0% 0% -10%;
    display: none;
  }

  .Info-completa-Luis {
    margin: 18% 0% 0% -11%;
    display: none;
    scale: 76%;
  }

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


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

  .closeInfoLuis {
    margin: 16% 0% 0% -3%;

  }

  .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: 90px;
    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: -6% 0% 0% 8%;
  }

  .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: 53%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% 3%;
  }

  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */
  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 5% 0% 0% 0%;
    padding: 82% 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: -77% 0% 0% 21%;
  }

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

  .titulo-herramienta {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 80px;
    color: #00C6AC;
    margin: -57% 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% 5%;
    padding: 38% 0% 43% 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% 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: 13% 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% 5%;
    padding: 38% 0% 43% 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: -111% 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: 13% 0% 0% -16%;
  }

  .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% 5%;
    padding: 38% 0% 43% 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: 13% 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: -5% 0% 0% -34%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -7% 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: -12% 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: 92%;
    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%;
    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: 3% 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: -51% 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;
    margin: 0% 0% 0% 3%;
  }

  .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------------------------------- */
  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 160px;
    color: #00C6AC;
    margin: -53% 0% 0% 20%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: -6% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 91%;
    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: 6% 0% 0% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -46% 0% 0% -9%;
    width: 50%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -19% -18% 0% 19%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -14% 20% 6% 24%;
    text-align: left;
    width: 61%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 29px;
    color: #ffffff;
    margin: -3% -18% 0% 19%;
  }


  .btn-identidad {
    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: auto;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

  .btn-identidad-conoce {
    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: 30%;
    height: auto;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
  }

  .recuadro-manerapresentarse {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -62% 0% 0% -5%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -25% 6% 25%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -22% 20% 16% 50%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -21% 20% 15% 31%;
    text-align: left;
    width: 62%;
  }

  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -24% 0% 25%;
  }

  .btn-identidad-quiero {
    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: 36%;
    height: auto;
    font-size: 50px;
    padding: 0% 1% 0% 1%;
    margin: 5% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -63% 0% 0% 49%;
    width: 60%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -19% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -20% 20% 16% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -21% 20% 17% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -22% 20% 16% 2%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -63% 0% 0% 49%;
    width: 60%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -21% 20% 16% 2%;
    text-align: left;
    width: 100%;
  }


  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 60px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

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

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 35px;
    color: #ffffff;
    margin: 10% 0% 17% 22%;
    width: 57%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }





}

/* -------------------------------------------------------Fin Inicio Responsivo 1470-------------------------------------------------------- */



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

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: white;
    width: 100%;
    padding: 10% 0% 0% 22%;
  }

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

  .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-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: 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 */
  }

  /*------------------------------------------------------------------- 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% 21%;
    font-size: 29px;
  }

  .img-exp-txt-publiAR {
    margin: -51% 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: -51% 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: -49% 0% 0% -120%;
  }

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

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

  }

  .Info-completa {
    margin: 31% 0% 0% -10%;
    display: none;
    scale: 76%;
  }

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

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

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


  .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: -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: 53%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% 3%;
  }

  /* -------------------------------------------- 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: -5% 0% 0% -34%;
    text-transform: uppercase;
  }

  .whatscontactanos {
    margin: -7% 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: -12% 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------------------------------- */
}

/* -------------------------------------------------------Fin Inicio Responsivo 1440 -------------------------------------------------------- */

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

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: white;
    width: 100%;
    padding: 16% 0% 0% 14%;
  }

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

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

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

  /*------------------------------------------------------------------- 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%;
    display: none;
    scale: 76%;
  }

  .Info-completa-Lau {
    margin: 26% 0% 0% -11%;
    display: none;
  }

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

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


  .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------------------------------- */

  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 140px;
    color: #00C6AC;
    margin: -53% 0% 0% 22%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 91%;
    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: 6% 0% 0% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -46% 0% 0% -9%;
    width: 50%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -21% -19% 0% 20%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -14% 20% 6% 24%;
    text-align: left;
    width: 65%;
  }


  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -3% -19% 0% 20%;
  }


  .btn-identidad {
    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: 28%;
    height: auto;
    font-size: 35px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

  .btn-identidad-conoce {
    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: 30%;
    height: auto;
    font-size: 35px;
    padding: 0% 1% 0% 1%;
  }

  .recuadro-manerapresentarse {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -62% 0% 0% -6%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -20% -23% 6% 24%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -22% 20% 16% 47%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -21% 20% 15% 29%;
    text-align: left;
    width: 63%;
  }

  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -23% 0% 24%;
  }

  .btn-identidad-quiero {
    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: 36%;
    height: auto;
    font-size: 35px;
    padding: 0% 1% 0% 1%;
    margin: 5% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -62% 0% 0% 47%;
    width: 60%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -21% 20% 16% 4%;
    text-align: left;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -21% 20% 17% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -22% 20% 16% 2%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -62% 0% 0% 48%;
    width: 60%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -21% 20% 16% 2%;
    text-align: left;
    width: 100%;
  }


  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 55px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }


  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

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

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 35px;
    color: #ffffff;
    margin: 10% 0% 17% 18%;
    width: 63%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }
}




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

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

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

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


  .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: -17% 0% 0% 11%;
    color: white;

  }

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

  /*------------------------------------------------------------------- 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: -41% 0% 0% -127%;
  }

  .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: -41% 0% 0% -126%;
  }

  .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: -37% 0% 0% -125%;
  }

  .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% 19%;
    font-size: 23px;
  }

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

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: 38% 0% 0% -15%;
    display: none;
    scale: 69%;
  }

  .Info-completa-Lau {
    margin: 30% 0% 0% -9%;
    display: none;
  }

  .Info-completa-Luis {
    margin: 28% 0% 0% -13%;
    display: none;
    scale: 69%;
  }

  .Info-completa-Humberto {
    margin: 33% 0% 0% -10%;
    scale: 76%;
    display: none;
  }


  .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: 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: 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: -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% 47% 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: -125% 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: 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% 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% 31% 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: 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: 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------------------------------- */

  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 160px;
    color: #00C6AC;
    margin: -53% 0% 0% 13%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: -6% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 91%;
    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: 6% 0% 0% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -46% 0% 0% -9%;
    width: 50%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -19% -18% 0% 19%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 60px;
    color: #ffffff;
    margin: -14% 20% 6% 24%;
    text-align: left;
    width: 61%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -3% -18% 0% 19%;
  }


  .btn-identidad {
    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: auto;
    font-size: 45px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

  .btn-identidad-conoce {
    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: 30%;
    height: auto;
    font-size: 45px;
    padding: 0% 1% 0% 1%;
  }

  .recuadro-manerapresentarse {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -59% 0% 0% -9%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -20% -22% 6% 22%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -22% 20% 16% 44%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -21% 20% 15% 27%;
    text-align: left;
    width: 65%;
  }

  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -21% 0% 22%;
  }

  .btn-identidad-quiero {
    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: 36%;
    height: auto;
    font-size: 45px;
    padding: 0% 1% 0% 1%;
    margin: 5% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -59% 0% 0% 49%;
    width: 60%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -21% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -21% 20% 16% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -21% 20% 17% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -22% 20% 16% 2%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -61% 0% 0% 49%;
    width: 60%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -20% 0% 6% 1%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 68px;
    color: #ffffff;
    margin: -21% 20% 16% 1%;
    text-align: left;
    width: 100%;
  }


  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% 0% 0% 1%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

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

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #ffffff;
    margin: 10% 0% 17% 22%;
    width: 57%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }


}

@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% 34% 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: -41% 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: 6% -12% 0% 19%;
    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%;
    display: none;
    scale: 51%;
  }

  .Info-completa-Lau {
    margin: 39% 0% 0% -31%;
    display: none;
    scale: 45%;
  }

  .Info-completa-Luis {
    margin: 38% 0% 0% -34%;
    display: none;
    scale: 44%;
  }

  .Info-completa-Humberto {
    margin: 36% 0% 0% -34%;
    display: none;
    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% 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: -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: 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% 47% 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: -125% 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: 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% 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% 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: -107% 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: 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: 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------------------------------- */
  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 160px;
    color: #00C6AC;
    margin: -53% 0% 0% 13%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: -6% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 91%;
    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: 6% 0% 0% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -46% 0% 0% -9%;
    width: 50%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -19% -18% 0% 19%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 60px;
    color: #ffffff;
    margin: -14% 20% 6% 24%;
    text-align: left;
    width: 61%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -3% -18% 0% 19%;
  }


  .btn-identidad {
    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: auto;
    font-size: 45px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

  .btn-identidad-conoce {
    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: 30%;
    height: auto;
    font-size: 45px;
    padding: 0% 1% 0% 1%;
  }

  .recuadro-manerapresentarse {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -59% 0% 0% -7%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -20% -21% 6% 23%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -22% 20% 16% 45%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -21% 20% 15% 27%;
    text-align: left;
    width: 65%
  }

  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -22% 0% 23%;
  }

  .btn-identidad-quiero {
    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: 36%;
    height: auto;
    font-size: 45px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -59% 0% 0% 49%;
    width: 60%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -21% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -21% 20% 16% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -21% 20% 17% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #ffffff;
    margin: -22% 20% 16% 2%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -59% 0% 0% 52%;
    width: 56%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -20% 0% 6% 1%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 67px;
    color: #ffffff;
    margin: -21% 20% 15% 1%;
    text-align: left;
    width: 100%;
  }


  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    margin: -7% 0% 0% 1%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

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

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #ffffff;
    margin: 10% 0% 17% 22%;
    width: 57%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }



}

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

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: white;
    width: 100%;
    padding: 15% 0% 0% 9%;
  }

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

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

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

  }

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

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -6% -3% 0% 0%;

  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 95%;
  }

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

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


  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 48%;
    text-align: center;
    scale: 112%;
    margin: 9% 0% 0% 2%;
  }

  .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: 103%;
    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%;
  }

  .espacio {
    padding: 8% 0% 2% 0%;
    margin: 11% 0% 0% 0%;
  }

  .cuadro-txt-experienciasAR {
    width: 59%;
    height: 86%;
    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: -60% 0% 0% -135%;
    width: 56%;
  }

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

  .cuadro-txt-PublicidadAR {
    width: 61%;
    height: 86%;
    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: 8% 10% 7% 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: 7% -12% 4% 29%;
    font-size: 23px;
  }

  .img-exp-txt-publiAR {
    margin: -52% 0% 0% -132%;
  }

  .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% 14%;
    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: -49% 0% 0% -130%;
  }

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

  .cuadro-txt-identidadAR {
    width: 64%;
    height: 86%;
    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: -50% 0% 0% -129%;
  }

  .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: 6% 0% 0% 1%;
    line-height: 1.2;
  }

  .cuadro-txt-experienciasVR {
    width: 62%;
    height: 86%;
    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: -55% 0% 0% -128%;
    width: 48%;
  }

  .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: 5% 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: 4% -12% 0% 19%;
    font-size: 23px;
  }

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

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: 33% 0% 0% -21%;
    display: none;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }

  .Info-completa-Lau {
    margin: 24% 0% 0% -21%;
    display: none;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Luis {
    margin: 23% 0% 0% -22%;
    display: none;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }

  .Info-completa-Humberto {
    margin: 36% 0% 0% -15%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    display: none;
  }



  .closeInfo {
    margin: -22% 0% 0% 35%;
  }

  .closeInfoLuis {
    margin: 7% 0% 0% -4%;
  }

  .closeInfoLaura {
    margin: 0% 0% 0% -4%;
  }

  .closeInfoAldair {
    margin: 15% 0% 0% -5%;
  }


  .closeInfo-humberto {
    margin: -23% 0% 0% 40%;
  }

  .closeInfo-antonio {
    margin: -35% 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;
  }

  .txtHumberto {
    font-size: 37px;
  }

  .txtAntonioNos {
    font-size: 37px;
  }

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

  .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: 52%;
    height: 0%;
    margin: 15% -12% 0% 18%;
    font-size: 29px;
    padding: 2% 1% 3% 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: 43%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 8% 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: 91%;
  }

  .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: 2% 0% 0% -8%;
  }

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

  .titulo-servicios {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 90px;
    color: #00C6AC;
    margin: -88% 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: -63% 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: 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: -121% 0% 0% -3%;
    padding: 3% 0% 3% 0%;
    scale: 90%;
  }

  .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: 48px;
    color: #ffffff;
    margin: 4% 0% 0% -4%;
    text-align: center;
    padding: 0% 0% 0% 5%;
    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% 19%;
  }

  .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% 47% 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: -129% 0% 0% -1%;
    padding: 3% 0% 3% 0%;
    scale: 90%;
  }

  .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% 18%;
    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% 30%;
  }

  .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: -114% 0% 0% -3%;
    padding: 3% 0% 3% 0%;
    scale: 90%;
  }

  .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% 11% 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% 6%;
  }

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

  .img-mail-contacto {
    margin: -2% 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: 3% 0% 0% -14%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #00C6AC;
    margin: -14% 0% 0% -14%;
    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------------------------------- */

  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 125px;
    color: #00C6AC;
    margin: -53% 0% 0% 22%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 91%;
    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: 6% 0% 0% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -46% 0% 0% -9%;
    width: 50%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -19% -18% 0% 19%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    color: #ffffff;
    margin: -14% 20% 6% 24%;
    text-align: left;
    width: 61%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    margin: -3% -18% 0% 19%;
  }


  .btn-identidad {
    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: 28%;
    height: auto;
    font-size: 35px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

  .btn-identidad-conoce {
    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: 30%;
    height: auto;
    font-size: 35px;
    padding: 0% 1% 0% 1%;
  }

  .recuadro-manerapresentarse {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -63% 0% 0% -6%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -20% -22% 6% 23%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    color: #ffffff;
    margin: -22% 20% 16% 46%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    color: #ffffff;
    margin: -21% 20% 15% 29%;
    text-align: left;
    width: 62%;
  }

  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    margin: -7% -22% 0% 23%;
  }

  .btn-identidad-quiero {
    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: 36%;
    height: auto;
    font-size: 35px;
    padding: 0% 1% 0% 1%;
    margin: 7% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -63% 0% 0% 48%;
    width: 60%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    color: #ffffff;
    margin: -21% 20% 16% 4%;
    text-align: left;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    color: #ffffff;
    margin: -21% 20% 17% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    color: #ffffff;
    margin: -22% 20% 16% 2%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    margin: -7% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -63% 0% 0% 49%;
    width: 60%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    color: #ffffff;
    margin: -21% 20% 16% 2%;
    text-align: left;
    width: 100%;
  }


  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    margin: -7% -1% 0% 2%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

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

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #ffffff;
    margin: 10% 0% 17% 18%;
    width: 63%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }

}



/* --------------------------------------------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: -152% 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: 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: 6% -2% 0% 16%;
    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%;
    display: none;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

  .Info-completa-Lau {
    margin: -22% 0% 0% -13%;
    display: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% 1%;
    display: none;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }

  .Info-completa-Humberto {
    margin: 6% 0% 0% -6%;
    display: none;
    -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: -56% 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: -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: 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: -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 */
  }

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 20px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }


  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


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


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 91%;
    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: 6% 0% 0% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -46% 0% 0% -9%;
    width: 50%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    margin: -19% -18% 0% 19%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #ffffff;
    margin: -15% 20% 7% 24%;
    text-align: left;
    width: 62%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: -3% -18% 0% 19%;
  }


  .btn-identidad {
    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: 28%;
    height: auto;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

  .btn-identidad-conoce {
    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: 30%;
    height: auto;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
  }

  .recuadro-manerapresentarse {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -63% 0% 0% -4%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    margin: -20% -24% 6% 24%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #ffffff;
    margin: -22% 20% 16% 48%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #ffffff;
    margin: -21% 20% 15% 30%;
    text-align: left;
    width: 62%;
  }


  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: -8% -24% 0% 25%;
  }

  .btn-identidad-quiero {
    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: 36%;
    height: auto;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 5% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -63% 0% 0% 43%;
    width: 60%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #ffffff;
    margin: -21% 20% 16% 4%;
    text-align: left;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #ffffff;
    margin: -21% 20% 17% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #ffffff;
    margin: -22% 20% 16% 2%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: -7% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -63% 0% 0% 46%;
    width: 60%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #ffffff;
    margin: -21% 20% 16% 2%;
    text-align: left;
    width: 100%;
  }


  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

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

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #ffffff;
    margin: 10% 0% 17% 18%;
    width: 63%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }

}

/* -------------------------------------------------------------Fin Inicio Responsivo 1024 -------------------------------------------------------------------------------- */
@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-image: url(../img/Inicio/fondo.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

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

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: white;
    width: 100%;
    padding: 16% 0% 0% 11%;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 139%;
    width: 100%;
    padding: 0% 4% 7% 8%;
    margin: -4% 0% 0% 2%;
    -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 {
    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: 38%;
    height: 0%;
    font-size: 25px;
    padding: 0% 0% 0% 0%;
    margin: 8% 0% 4% 31%;
  }

  /*------------------------------------------------------------------- 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%;
    display: none;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .Info-completa-Lau {
    margin: 9% 0% 0% 18%;
    display: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Luis {
    margin: 9% 0% 0% 20%;
    display: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 19%;
    display: none;
    -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: 153%;
    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------------------------------------------------------------- */
  /* -------------------------------------------- NOSOTROS Responsivo--------------------------------------------------------------------- */

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


  .Info-completa {
    margin: 12% 0% 0% -4%;
    display: none;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Lau {
    margin: 1% 0% 0% 0%;
    display: none;
    -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%;
    display: none;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }

  .Info-completa-Humberto {
    margin: 20% 0% 0% 2%;
    display: none;
    -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: -4% 0% 0% 5%;
  }

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

  .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: 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: 34%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 22px;
    padding: 0% 1% 1% 1%;
  }

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

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

  .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% -7%;
    line-height: 1.5;
  }

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

  .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% -8%;
    width: 41%;
  }

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

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

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 20px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }


  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }




}

/* ------------------------------------------------------------- Inicio Responsivo 950 -------------------------------------------------------------------------------- */

@media only screen and (max-width: 950px) {
  .body-inicio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    background-image: url(../img/Inicio/fondo.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

  .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 {
    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: 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: 63% 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: -177% 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: 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: -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: 27%;
    height: 0%;
    margin: 4% -2% 0% 16%;
    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 {
    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: 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%;
    display: none;
    scale: 98%;
  }

  .Info-completa-Lau {
    margin: -8% 0% 0% 26%;
    display: none;
    scale: 137%;
  }

  .Info-completa-Luis {
    margin: -28% 0% 0% 21%;
    display: none;
    scale: 76%;
  }

  .Info-completa-Humberto {
    margin: 21% 0% 0% 18%;
    display: none;
    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: -56% 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: -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: 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% 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 */
  }

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 20px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }



  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


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


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 84%;
    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: 6% 0% 0% 10%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -56% 0% 0% -17%;
    width: 60%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #ffffff;
    margin: -22% -18% 0% 19%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #ffffff;
    margin: -15% 20% 6% 25%;
    text-align: left;
    width: 62%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: -3% -18% 0% 19%;
  }


  .btn-identidad {
    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: 28%;
    height: auto;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

  .btn-identidad-conoce {
    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: 30%;
    height: auto;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
  }

  .recuadro-manerapresentarse {
    width: 84%;
    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: 6% 0% 0% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 84%;
    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: 6% 0% 0% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -64% 0% 0% -10%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    margin: -22% -21% 8% 21%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #ffffff;
    margin: -24% 20% 16% 42%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #ffffff;
    margin: -20% 20% 15% 26%;
    text-align: left;
    width: 62%;
  }

  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #ffffff;
    margin: -8% -22% 0% 21%;
  }

  .btn-identidad-quiero {
    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: 36%;
    height: auto;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 5% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 84%;
    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: 6% 0% 0% 10%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -64% 0% 0% 47%;
    width: 60%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #ffffff;
    margin: -22% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #ffffff;
    margin: -21% 20% 16% 4%;
    text-align: left;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #ffffff;
    margin: -21% 20% 17% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #ffffff;
    margin: -22% 20% 16% 2%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: -7% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -64% 0% 0% 49%;
    width: 60%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    margin: -22% -1% 6% 2%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #ffffff;
    margin: -21% 20% 16% 2%;
    text-align: left;
    width: 100%;
  }


  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: -7% -1% 0% 2%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 45px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

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

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #ffffff;
    margin: 10% 0% 17% 18%;
    width: 63%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }

}


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

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

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: white;
    width: 100%;
    padding: 18% 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: -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% -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: -20% 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: 76%;
    background-color: #00C6AC;
    margin: -34% 0% 0% 39%;
  }

  .btn-video-close {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -11% -3% 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: -3% 0% 0% 1%;
  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 45%;
    text-align: center;
    scale: 132%;
    margin: 2% 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: 140%;
    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: -231% 0% 0% 8%;
    width: 83%;
  }

  .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% 32%;
    font-size: 27px;
  }

  .img-exp-txt-publiAR {
    margin: -227% 0% 0% 10%;
    width: 83%;
  }

  .iconos-exp {
    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;
  }

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

  .txt-titulo-publicidadAR {
    margin: 0% 0% 0% 7%;
  }

  .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: -204% 0% 0% 11%;
    width: 83%;
  }

  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: white;
    padding: 93% 0% 0% 30%;
    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: -207% 0% 0% 11%;
    width: 83%;
  }

  .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: -202% 0% 0% 8%;
    width: 83%;
  }

  .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: 9% -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: 9% -2% 0% 11%;
    font-size: 27px;
  }

  .btn-video-close-experiencias {
    color: #ffffff;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: -9% -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: 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% -14%;
    display: none;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Lau {
    margin: -15% 0% 0% -19%;
    display: none;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% -11%;
    display: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: 6% 0% 0% -12%;
    display: none;
    -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: 74%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -23%;
  }

  .parrafo-herramientaventa {
    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-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% 30% 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: -151% 0% 0% -20%;
    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: 74%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -23%;
  }

  .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: 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: -131% 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: 74%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -23%;
  }

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

  /* 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: 43% 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: 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 */
  }

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 20px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }


  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }


  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -53% 0% 0% 18%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 84%;
    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: 6% 0% 0% 10%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -52% 0% 0% -17%;
    width: 60%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: -23% -18% 0% 19%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -16% 20% 10% 24%;
    text-align: left;
    width: 64%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: #ffffff;
    margin: -5% -18% 0% 19%;
  }


  .btn-identidad {
    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: 28%;
    height: auto;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

  .btn-identidad-conoce {
    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: 35%;
    height: auto;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 6% 57%;
  }

  .recuadro-manerapresentarse {
    width: 84%;
    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: 6% 0% 0% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 84%;
    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: 1% 0% 0% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -65% 0% 0% -14%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: -23% -18% 6% 20%
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -24% 20% 15% 39%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -21% 20% 13% 24%;
    text-align: left;
    width: 64%;
  }


  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: -6% -19% 0% 20%;
  }

  .btn-identidad-quiero {
    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: 39%;
    height: auto;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 84%;
    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: 6% 0% 0% 10%;
    padding: 38% 0% 0% 0%;
  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -65% 0% 0% 49%;
    width: 60%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: -23% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -23% 20% 16% 4%;
    text-align: left;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -21% 20% 17% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -22% 20% 16% 2%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -63% 0% 0% 49%;
    width: 60%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #ffffff;
    margin: -22% -1% 6% 2%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -23% 20% 18% 2%;
    text-align: left;
    width: 100%;
  }


  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    margin: 5% -1% 0% 2%
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

  .intercambiarinfo {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 27px;
    color: #ffffff;
    margin: 1% -1% 0% 2%;
  }

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 17% 21%;
    width: 61%;
    height: 6%;
  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }

}

/* 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: -200% 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: 10% -2% 0% 11%;
    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 {
    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: 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%;
    display: none;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Lau {
    margin: -15% 0% 0% -13%;
    display: none;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Luis {
    margin: -25% 0% 0% -11%;
    display: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: 6% 0% 0% -12%;
    display: none;
    -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: 74%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -23%;
  }

  .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: -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% 30% 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: -151% 0% 0% -20%;
    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: 74%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -23%;
  }

  .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% 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: -131% 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: 74%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -23%;
  }

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

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 20px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }


  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -53% 0% 0% 18%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 84%;
    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: 6% 0% 0% 9%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -53% 0% 0% -14%;
    width: 60%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin: -24% -19% 0% 20%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -17% 20% 10% 26%;
    text-align: left;
    width: 65%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #ffffff;
    margin: -4% -20% 0% 21%;
  }


  .btn-identidad {
    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: 28%;
    height: auto;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

  .btn-identidad-conoce {
    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: 35%;
    height: auto;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 6% 57%;
  }

  .recuadro-manerapresentarse {
    width: 84%;
    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: 6% 0% 0% 9%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 84%;
    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% 9%;
    padding: 38% 0% 0% 0%;
  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -64% 0% 0% -8%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #ffffff;
    margin: -23% -23% 6% 24%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -24% 20% 16% 46%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -21% 20% 14% 28%;
    text-align: left;
    width: 65%;
  }


  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #ffffff;
    margin: -7% -23% -1% 24%;
  }

  .btn-identidad-quiero {
    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: 39%;
    height: auto;
    font-size: 30px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 84%;
    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% 9%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -65% 0% 0% 46%;
    width: 60%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    margin: -23% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -24% 20% 16% 4%;
    text-align: left;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -21% 20% 17% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -22% 20% 16% 2%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -63% 0% 0% 50%;
    width: 58%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #ffffff;
    margin: -23% -1% 6% 2%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 38px;
    color: #ffffff;
    margin: -23% 20% 17% 2%;
    text-align: left;
    width: 100%;
  }


  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -6% -1% 0% 2%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    margin: 5% -1% 0% 2%
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

  .intercambiarinfo {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 26px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 17% 18%;
    width: 63%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }



}

/* ------------------------------------------------------------- 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: 80% 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: -187% 0% 0% 12%;
    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: -202% 0% 0% 12%;
    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: 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: 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: 27%;
    height: 0%;
    margin: 8% -2% 0% 16%;
    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%;
    display: none;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }

  .Info-completa-Lau {
    margin: -27% 0% 0% -21%;
    display: none;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% -13%;
    display: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: -29% 0% 0% -10%;
    display: none;
    -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: 74%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -23%;
  }

  .parrafo-herramientaventa {
    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-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% 30% 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: -151% 0% 0% -20%;
    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: 74%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -23%;
  }

  .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: 74%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -23%;
  }

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

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 12px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }



  /* ------------------------------End Formulario------------------------------- */
}

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

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

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: white;
    width: 100%;
    padding: 18% 0% 0% 5%;
  }

  .menu-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 161%;
    width: 100%;
    margin: 0% 0% 0% 2%;
    -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;
  }

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

  }

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

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

  /*------------------------------------------------------------------- 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: -224% 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: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    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%;
    display: none;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Lau {
    margin: -15% 0% 0% -11%;
    display: none;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Luis {
    margin: -27% 0% 0% -14%;
    display: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Humberto {
    margin: 19% 0% 0% -12%;
    display: none;
    -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;
  }

  .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% 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: 74%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -23%;
  }

  .parrafo-herramientaventa {
    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-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% 30% 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: -160% 0% 0% -25%;
    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: 74%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -23%;
  }

  .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% 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: 74%;
    height: 0%;
    font-size: 37px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 0% -23%;
  }

  .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: 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: 30px;
    color: #ffffff;
    text-align: center;
    margin: -4% 0% 0% 1%;
  }

  .mailcontactanos {
    margin: 7% 0% 0% 1%;
  }

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

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

  .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: 20px;
    color: #00C6AC;
    margin: -15% 0% 0% -94%;
    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 */
  }

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 20px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }


  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 100px;
    color: #00C6AC;
    margin: -53% 0% 0% 15%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 84%;
    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: 6% 0% 0% 10%;
    padding: 38% 10% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -63% 0% 0% -16%;
    width: 60%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #ffffff;
    margin: -27% -18% 0% 19%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -20% 20% 10% 24%;
    text-align: left;
    width: 71%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: #ffffff;
    margin: -4% -18% 0% 19%;
  }


  .btn-identidad {
    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: 28%;
    height: auto;
    font-size: 25px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

  .btn-identidad-conoce {
    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: 35%;
    height: auto;
    font-size: 25px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 6% 57%;
  }

  .recuadro-manerapresentarse {
    width: 84%;
    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% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 84%;
    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% 10%;
    padding: 38% 10% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -64% 0% 0% -4%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #ffffff;
    margin: -26% -25% 6% 26%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -26% 20% 16% 51%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -21% 20% 15% 29%;
    text-align: left;
    width: 74%;
  }


  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #ffffff;
    margin: -8% -25% 0% 26%;
  }

  .btn-identidad-quiero {
    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: 39%;
    height: auto;
    font-size: 25px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 84%;
    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% 10%;
    padding: 38% 10% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -50% 0% 0% 52%;
    width: 53%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: #ffffff;
    margin: -23% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -25% 20% 16% 4%;
    text-align: left;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -21% 20% 17% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -22% 20% 16% 2%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: #ffffff;
    margin: -7% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -66% 0% 0% 63%;
    width: 60%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #ffffff;
    margin: -27% -1% 6% 2%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ffffff;
    margin: -25% 20% 18% 2%;
    text-align: left;
    width: 100%;
  }


  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: 4% -1% 0% -2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #ffffff;
    margin: 0% -1% 0% 1%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

  .intercambiarinfo {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: 10% 0% 24% 18%;
    width: 63%;
  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }


}

/* ------------------------------------------------------------- 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-image: url(../img/Inicio/fondo.jpg);
    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: 73% 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: 80% 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: -192% 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: 80% 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% 11%;
    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 {
    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: 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%;
    display: none;
    scale: 112%;
  }

  .Info-completa-Lau {
    margin: 3% 0% 0% 12%;
    display: none;
    scale: 150%;
  }

  .closeInfoLaura {
    margin: 53% 0% 0% 20%;
  }

  .closeInfoAldair {
    margin: 103% 0% 0% 32%;
  }

  .Info-completa-Luis {
    margin: 6% 0% 0% 11%;
    display: none;
    scale: 93%;
  }

  .Info-completa-Humberto {
    margin: 14% 0% 0% 6%;
    display: none;
    -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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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: -12% 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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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% 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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 0% -34%;
  }

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

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 15px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /* ------------------------------End Formulario------------------------------- */
  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #00C6AC;
    margin: -51% 0% 0% 19%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -58% 0% 0% -16%;
    width: 60%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -24% -18% 0% 21%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -20% 20% 12% 25%;
    text-align: left;
    width: 64%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -5% -19% 0% 21%;
  }


  .btn-identidad {
    border-radius: 35px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

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

  .recuadro-manerapresentarse {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -70% 0% 0% -8%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -24% -24% 9% 24%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -28% 20% 17% 47%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -22% 20% 15% 29%;
    text-align: left;
    width: 64%;
  }


  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -23% 0% 24%;
  }

  .btn-identidad-quiero {
    border-radius: 35px;
    border: solid 3px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -70% 0% 0% 44%;
    width: 60%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -23% -2% 2% 4%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -21% 20% 16% 8%;
    text-align: left;
    width: 100%;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -21% 20% 17% 8%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -3% 0% 4%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -69% 0% 0% 46%;
    width: 60%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -24% -1% 4% 2%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 19px;
    color: #ffffff;
    margin: -23% 20% 17% 2%;
    text-align: left;
    width: 100%;
  }

  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

  .intercambiarinfo {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 20% 10%;
    width: 83%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }


}

/* ------------------------------------------------------------- Fin Inicio Responsivo 480 -------------------------------------------------------------------------------- */

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

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

  .inicioTitulo-txt {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    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: -5% 0% 0% 2%;
    -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: -27% 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: 3px;
    height: 87%;
    background-color: #00C6AC;
    margin: -43% 0% 0% 44%;
  }

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

  #videoIframe {
    width: 310px;
    height: 230px;
  }

  /*------------------------------------------------------------------- Experiencias Responsivo----------------------------------------------------------*/
  .info-experiencias {
    width: 100%;
    height: 37%;
  }

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

  .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: 178%;
    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: -7% 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: -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% 32%;
    font-size: 14px;
  }

  .img-exp-txt-publiAR {
    margin: -219% 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: 73% 0% 0% 24%;
    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: -198% 0% 0% 17%;
    width: 70%;
  }


  .titulo-exp-info-identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding: 73% 0% 0% 30%;
    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: -216% 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: -220% 0% 0% 16%;
    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: 75% 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: 4% 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: 9% -2% 0% 11%;
    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: 0% 0% 0% 0%;

  }

  .container-carrusel-experiencias {
    background-color: #00140e;
    width: 100%;
    height: 57%;
    text-align: center;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    margin: -5% 0% 0% 4%;
  }

  .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: 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: -20% -8% 0% 0%;
    scale: 2;
  }

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

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }

  .Info-completa {
    margin: -33% 0% 0% 4%;
    display: none;
    scale: 118%;
  }

  .Info-completa-Lau {
    margin: 32% 0% 0% 7%;
    display: none;
    scale: 150%;
  }

  .Info-completa-Luis {
    margin: 47% 0% 0% 8%;
    display: none;
    scale: 99%;
  }

  .Info-completa-Humberto {
    margin: 50% 0% 0% -1%;
    display: none;
    -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: 29px;
  }

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

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

  .closeInfo-humberto {
    margin: -57% 0% 0% 93%;
  }

  .closeInfo-antonio {
    margin: 25% 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% -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: 43%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 15px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 8% 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%;
    width: 90%;
  }

  .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: 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: 5% 0% 2% -15%;
    width: 78%;
  }

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


  /* -------------------------------------------- SERVICIOS Responsivo--------------------------------------------------------------------- */


  .inicio-servicios {
    width: 100%;
    height: 50%;
    margin: 0% 0% 0% -7%;
    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% 19%;
  }

  .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: -167% 0% 0% -87%;
    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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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: -12% 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% 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: -171% 0% 0% -83%;
    padding: 3% 0% 3% 0%;
    scale: 31%;
    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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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% 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: -166% 0% 0% -87%;
    padding: 3% 0% 3% 0%;
    scale: 31%;
    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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 0% -34%;
  }

  .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: 91%;
    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% 4%;
    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: 1% 0% 0% -27%;
    -moz-text-align-last: center;
    text-align-last: center;
    scale: 74%;
    padding: 0% 10% 0% 8%;
  }

  .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: 136%;
    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% 17% 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: 5% 0% 0% 3%;
    /* scale: 165%; 
  } */

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

  /* 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: 17px;
    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%;
  }

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

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

  ul {
    list-style: none;
    /* Elimina las viñetas por defecto */
  }

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 12px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }


  /* ------------------------------End Formulario------------------------------- */

}


/* -------------------------------------------------------Fin 432---------------------------------------------------------------------------------- */
/* ------------------------------------------------------------- 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-image: url(../img/Inicio/fondo.jpg);
    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 {
    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: 53%;
    height: 0%;
    font-size: 12px;
    padding: 0% 1% 0% 1%;
    margin: 6% 0% 4% 24%;
  }

  /*------------------------------------------------------------------- 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: 60%;
    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: 150%;
    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: 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: -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: -209% 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: 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: 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: 9% -2% 0% 11%;
    font-size: 14px;
  }

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

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


  .Info-completa {
    margin: 10% 0% 0% 5%;
    display: none;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }


  .Info-completa-Lau {
    margin: 5% 0% 0% 6%;
    display: none;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Luis {
    margin: 8% 0% 0% 5%;
    display: none;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .Info-completa-Humberto {
    margin: 21% 0% 0% 3%;
    display: none;
    -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: 30px;
    margin: -4% 0% 0% -1%;
    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: -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: 46%;
    height: 0%;
    margin: 0% -12% 0% 18%;
    font-size: 15px;
    padding: 0% 1% 1% 1%;
  }

  .sobremi {
    margin: 12% 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: 80%;
  }

  .iconosAreas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    width: 129%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -39%;
    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% 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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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: -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% 7%;
    padding: 0% 62% 0% 1%;
    line-height: 1.3;
    width: 148%;
    text-align: center;
  }

  .text-cuadroactivasitio h1 {
    display: inline;
  }

  .img-cuadro-activasitio {
    margin: -171% 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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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% 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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 0% -34%;
  }

  .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: 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% -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% -54%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -24% 0% 0% -69%;
    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 */
  }

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 12px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

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

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #00C6AC;
    margin: -41% 0% 0% 19%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -63% 0% 0% -14%;
    width: 60%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -26% -18% 0% 20%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -22% 20% 14% 26%;
    text-align: left;
    width: 64%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -6% -18% 0% 20%;
  }


  .btn-identidad {
    border-radius: 35px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

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

  .recuadro-manerapresentarse {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -70% 0% 0% -8%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -25% -23% 6% 23%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -28% 20% 16% 45%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -21% 20% 15% 27%;
    text-align: left;
    width: 65%;
  }


  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -22% 0% 23%;
  }

  .btn-identidad-quiero {
    border-radius: 35px;
    border: solid 3px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 4% 13%;
  }

  .recuadro-comparteclientes {

    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;
  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -68% 0% 0% 47%;
    width: 58%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -25% -3% 1% 4%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -21% 20% 16% 8%;
    text-align: left;
    width: 100%;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -21% 20% 17% 8%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -3% 0% 4%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -70% 0% 0% 46%;
    width: 60%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -25% -3% 6% 2%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    margin: -25% 20% 20% 2%;
    text-align: left;
    width: 100%;
  }

  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

  .intercambiarinfo {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 25% 10%;
    width: 83%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }



}

/* ------------------------------------------------------------- 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%;
    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: -29% 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: -45% 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: 86%;
    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: 85% 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: -225% 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: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    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%;
    display: none;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }

  .Info-completa-Lau {
    margin: -27% 0% 0% 10%;
    display: none;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }

  .Info-completa-Luis {
    margin: 16% 0% 0% -1%;
    display: none;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }

  .Info-completa-Humberto {
    margin: 27% 0% 0% 6%;
    display: none;
    -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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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: -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: -172% 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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 0% -34%;
  }

  .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: 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 */
  }

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 12px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

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

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    margin: -51% 0% 0% 19%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -68% 0% 0% -16%;
    width: 60%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -25% -19% 0% 21%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -21% 20% 12% 25%;
    text-align: left;
    width: 65%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -5% -18% 0% 19%;
  }


  .btn-identidad {
    border-radius: 35px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

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

  .recuadro-manerapresentarse {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -69% 0% 0% -7%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -26% -22% 2% 24%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -24% 20% 16% 47%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -21% 20% 15% 28%;
    text-align: left;
    width: 66%;
  }


  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -22% 0% 23%;
  }

  .btn-identidad-quiero {
    border-radius: 35px;
    border: solid 3px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -70% 0% 0% 42%;
    width: 60%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -25% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -28% 20% 16% 4%;
    text-align: left;
    width: 100%;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -22% 20% 17% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    margin: -22% 20% 16% 2%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -67% 0% 0% 51%;
    width: 57%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -26% -1% 1% 3%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -22% 20% 16% 2%;
    text-align: left;
    width: 100%;
  }



  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

  .intercambiarinfo {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: 10% 0% 20% 10%;
    width: 83%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }



}


/* Fin 424 */
/* ----------------------------------Inicio Responsivo 414-------------------------------------------------------------------------------- */
@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;
  }

  /*------------------------------------------------------------------- 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: 86%;
    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: -218% 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% 11%;
    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%;
    display: none;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Lau {
    margin: -7% 0% 0% 7%;
    display: none;
    /* scale: 76%; */
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }

  .Info-completa-Luis {
    margin: -10% 0% 0% 4%;
    display: none;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 28% 0% 0% -1%;
    display: none;
    -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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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: -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: -176% 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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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: -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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 0% -34%;
  }

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

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 12px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

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

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #00C6AC;
    margin: -40% 0% 0% 19%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -57% 0% 0% -17%;
    width: 60%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -26% -18% 0% 19%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -21% 20% 13% 24%;
    text-align: left;
    width: 65%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -6% -18% 0% 19%;
  }


  .btn-identidad {
    border-radius: 35px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

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

  .recuadro-manerapresentarse {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -69% 0% 0% -7%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -25% -23% 6% 25%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -27% 20% 16% 48%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -21% 20% 15% 29%;
    text-align: left;
    width: 65%;
    ;
  }


  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -23% 0% 24%;
  }

  .btn-identidad-quiero {
    border-radius: 35px;
    border: solid 3px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -70% 0% 0% 43%;
    width: 60%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -26% -2% 6% 3%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -28% 20% 16% 6%;
    text-align: left;
    width: 100%;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -21% 20% 17% 6%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -67% 0% 0% 49%;
    width: 57%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -26% -3% 6% 3%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #ffffff;
    margin: -23% 20% 17% 3%;
    text-align: left;
    width: 100%;
  }



  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -6% -2% 0% 3%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

  .intercambiarinfo {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #ffffff;
    margin: 10% 0% 20% 11%;
    width: 81%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }


}



/* ------------------------------------------------------------- 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: 53%;
    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: 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% 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: -241% 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: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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: -181% 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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 0% -34%;
  }

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

  }

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

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 12px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

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

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #00C6AC;
    margin: -51% 0% 0% 19%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 15% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -78% 0% 0% -18%;
    width: 72%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -31% -26% 0% 28%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -25% 16% 14% 31%;
    text-align: left;
    width: 73%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -7% -25% 0% 27%;
  }


  .btn-identidad {
    border-radius: 35px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

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

  .recuadro-manerapresentarse {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 10% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 16% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -85% 0% 0% -6%;
    width: 72%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -33% -30% 7% 31%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -36% 20% 16% 60%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -21% 20% 15% 35%;
    text-align: left;
    width: 74%;
  }


  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -29% 0% 30%;
  }

  .btn-identidad-quiero {
    border-radius: 35px;
    border: solid 3px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 11% 0% 5% 6%;
  }

  .recuadro-comparteclientes {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 10% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -83% 0% 0% 47%;
    width: 72%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -29% -4% 5% 5%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -27% 20% 16% 10%;
    text-align: left;
    width: 100%;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -21% 20% 17% 10%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    margin: -22% 20% 16% 6%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -4% 0% 5%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -83% 0% 0% 51%;
    width: 71%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -28% 0% 6% 3%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #ffffff;
    margin: -26% 20% 20% 3%;
    text-align: left;
    width: 100%;
  }

  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -9% -2% 0% 3%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

  .intercambiarinfo {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
    margin: 10% 0% 35% 10%;
    width: 83%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }



}

/* ------------------------------------------------------------- Fin Inicio Responsivo 413 -------------------------------------------------------------------------------- */


/* ------------------------------------------------------------- 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: 20px;
    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: 167%;
    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: 3px;
    height: 86%;
    background-color: #00C6AC;
    margin: -45% 0% 0% 44%;
  }

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

  #videoIframe {
    width: 310px;
    height: 230px;
  }

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


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

  .Info {
    margin: -2% 0% 0% -16%;
    scale: 73%;
  }


  .Info-completa {
    margin: 0% 0% 0% -1%;
    display: none;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }

  .Info-completa-Lau {
    margin: -20% 0% 0% 8%;
    display: none;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }



  .Info-completa-Luis {
    margin: 0% 0% 0% 7%;
    display: none;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .Info-completa-Humberto {
    margin: 0% 0% 0% -1%;
    display: none;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }


  .txtLaura {
    margin: 0% 0% 0% -10%;
  }

  .txtAldair {
    margin: 0% 0% 0% -10%;
  }

  .txtHumberto {
    margin: 0% 0% 0% -12%;
  }

  .closeInfo {
    margin: -15% 0% 0% 88%;
  }

  .closeInfo-humberto {
    margin: -47% 0% 0% 98%;
  }

  .closeInfo-antonio {
    margin: -51% 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% -18%;
    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: -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: -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: 106%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -37%;
    scale: 71%;
  }

  /*--------------------------------------------- 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: 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: 44% 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: -8% 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% -54%;
    scale: 67%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -23% 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: 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% 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 */
  }

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 12px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

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

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }



}

/* ------------------------------------------------------------- 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-image: url(../img/Inicio/fondo.jpg);
    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: 62%;
    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: 185%;
    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: 89% 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: -258% 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: 100% 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: 35%;
    height: 0%;
    margin: 9% -2% 0% 11%;
    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 {
    display: none;
    -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%;
    display: none;
    -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%;
    display: none;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 9% 0% 0% -4%;
    display: none;
    -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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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: -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% 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: -191% 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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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% 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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 0% -34%;
  }

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

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 12px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

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

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #00C6AC;
    margin: -38% 0% 0% 14%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;
  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -63% 0% 0% -17%;
    width: 60%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -25% -18% 0% 20%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -22% 20% 12% 24%;
    text-align: left;
    width: 70%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -7% -21% 0% 20%;
  }


  .btn-identidad {
    border-radius: 35px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

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

  .recuadro-manerapresentarse {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;
  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -71% 0% 0% -9%;
    width: 61%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -27% -21% 2% 23%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -23% 20% 16% 45%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -22% 20% 13% 27%;
    text-align: left;
    width: 70%;
  }


  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -7% -22% 0% 23%;
  }

  .btn-identidad-quiero {
    border-radius: 35px;
    border: solid 3px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 20px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -67% 0% 0% 46%;
    width: 57%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -26% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -29% 20% 16% 4%;
    text-align: left;
    width: 100%;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    margin: -21% 20% 17% 4%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    margin: -22% 20% 16% 2%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -67% 0% 0% 48%;
    width: 56%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -26% -1% 6% 2%
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #ffffff;
    margin: -28% 20% 22% 2%;
    text-align: left;
    width: 100%;
  }



  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 6px;
    color: #ffffff;
    margin: -10% -1% 0% 2%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

  .intercambiarinfo {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #ffffff;
    margin: 10% 0% 20% 10%;
    width: 83%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }


}

/* ------------------------------------------------------------- Fin Inicio Responsivo 394 -------------------------------------------------------------------------------- */
/* -----------------------------------------------------------Inicio 375--------------------- */
@media only screen and (max-width: 376px) {
  .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: 180%;
    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% -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;
  }


  /*------------------------------------------------------------------- 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: 62%;
    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: 195%;
    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: -300% 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: -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: 99% 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: -258% 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: 110% 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: 35%;
    height: 0%;
    margin: 12% -2% 0% 11%;
    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: 39% 0% 0% -1%;
    display: none;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }

  .Info-completa-Lau {
    margin: 3% 0% 0% -1%;
    display: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .Info-completa-Luis {
    margin: 9% 0% 0% -2%;
    display: none;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 34% 0% 0% -6%;
    display: none;
    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: 30px;
    margin: -4% 0% 0% -1%;
    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% 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: 2% 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: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 0% -35%;
    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: -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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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: -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% 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: -196% 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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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% 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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 0% -34%;
  }

  .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: 115%;
    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: -14% 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: 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% -79%;
    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 */
  }

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 12px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

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

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }


}




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

  .body-inicio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 168%;
    background-image: url(../img/Inicio/fondo.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.3;
    background-color: #00140e;
  }

  .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: 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% -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: -30% -12% 0% 0%;
    scale: 1;
  }

  #videoIframe {
    width: 263px;
    height: 174px;
  }

  /*------------------------------------------------------------------- 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: 99%;
    height: auto;
    margin: 3% 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: 90% 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: 96% 0% 0% 25%;
    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: -273% 0% 0% 12%;
    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: 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: 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: 9% -2% 0% 11%;
    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%;
    display: none;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .Info-completa-Lau {
    margin: -17% 0% 0% -1%;
    display: none;
    scale: 76%;
  }

  .Info-completa-Luis {
    margin: -13% 0% 0% 1%;
    display: none;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .Info-completa-Humberto {
    margin: 44% 0% 0% -12%;
    display: none;
    -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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-herramientaventa {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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: -203% 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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 25% 0% 0% -34%;
  }

  .parrafo-activasitio {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    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: 101%;
    height: 0%;
    font-size: 22px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 0% -34%;
  }

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

  .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: -17% 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% -65%;
    scale: 57%;
  }

  .txtcontactowhtas {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #00C6AC;
    margin: -27% 0% 0% -75%;
    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 */
  }

  ul li::before {
    content: "•";
    /* Puedes cambiar el símbolo si lo deseas */
    font-size: 12px;
    /* Ajusta el tamaño de la viñeta */
    color: #00C6AC;
    /* Ajusta el color de la viñeta */
    display: inline-block;
    width: 1em;
    /* Ancho suficiente para alinear el texto */
    margin-left: -1em;
    /* Mueve la viñeta a la izquierda */
  }

  .txtvinetaaviso {
    margin: -13% 0% 0% 7%;
  }

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

  .espacioprivacidad {
    margin-bottom: 7%;
  }

  .espaciofinalprivacidad {
    margin-bottom: 7%;
  }

  /*---------------------------------------------------------- Identidad AR ---------------*/
  .body-identidad {
    background-color: #00140e;
  }

  .img-identidadfondo {
    width: 100%;
    height: auto;
    padding: 61% 0% 0% 0%;
    background-image: url(../img/background/BackgroundIdenti.png);
  }


  .inicioTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #00C6AC;
    margin: -45% 0% 0% 11%;
  }


  .subTitulo-Identidad {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    margin: -6% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    text-align: center;
  }

  .recuadro-tarjetapresentacion {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-tarjeta {
    position: relative;
    z-index: 2;
    margin: -61% 0% 0% -18%;
    width: 60%;
  }

  .txt-identidadtarjeta1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -26% -18% 0% 19%;
  }

  .txt-identidadtarjeta2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -20% 20% 13% 24%;
    text-align: left;
    width: 64%;
  }

  .txt-identidadtarjeta3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 7px;
    color: #ffffff;
    margin: -6% -18% 0% 19%;
  }


  .btn-identidad {
    border-radius: 35px;
    border: solid 2px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 15px;
    padding: 0% 1% 0% 1%;
    margin: 8% 0% 4% 13%;
  }

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

  .recuadro-manerapresentarse {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -60% 0% 0% 40%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    margin: -20% -1% 6% 2%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -21% 20% 17% 5%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 87px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    margin: -8% -1% 0% 2%;
  }

  .recuadro-olvidatetarjeteros {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-olvidatarjeteros {
    position: relative;
    z-index: 2;
    margin: -71% 0% 0% -6%;
    width: 60%;
  }

  .txt-olvidatetarjeteros1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -25% -24% 11% 23%;
  }

  .txt-olvidatetarjeteros2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -30% 20% 16% 46%;
    text-align: left;
    width: 59%;
  }


  .txt-olvidatetarjeteros2_1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -21% 20% 15% 28%;
    text-align: left;
    width: 62%;
  }


  .txt-olvidatetarjeteros3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 6.5px;
    color: #ffffff;
    margin: -8% -22% 0% 23%;
  }

  .btn-identidad-quiero {
    border-radius: 35px;
    border: solid 3px;
    border-color: #00C6AC;
    background-color: #00140e;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 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: auto;
    font-size: 15px;
    padding: 0% 1% 0% 1%;
    margin: 9% 0% 4% 13%;
  }

  .recuadro-comparteclientes {
    width: 80%;
    height: auto;
    border-radius: 50px;
    border: solid 5px;
    border-color: #00C6AC;
    -webkit-box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC, 0 0 5px #00C6AC;
    box-shadow: 0 0 30px #00C6AC, 0 0 5px #00C6AC, 0 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% 10%;
    padding: 38% 0% 0% 0%;

  }


  .imgIdentidadAR-manerapresentarse {
    position: relative;
    z-index: 2;
    margin: -71% 0% 0% 42%;
    width: 60%;
  }

  .txt-manerapresentarse1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 6.5px;
    color: #ffffff;
    margin: -25% -2% 9% 3%;
  }

  .txt-manerapresentarse2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -29% 20% 17% 6%;
    text-align: left;
    width: 100%;
  }


  .txt-manerapresentarse2_5 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -21% 20% 17% 6%;
    text-align: left;
  }

  .txt-manerapresentarse2_6 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -22% 20% 16% 3%;
    text-align: left;
  }

  .txt-manerapresentarse3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 5.5px;
    color: #ffffff;
    margin: -8% -2% 0% 3%;
  }

  .recuadro-compartecliente {
    width: 91%;
    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% 6%;
    padding: 38% 0% 0% 0%;

  }

  .imgIdentidadAR-comparteclientes {
    position: relative;
    z-index: 2;
    margin: -72% 0% 0% 45%;
    width: 60%;
  }

  .txt-comparteclientes1 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 8px;
    color: #ffffff;
    margin: -26% -1% 6% 2%;
  }

  .txt-comparteclientes2 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -24% 20% 19% 2%;
    text-align: left;
    width: 100%;
  }



  .txt-comparteclientes3 {
    display: flex;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 6px;
    color: #ffffff;
    margin: -9% -1% 0% 2%;
  }


  .lineaidentidad {
    width: 46%;
    margin: 7% 0% 0% 29%;
    border: solid;
    border-color: #00C6AC;
  }

  .txtmarcadif1 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    margin: 5% -1% 0% 2%;
  }

  .txtmarcadif2 {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .logovms-identidad {
    margin: 4% 0% 4% 48%;
    width: 4%;
  }

  .intercambiarinfo {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #ffffff;
    margin: -2% -1% 0% 2%;
  }

  .foramtobtnidentidad {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #ffffff;
    margin: 10% 0% 20% 10%;
    width: 83%;

  }

  .cambiacolorIdentidad {
    color: #00C6AC;
  }

  .alinea {
    display: inline;
    margin: 0% 0% 0% 0%;
  }


}