body {
            margin: 0;
            padding: 0;
            background-color: #111; /* Fondo oscuro elegante */
            font-family: Arial, sans-serif;
        }

        /* Contenedor del carrusel: scroll horizontal fluido */
        .slider-container {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;                        
            scrollbar-width: none; /* Oculta barra en Firefox */
        }

        .slider-container::-webkit-scrollbar {
            display: none; /* Oculta barra en Chrome/Safari */
        }

        /* Cada imagen adaptada para que no rompa el diseño */
        .slider-item {
            
            width: 100%;
            max-width: 380px;           
            object-fit: cover;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.5);
            scroll-snap-align: center;
        }