/* --- SLIDER DE IMAGENES --- */
.slider-container {
    /* Define la altura máxima del contenedor del slider */
    max-width: 500px;
    /* Asegura que las slides se oculten cuando se desplacen */
    overflow: hidden; 
    margin: auto;
    margin-bottom: 30px;
}

.slider-wrapper {
    /* Desactiva el envoltorio de línea para que todas las slides estén en una fila */
    flex-wrap: nowrap;
    /* La transición ya está definida en el HTML, pero la reconfirmamos aquí */
    transition: transform 0.5s ease-in-out; 
}

.slider-slide {
    /* Cada slide debe ocupar el 100% del ancho del contenedor */
    flex-shrink: 0;
    width: 100%;
}
/* --- FIN SLIDER DE IMAGENES --- */