.verde{

color: #00c795;

}


 
.morado{

color: #9147ff;

}


 
.rosa{

color: #bf94ff;

}




.fondo-contenedor{
    background-color: rgba(24, 24, 27, 0.85);
    padding: 30px 40px;
    max-width: 420px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    z-index: 999;
}


.dere{

    float: left;

}



.form-content .verded {
    border: 0; 
    color: #bf94ff;
}


.form-content .verded:hover {
    border: 0; 
    color: #bf94ff;
        background-color: rgba(255, 255, 255, 0.15);
}


.form-content .verded:focus {
    border: 0; 
    color: #bf94ff;
        background-color: rgba(255, 255, 255, 0.15);
}
.espacioar{

padding-top: 10px;

}

.align-left{

text-align: left;

}

.cin{

padding-top: 4px;

}

 






.logoanimate {
  animation: pulseSoft 3s ease-in-out infinite; /* antes 1.9s */
  display: inline-block;
}

@keyframes pulseSoft {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.04);
  }
  60% {
    transform: scale(1);
  }
  80% {
    transform: scale(1.025);
  }
  100% {
    transform: scale(1);
  }
}













@media  (max-width:767px) {


 
    
 
.fondo-contenedor{
 
    padding: 20px 25px;
 
}

.form-content .form-button a:not(.btn) {
    font-size: 12px;
    font-weight: 500;
    color: #fff !important;
    text-align: right;
    float: right;
   
    
}


.form-content input[type=checkbox]:not(:checked) + label, .form-content input[type=checkbox]:checked + label, .form-content input[type=radio]:not(:checked) + label, .form-content input[type=radio]:checked + label {
    color: #fff;
    font-size: 13px;
    font-weight: 400; 
}


}