/* Estilos personalizados para el formulario */
form input,
form select {
    background-color: #f7f7f7; /* Blanco personalizado */
    transition: background-color 0.3s ease;
}

form input:focus,
form select:focus {
    background-color: #e0e0e0; /* Gris claro personalizado */
    outline: none;
    border-color: #ff9900; /* Azul claro personalizado */
}

form button:hover {
    background-color: #ff9900; /* Azul oscuro personalizado */
}

/* Efecto de resplandor al seleccionar */
.peer-checked\:shadow-lg {
    box-shadow: 0 0 15px rgba(179, 177, 176, 0.6); /* Naranja cálido personalizado */
}

.transition {
    transition: all 0.3s ease;
}