/* HERO */ 
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-30px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes zoomIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

.animate-fade-in-up { animation: fadeInUp 0.8s ease-out forwards; }
.animate-fade-in-down { animation: fadeInDown 0.8s ease-out forwards; }
.animate-fade-in { animation: fadeIn 1s ease-out forwards; }
.animate-zoom-in { animation: zoomIn 0.8s ease-out forwards; }
.animate-bounce-slow { animation: bounce 3s infinite; }

/* ... TEXTO HERO ... */
#changing-text {
        display: inline-block;
        transition: opacity 0.5s ease, transform 0.5s ease;
    }
    
    /* Evita que el layout salte si las palabras tienen anchos muy distintos */
    @media (min-width: 768px) {
        #changing-text {
            min-width: 400px; 
        }
    }

    /* ABOUT US */
    @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .animate-entrance {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
  }
  .delay-100 { animation-delay: 0.1s; }
  .delay-200 { animation-delay: 0.2s; }
  .delay-300 { animation-delay: 0.3s; }

  /* SCROLL */
  @keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  .animate-scroll {
    display: flex;
    width: max-content;
    animation: scroll 20s linear infinite;
  }
  /* Pausa al poner el mouse encima (opcional) */
  .animate-scroll:hover {
    animation-play-state: paused;
  }

  /*BANNER CON NUMERO*/
  @keyframes slide-up-fade {
    0% { transform: translateY(100%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
.animate-slide-up-fade {
    animation: slide-up-fade 0.5s ease-out forwards;
}