/* Inputs con animación de enfoque */
input:focus {
    border-color: #ff9900;
    box-shadow: 0 0 10px rgba(255,153,0,0.5);
    transition: all 0.3s ease;
}

/* Botón pulsante con movimiento sutil */
.btn-dark {
    animation: pulse 2s infinite, floatBtn 3s ease-in-out infinite;
}

@keyframes floatBtn {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

/* Modal animado con entrada tipo “slide-up” */
.modal-content {
    transform: translateY(-50px) scale(0.95);
    opacity: 0;
    transition: all 0.5s ease;
}
.modal.show .modal-content {
    transform: translateY(0) scale(1);
    opacity: 1;
}

/* Efecto de entrada para alertas */
#formAlert {
    transform: translateY(-10px);
    opacity: 0;
    transition: all 0.5s ease;
}
#formAlert.show {
    transform: translateY(0);
    opacity: 1;
}