/* Animaciones de apertura y cierre */
        @keyframes slideIn {
            from {
                transform: translateY(-100%);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        @keyframes slideOut {
            from {
                transform: translateY(0);
                opacity: 1;
            }
            to {
                transform: translateY(-100%);
                opacity: 0;
            }
        }

        .modal-enter {
            animation: slideIn 0.7s ease-out;
        }

        .modal-exit {
            animation: slideOut 0.7s ease-in;
        }

        .modal-hidden {
            display: none;
        }