/* Transiciones suaves entre pasos */
.step {
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.step-hidden {
    display: none;
    opacity: 0;
    transform: translateY(10px);
}

.step-visible {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* Efecto de enfoque en inputs */
input:focus,
select:focus {
    outline: none;
    ring: 2px solid #6366f1;
    border-color: #6366f1;
}