/* animations.css */

.fade-in-up {
    animation: fadeInUp 0.8s ease forwards;
    opacity: 0;
  }
  
  .fade-in-up-fast {
    animation: fadeInUp 0.5s ease forwards;
    opacity: 0;
  }
  
  .fade-in-up-soft {
    animation: fadeInUp 1s ease forwards;
    opacity: 0;
  }
  
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Animación para hover en botones */
  .btn-hover-slide {
    transition: all 0.3s ease;
  }
  
  .btn-hover-slide:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  }
  
  /* Animación para el modal */
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
  }
  
  .modal.show .modal-dialog {
    transform: none;
  }
  
  /* Animación para toasts */
  .toast.fade-in-up {
    animation: toastFadeInUp 0.5s ease forwards;
  }
  
  @keyframes toastFadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }