/* Estilo para la animación de entrada del modal */
@keyframes slideUp {
    from {
      transform: translateY(100%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  /* Estilo para la animación de salida del modal */
  @keyframes slideDown {
    from {
      transform: translateY(0);
      opacity: 1;
    }
    to {
      transform: translateY(100%);
      opacity: 0;
    }
  }
  
  .modal.slide-up .modal-dialog {
    animation: slideUp 0.5s ease-out;
  }
  
  .modal.slide-down .modal-dialog {
    animation: slideDown 0.5s ease-out;
  }
  
  /* Añadir la animación de salida */
  .modal.fade:not(.show) .modal-dialog {
    animation: slideDown 0.5s ease-out;
  }