.mi-slider-container {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.mi-slider-wrapper {
    display: flex; /* O usa display: grid */
    transition: transform 0.5s ease-in-out;
    gap: 20px; /* Espacio entre productos */
}
.mi-slider-item {
    flex: 0 0 auto;
    min-width: 250px; /* Ancho de cada ítem del slider */
    text-align: center;
}
.mi-slider-item img {
    max-width: 100%;
    height: auto;
}