.elementor-1657 .elementor-element.elementor-element-f74df62{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1657 .elementor-element.elementor-element-d0f352f{text-align:center;}.elementor-1657 .elementor-element.elementor-element-d0f352f .elementor-heading-title{font-size:14px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-e521fd3 */<style>
    /* Estilos para el iframe */
    #embedded-iframe {
        width: 100%; /* Ancho completo del contenedor */
        height: auto; /* Altura automática para ajustarse al contenido */
        border: none; /* Elimina el borde */
        display: block; /* Mostrar como bloque para centrar fácilmente */
        margin: 0 auto; /* Centra horizontalmente */
    }
    
    /* Deshabilita el desplazamiento del cuerpo cuando el iframe está activo */
    body.iframe-active {
        overflow: hidden;
    }
    
    /* Aplicar estilos específicos para dispositivos móviles */
    @media only screen and (max-width: 768px) {
        /* Agrega estilos específicos para dispositivos móviles si es necesario */
    }
</style>

<script>
    // JavaScript para activar/desactivar la clase en el body en dispositivos móviles
    window.addEventListener('load', function() {
        var iframe = document.getElementById('embedded-iframe');
        var body = document.body;

        // Función para verificar si es un dispositivo móvil
        function isMobileDevice() {
            return (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !== -1);
        }

        // Función para agregar o eliminar la clase iframe-active según el dispositivo móvil
        function toggleIframeClass() {
            if (isMobileDevice()) {
                body.classList.add('iframe-active');
            } else {
                body.classList.remove('iframe-active');
            }
        }

        // Llama a la función toggleIframeClass al cargar la página y al cambiar el tamaño de la ventana
        toggleIframeClass();
        window.addEventListener('resize', toggleIframeClass);

        // Controla el estado de la clase iframe-active cuando el iframe se carga o falla
        iframe.onload = toggleIframeClass;
        iframe.onerror = toggleIframeClass;
    });
</script>

<iframe id="embedded-iframe" src="https://www.thegallery.mx"></iframe>/* End custom CSS */