/*
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
*/


.arial_gris_12{
	color:#999999;
	font-family:arial;
	font-size:0.8em;	
}

.arial_gris_14{
	color:#999999;
	font-family:arial;
	font-size:1.0em;
	text-align: center;
}

.form{
	color:#999999;
	font-family:arial;
	font-size:1.0em;
	text-align: center;
  background-color: #F2F2F2;  
  margin: 0 auto;
  text-align: center;
  width:650px;	

}


.left{
  margin: 0 auto;
  text-align: center;

}

.form2{
	display: none;
}

.g-recaptcha > div{
 margin 10px auto !important;
 text-align: center;
 width: auto !important;
 height: auto !important;
}

.error{
	font-size:15px;
	font-family:'Telefonica';
  color: red;
  padding:10px;
}

.errorForm label{
  font-size:12px;
  font-family:'Telefonica';
  color: red;
  font-weight: bold;
}


.boton {
  background-color: #5BC500;
  border: none;
  color: #fff;
  padding: 8px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
}

.boton-i {
  background-color: #5BC500;
  border: none;
  color: #fff;
  padding: 8px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
}

.boton-s {
  border: none;
  color: #5BC500;;
  padding: 8px 30px;
  text-decoration: none;
  float: right;
  font-size: 1em;
  margin: 4px 2px;
  cursor: hand;
}

.numeroPaso{
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #000000;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding:1px;
}

/*Loading image*/
.loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 40px;
  background-color: transparent;
  border-radius: 12px;
}

.dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #0a2540;
  animation: wave 1.4s infinite ease-in-out both;
}

/* Retardo en la animación para generar la ola */
.dot:nth-child(1) { animation-delay: -0.72s; }
.dot:nth-child(2) { animation-delay: -0.60s; }
.dot:nth-child(3) { animation-delay: -0.48s; }
.dot:nth-child(4) { animation-delay: -0.36s; }
.dot:nth-child(5) { animation-delay: -0.24s; }
.dot:nth-child(6) { animation-delay: -0.12s; }
.dot:nth-child(7) { animation-delay: 0s; }

@keyframes wave {
  0%, 80%, 100% {
    transform: scale(0.7);
    background-color: #0f3866;
    box-shadow: none;
  }
  40% {
    transform: scale(1.35);
    background-color: #00f0ff;
    box-shadow: 0 0 12px #00f0ff, 0 0 25px #00f0ff;
  }
}