.slider {
            display: flex;
            overflow: hidden;
            position: relative;
            width: 100%;
            height: auto;
            max-width: 1920px; /* Limita el ancho máximo del slider */
            margin: auto;
        }

        .slider img {
            display: none; /* Inicialmente todas las imágenes están ocultas */
            width: 100%; /* Las imágenes ocuparán el ancho completo del slider */
            height: auto; /* Mantiene la proporción de las imágenes */
            max-width: 1920px; /* Ancho máximo */
            max-height: 1080px; /* Altura máxima */
            object-fit: contain; /* Asegura que la imagen no se deforme */
        }

        .prev, .next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer;
        }

        .prev {
            left: 10px;
        }

        .next {
            right: 10px;
        }