/* Íconos al lado de los labels */
.icon-field {
  color: #0d6efd;
  margin-right: 6px;
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Animación al enfocar inputs */
.form-control:focus + .icon-field,
.icon-field:hover {
  transform: scale(1.2);
  color: #0b5ed7;
}

/* Efecto suave para el botón */
.btn-animated {
  transition: all 0.3s ease;
}

.btn-animated:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(13, 110, 253, 0.5);
}