@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:#000; margin-bottom:20px; text-align:center; line-height:20px; }
.mensajeFormFail { background-color:#f4eb90; }
.mensajeFormExito { background-color:#e6e6e6; }


/*Seccion Credito */

#paso2 {
  transition: all 0.3s ease;
}

.form-row {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    column-gap: 12px;
    margin-bottom: 15px;
}

.form-row label {         /* ancho fijo para alinear todo el formulario */
    font-weight: 600;
    font-size: 18px;
}

.form-row select {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    font-size: 14px;
    transition: all 0.2s ease;
}

/* Hover */
.form-row select:hover {
    border-color: #999;
}

/* Focus */
.form-row select:focus {
    border-color: #007BFF;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.15);
}

@media (max-width: 600px) {
    .form-row {
        grid-template-columns: 1fr;
    }

    .form-row label {
        margin-bottom: 5px;
    }
}