/* css/carrusel.css */
.carrusel-contenedor {
    width: 100%;
    overflow: hidden;
}

.imagen-carrusel {
    width: 100%;
    height: auto; /* 🌸 MAGIA DE ESCRITORIO: Deja que la imagen tome su altura natural sin cortar nada */
    max-height: 600px; /* Solo le ponemos un tope por si la foto es gigantesca */
    object-fit: cover; 
    object-position: center; 
}

/* En el celular seguimos conservando nuestra magia anterior */
@media (max-width: 768px) {
    .imagen-carrusel {
        height: 180px; 
    }
}