@charset "utf-8";
/* CSS Document */

/* forma de contacto */ 

.cajaForma { width:90%; margin:auto; }


.formaCamp { width:100%; padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  font-size: 16px; 
  /* opacity: 0.0; */
  border:#c8dcf1 1px solid;
   background-color:transparent;
  }
  
.formaCamp:focus { border-color: #95c3f5;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);  }
  
  label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}


.textComment {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border:#c8dcf1 1px solid;
  font-size: 16px;	
  /* opacity: 0.0; */
  background-color:transparent;
  color:#000000;
}

.textComment:focus {
  border-color: #95c3f5;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

label.comment-label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}


input[type="submit"] {
  padding: 10px 20px; /* Ajusta el espaciado interior (padding) según sea necesario */
  background-color: #007bff; /* Cambia el color de fondo del botón */
  color: #fff; /* Cambia el color del texto del botón */
  border: none; /* Elimina el borde del botón */
  border-radius: 5px; /* Añade esquinas redondeadas */
  font-size: 16px;
  cursor: pointer;
}

/* Estilo para el botón de envío al pasar el mouse por encima */
input[type="submit"]:hover {
  background-color: #4794ff; /* Cambia el color de fondo al pasar el mouse por encima */
}

/* Estilo para el botón de envío cuando está enfocado */
input[type="submit"]:focus {
  outline: none; /* Elimina el contorno predeterminado al enfocar */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
/* fin contacto */

/*Validacion */

.mensajeFormFail, .mensajeFormExito { padding:20px; color:#FFF; margin-bottom:20px; text-align:center; line-height:20px; }
.mensajeFormFail { background-color:#d4426e; }
.mensajeFormExito { background-color:#2999a7; }