/* Ruta: static/css/custom.css */

/* --- CSS-only Carousel for Pricing Plans --- */

/* Habilitar scroll horizontal suave y ocultar barra de scroll */
.css-carousel {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    scroll-padding-left: 15px; /* Margen inicial en móvil */
}

.css-carousel::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

/* Ajustar el alineamiento de cada tarjeta (snap) */
.css-carousel-item {
    scroll-snap-align: start;
}

/* Breakpoint para PC */
@media (min-width: 992px) {
    .css-carousel {
        overflow-x: visible;
        scroll-snap-type: none;
}}