.font-fredoka { font-family: 'Fredoka', sans-serif; }

/* Ocultar barra de scroll para el carrusel manteniendo la funcionalidad */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Animación de entrada de izquierda a derecha */
@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.animate-slide-left {
    animation: slideInLeft 0.8s ease-out forwards;
}

/* Animaciones al hacer scroll (de abajo hacia arriba) */
.scroll-animate {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.scroll-animate.is-visible {
    opacity: 1;
    transform: translateY(0);
}