html, body {
    height: 100%;
    margin: 0;
    overflow: hidden; /* Evita el desbordamiento si la altura total excede la pantalla */
}

.bg-holder {
    height: 100%; /* Asegura que el contenedor ocupe toda la altura de la página */
    width: 100%; /* Asegura que ocupe todo el ancho también */
    overflow: hidden; /* Evita desbordamientos si es necesario */
}

.swiper-container {
    height: 100%; /* Asegura que el contenedor del slider ocupe toda la altura */
    width: 100%; /* Asegura que ocupe todo el ancho */
}

.swiper-slide {
    background-size: cover;
    background-position: center center; /* Centra la imagen y ajusta el área visible */
    height: 100%;
    width: 100%;
}

    .swiper-slide img {
        /* object-fit: cover;  Hace que las imágenes cubran el área del slide */
        object-fit: contain; /* La imagen no se recorta, pero puede no llenar todo el área */
        width: 100%;
        height: 100%; /* La imagen cubre todo el alto y ancho */
        border-radius: 10px; /* Ajusta el redondeo de los bordes de las imágenes */
    }