.galeria-scroll {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    padding: 10px;
    scroll-snap-type: x mandatory;
}

.galeria-scroll::-webkit-scrollbar {
    display: none; /* quita la barra de scroll */
}

.item {
    flex: 0 0 220px; /* tamaño fijo como el de tus cards */
    scroll-snap-align: start;
    background: #fff;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    text-align: center;
}

.item img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* --- Mostrar scrollbar solo en desktop --- */
@media (min-width: 769px) {
    .galeria-scroll {
        scrollbar-width: thin; /* Firefox */
        scrollbar-color: #888 #e0e0e0;
    }