.mySwiper {
    width: 450px;
    height: 250px;
}
@media (max-width: 768px) {
    .mySwiper {
        width: 100%;
        height: 200px;
    }
}

@media (max-width: 480px) {
    .mySwiper {
        width: 100%;
        height: 150px;
    }
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    background-color: #f2f2f2; /* Color de fondo opcional */
    width: 100%; /* Por defecto, cada diapositiva ocupa todo el ancho del contenedor */
    height: 100%; /* Ajusta la altura al contenedor */
    position: relative;
}


.swiper-slide img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
}


#modalImage {
    min-width: 300px; /* Asegura un tamaño mínimo para las imágenes pequeñas */
    min-height: 300px;
    max-width: 100%; /* Que no se exceda del 100% del contenedor */
    max-height: 80vh; /* Que no exceda el 80% de la altura del viewport */
}
/*# sourceMappingURL=style.css.map */