html,
body {
    height: 100%;
}

body {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

html {
    scroll-behavior: smooth;
}

.carousel-container {
    overflow: hidden;
}

@keyframes scroll {
0% {
    transform: translateX(0);
}

100% {
    transform: translateX(-148%);
}

/* porque el ancho es 200% */
}

/* Por defecto (tablet/desktop) */
.animate-scroll {
    animation: scroll 35s linear infinite;
}

/* SOLO en mobile (<768px) → más rápido */
@media (max-width: 767px) {
    .animate-scroll {
        animation: scroll 18s linear infinite;
    }
}

.animate-scroll:hover {
    animation-play-state: paused;
}