.animate__delay-100ms { animation-delay: 100ms; }
  .animate__delay-200ms { animation-delay: 200ms; }
  .animate__delay-300ms { animation-delay: 300ms; }
  .animate__delay-400ms { animation-delay: 400ms; }
  .animate__delay-500ms { animation-delay: 500ms; }
  .animate__delay-600ms { animation-delay: 600ms; }
  .animate__delay-700ms { animation-delay: 700ms; }
  .animate__delay-800ms { animation-delay: 800ms; }
  .animate__delay-900ms { animation-delay: 900ms; }
  .animate__delay-1000ms { animation-delay: 1000ms; }
  .animate__delay-1100ms { animation-delay: 1100ms; }
  .animate__delay-1200ms { animation-delay: 1200ms; }
  .animate__delay-1300ms { animation-delay: 1300ms; }
  .animate__delay-1400ms { animation-delay: 1400ms; }
  .animate__delay-1500ms { animation-delay: 1500ms; }
  .animate__delay-1600ms { animation-delay: 1600ms; }
  .animate__delay-1700ms { animation-delay: 1700ms; }
  .animate__delay-1800ms { animation-delay: 1800ms; }
  .animate__delay-1900ms { animation-delay: 1900ms; }
  .animate__delay-2000ms { animation-delay: 2000ms; }
  .animate__delay-2100ms { animation-delay: 2100ms; }
  .animate__delay-2200ms { animation-delay: 2200ms; }
  .animate__delay-2300ms { animation-delay: 2300ms; }
  .animate__delay-2400ms { animation-delay: 2400ms; }
  .animate__delay-2500ms { animation-delay: 2500ms; }
  .animate__delay-2600ms { animation-delay: 2600ms; }
  .animate__delay-2700ms { animation-delay: 2700ms; }
  .animate__delay-2800ms { animation-delay: 2800ms; }
  .animate__delay-2900ms { animation-delay: 2900ms; }
  .animate__delay-3000ms { animation-delay: 3000ms; }

  .animate__duration-500ms { animation-duration: 500ms; }
  .animate__duration-1000ms { animation-duration: 1000ms; }
  .animate__duration-1500ms { animation-duration: 1500ms; }
  .animate__duration-2000ms { animation-duration: 2000ms; }
  .animate__duration-2500ms { animation-duration: 2500ms; }
  .animate__duration-3000ms { animation-duration: 3000ms; }

  /* Esta regla evita que cualquier animación se ejecute hasta que tenga animate__animated */
  [class*="animate__"]:not(.animate__animated) {
    animation-name: none !important;
  }

@keyframes slideInShortTop {
  0% {
    opacity: 0;
    transform: translateY(-15%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInShortBottom {
  0% {
    opacity: 0;
    transform: translateY(15%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInShortLeft {
  0% {
    opacity: 0;
    transform: translateX(-15%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInShortRight {
  0% {
    opacity: 0;
    transform: translateX(15%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes zoomInCenter {
  0% {
    opacity: 0;
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes zoomOutCenter {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes zoomSlideInShortTop {
  0% {
    opacity: 0;
    transform: translateY(-15%) scale(0.75);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes zoomSlideInShortBottom {
  0% {
    opacity: 0;
    transform: translateY(15%) scale(0.75);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes zoomSlideInShortLeft {
  0% {
    opacity: 0;
    transform: translateX(-15%) scale(0.75);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes zoomSlideInShortRight {
  0% {
    opacity: 0;
    transform: translateX(15%) scale(0.75);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

.animate__zoomSlideInShortTop.animate__animated {
  animation-name: zoomSlideInShortTop;
  animation-fill-mode: both;
}

.animate__zoomSlideInShortBottom.animate__animated {
  animation-name: zoomSlideInShortBottom;
  animation-fill-mode: both;
}

.animate__zoomSlideInShortLeft.animate__animated {
  animation-name: zoomSlideInShortLeft;
  animation-fill-mode: both;
}

.animate__zoomSlideInShortRight.animate__animated {
  animation-name: zoomSlideInShortRight;
  animation-fill-mode: both;
}

.animate__slideInShortTop.animate__animated {
  animation-name: slideInShortTop;
  animation-fill-mode: both;
}

.animate__slideInShortBottom.animate__animated {
  animation-name: slideInShortBottom;
  animation-fill-mode: both;
}

.animate__slideInShortLeft.animate__animated {
  animation-name: slideInShortLeft;
  animation-fill-mode: both;
}

.animate__slideInShortRight.animate__animated {
  animation-name: slideInShortRight;
  animation-fill-mode: both;
}

.animate__zoomInCenter.animate__animated {
  animation-name: zoomInCenter;
  animation-fill-mode: both;
}

.animate__zoomOutCenter.animate__animated {
  animation-name: zoomOutCenter;
  animation-fill-mode: both;
}