body.elementor-page-680:not(.elementor-motion-effects-element-type-background), body.elementor-page-680 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c513ca0 );}/* Start custom CSS for shortcode, class: .elementor-element-608659a */@media only screen and (max-width: 767px) {
    /* Convierte el contenedor principal en una cuadrícula (grid) de 2 columnas */
    .ngg-galleryoverview.default-view {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important; /* Ajusta el espacio entre las imágenes si lo deseas */
    }

    /* Resetea los anchos y flotados que NextGEN suele aplicar */
    .ngg-galleryoverview .ngg-gallery-thumbnail-box {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    /* Asegura que la imagen ocupe todo el ancho de su columna y mantenga la proporción */
    .ngg-galleryoverview .ngg-gallery-thumbnail img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
}/* End custom CSS */