Instalar PWA<\/title>\n\n<style>\n\/* CONTENEDOR EXTERIOR (evita recortes WP) *\/\n.pwa-wrapper {\n display: inline-block;\n padding: 22px 28px 28px 22px;\n}\n\n\/* BOT\u00d3N AUTO-AJUSTABLE *\/\n.pwa-btn {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 38px 18px 28px;\n background: linear-gradient(to bottom, #ff3b00, #d62d00);\n color: #fff;\n font-family: Arial, sans-serif;\n font-size: 20px;\n font-weight: bold;\n border-radius: 14px;\n box-shadow: 0 6px 0 #b82400;\n cursor: pointer;\n border: none;\n overflow: visible;\n}\n\n.pwa-btn:active {\n transform: translateY(4px);\n box-shadow: 0 2px 0 #b82400;\n}\n\n\/* CONTENIDO *\/\n.pwa-content {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n white-space: nowrap;\n}\n\n\/* ICONO DESCARGA *\/\n.pwa-content svg {\n width: 26px;\n height: 26px;\n}\n\n\/* MANITA *\/\n.pwa-hand {\n position: absolute;\n right: -18px;\n bottom: -18px;\n width: 48px;\n height: auto;\n pointer-events: none;\n}\n\n\/* OCULTAR *\/\n.hidden {\n display: none !important;\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"pwa-wrapper\" id=\"pwaWrapper\">\n <button id=\"installBtn\" class=\"pwa-btn\">\n <span class=\"pwa-content\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\">\n <path d=\"M12 3v10.17l3.59-3.58L17 11l-5 5-5-5 1.41-1.41L11 13.17V3h1z\"\/>\n <path d=\"M5 19h14v2H5z\"\/>\n <\/svg>\n INSTALAR APP\n <\/span>\n\n <img decoding=\"async\"\n class=\"pwa-hand\"\n src=\"https:\/\/arredondoehijo.directorio-comercial.com\/wp-content\/uploads\/2026\/01\/manita2.png\"\n alt=\"Click\"\n >\n <\/button>\n<\/div>\n\n<script>\nlet deferredPrompt;\nconst installBtn = document.getElementById('installBtn');\nconst wrapper = document.getElementById('pwaWrapper');\n\nconst isIOS = \/iphone|ipad|ipod\/i.test(navigator.userAgent);\nconst isStandalone =\n window.matchMedia('(display-mode: standalone)').matches ||\n window.navigator.standalone === true;\n\n\/* OCULTAR SI YA EST\u00c1 INSTALADA *\/\nif (isStandalone) {\n wrapper.classList.add('hidden');\n}\n\n\/* ANDROID \/ DESKTOP *\/\nwindow.addEventListener('beforeinstallprompt', (e) => {\n e.preventDefault();\n deferredPrompt = e;\n});\n\n\/* CLICK *\/\ninstallBtn.addEventListener('click', async () => {\n\n if (isIOS && !isStandalone) {\n alert(\n \"Para instalar en iPhone:\\n\\n\" +\n \"1. Presiona el bot\u00f3n Compartir\\n\" +\n \"2. Selecciona 'Agregar a inicio'\\n\" +\n \"3. Presiona Agregar\"\n );\n return;\n }\n\n if (deferredPrompt) {\n deferredPrompt.prompt();\n const choice = await deferredPrompt.userChoice;\n\n if (choice.outcome === 'accepted') {\n wrapper.classList.add('hidden');\n }\n\n deferredPrompt = null;\n }\n});\n\n\/* CUANDO SE INSTALE DEFINITIVAMENTE *\/\nwindow.addEventListener('appinstalled', () => {\n wrapper.classList.add('hidden');\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n\n<\/div>\n<\/div>\n\n\n<div style=\"position:relative;width:100%;height:700px;overflow:hidden;border-radius:16px;\">\n <iframe\n src=\"https:\/\/www.cremeriaaguascalientes.com\/web\/\"\n style=\"position:absolute;top:-100px;left:0;width:100%;height:950px;border:none;\">\n <\/iframe>\n<\/div>\n\n\n<div class=\"wp-block-group alignfull is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-9817af40 wp-block-group-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"pwa-wrapper\" data-pwa-wrapper>\n <button class=\"pwa-btn\" data-pwa-btn>\n <span class=\"pwa-content\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\">\n <path d=\"M12 3v10.17l3.59-3.58L17 11l-5 5-5-5 1.41-1.41L11 13.17V3h1z\"\/>\n <path d=\"M5 19h14v2H5z\"\/>\n <\/svg>\n INSTALAR APP\n <\/span>\n\n <img decoding=\"async\" class=\"pwa-hand\"\n src=\"https:\/\/arredondoehijo.directorio-comercial.com\/wp-content\/uploads\/2026\/01\/manita2.png\"\n alt=\"Click\">\n <\/button>\n<\/div>\n\n\n\n<script>\n(function () {\n let deferredPrompt;\n\n const isIOS = \/iphone|ipad|ipod\/i.test(navigator.userAgent);\n\n function isStandaloneNow() {\n return (\n window.matchMedia('(display-mode: standalone)').matches ||\n window.navigator.standalone === true\n );\n }\n\n function hideAllIfInstalled() {\n if (!isStandaloneNow()) return;\n document.querySelectorAll('[data-pwa-wrapper]').forEach(w => {\n w.style.display = 'none';\n });\n }\n\n hideAllIfInstalled();\n\n window.addEventListener('beforeinstallprompt', (e) => {\n e.preventDefault();\n deferredPrompt = e;\n });\n\n function bindButtons() {\n document.querySelectorAll('[data-pwa-btn]').forEach(btn => {\n if (btn.dataset.bound === \"1\") return; \/\/ evita duplicados\n btn.dataset.bound = \"1\";\n\n btn.addEventListener('click', async () => {\n hideAllIfInstalled();\n if (isStandaloneNow()) return;\n\n if (isIOS) {\n alert(\n \"Para instalar en iPhone:\\n\\n\" +\n \"1. Presiona Compartir\\n\" +\n \"2. Selecciona 'Agregar a inicio'\\n\" +\n \"3. Presiona Agregar\"\n );\n return;\n }\n\n if (deferredPrompt) {\n deferredPrompt.prompt();\n const result = await deferredPrompt.userChoice;\n\n if (result && result.outcome === 'accepted') {\n document.querySelectorAll('[data-pwa-wrapper]').forEach(w => {\n w.style.display = 'none';\n });\n }\n\n deferredPrompt = null;\n }\n });\n });\n }\n\n \/\/ Bind inicial\n bindButtons();\n\n \/\/ Reintento por si WP\/GB re-renderiza contenido\n document.addEventListener('DOMContentLoaded', bindButtons);\n setTimeout(bindButtons, 400);\n setTimeout(bindButtons, 1200);\n\n window.addEventListener('appinstalled', () => {\n document.querySelectorAll('[data-pwa-wrapper]').forEach(w => {\n w.style.display = 'none';\n });\n });\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Instalar PWA INSTALAR APP INSTALAR APP Con\u00f3cenos<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-105","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=105"}],"version-history":[{"count":5,"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/105\/revisions"}],"predecessor-version":[{"id":295,"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/105\/revisions\/295"}],"wp:attachment":[{"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\nInstalar PWA<\/title>\n\n<style>\n\/* CONTENEDOR EXTERIOR (evita recortes WP) *\/\n.pwa-wrapper {\n display: inline-block;\n padding: 22px 28px 28px 22px;\n}\n\n\/* BOT\u00d3N AUTO-AJUSTABLE *\/\n.pwa-btn {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 38px 18px 28px;\n background: linear-gradient(to bottom, #ff3b00, #d62d00);\n color: #fff;\n font-family: Arial, sans-serif;\n font-size: 20px;\n font-weight: bold;\n border-radius: 14px;\n box-shadow: 0 6px 0 #b82400;\n cursor: pointer;\n border: none;\n overflow: visible;\n}\n\n.pwa-btn:active {\n transform: translateY(4px);\n box-shadow: 0 2px 0 #b82400;\n}\n\n\/* CONTENIDO *\/\n.pwa-content {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n white-space: nowrap;\n}\n\n\/* ICONO DESCARGA *\/\n.pwa-content svg {\n width: 26px;\n height: 26px;\n}\n\n\/* MANITA *\/\n.pwa-hand {\n position: absolute;\n right: -18px;\n bottom: -18px;\n width: 48px;\n height: auto;\n pointer-events: none;\n}\n\n\/* OCULTAR *\/\n.hidden {\n display: none !important;\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"pwa-wrapper\" id=\"pwaWrapper\">\n <button id=\"installBtn\" class=\"pwa-btn\">\n <span class=\"pwa-content\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\">\n <path d=\"M12 3v10.17l3.59-3.58L17 11l-5 5-5-5 1.41-1.41L11 13.17V3h1z\"\/>\n <path d=\"M5 19h14v2H5z\"\/>\n <\/svg>\n INSTALAR APP\n <\/span>\n\n <img decoding=\"async\"\n class=\"pwa-hand\"\n src=\"https:\/\/arredondoehijo.directorio-comercial.com\/wp-content\/uploads\/2026\/01\/manita2.png\"\n alt=\"Click\"\n >\n <\/button>\n<\/div>\n\n<script>\nlet deferredPrompt;\nconst installBtn = document.getElementById('installBtn');\nconst wrapper = document.getElementById('pwaWrapper');\n\nconst isIOS = \/iphone|ipad|ipod\/i.test(navigator.userAgent);\nconst isStandalone =\n window.matchMedia('(display-mode: standalone)').matches ||\n window.navigator.standalone === true;\n\n\/* OCULTAR SI YA EST\u00c1 INSTALADA *\/\nif (isStandalone) {\n wrapper.classList.add('hidden');\n}\n\n\/* ANDROID \/ DESKTOP *\/\nwindow.addEventListener('beforeinstallprompt', (e) => {\n e.preventDefault();\n deferredPrompt = e;\n});\n\n\/* CLICK *\/\ninstallBtn.addEventListener('click', async () => {\n\n if (isIOS && !isStandalone) {\n alert(\n \"Para instalar en iPhone:\\n\\n\" +\n \"1. Presiona el bot\u00f3n Compartir\\n\" +\n \"2. Selecciona 'Agregar a inicio'\\n\" +\n \"3. Presiona Agregar\"\n );\n return;\n }\n\n if (deferredPrompt) {\n deferredPrompt.prompt();\n const choice = await deferredPrompt.userChoice;\n\n if (choice.outcome === 'accepted') {\n wrapper.classList.add('hidden');\n }\n\n deferredPrompt = null;\n }\n});\n\n\/* CUANDO SE INSTALE DEFINITIVAMENTE *\/\nwindow.addEventListener('appinstalled', () => {\n wrapper.classList.add('hidden');\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n\n<\/div>\n<\/div>\n\n\n<div style=\"position:relative;width:100%;height:700px;overflow:hidden;border-radius:16px;\">\n <iframe\n src=\"https:\/\/www.cremeriaaguascalientes.com\/web\/\"\n style=\"position:absolute;top:-100px;left:0;width:100%;height:950px;border:none;\">\n <\/iframe>\n<\/div>\n\n\n<div class=\"wp-block-group alignfull is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-9817af40 wp-block-group-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"pwa-wrapper\" data-pwa-wrapper>\n <button class=\"pwa-btn\" data-pwa-btn>\n <span class=\"pwa-content\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\">\n <path d=\"M12 3v10.17l3.59-3.58L17 11l-5 5-5-5 1.41-1.41L11 13.17V3h1z\"\/>\n <path d=\"M5 19h14v2H5z\"\/>\n <\/svg>\n INSTALAR APP\n <\/span>\n\n <img decoding=\"async\" class=\"pwa-hand\"\n src=\"https:\/\/arredondoehijo.directorio-comercial.com\/wp-content\/uploads\/2026\/01\/manita2.png\"\n alt=\"Click\">\n <\/button>\n<\/div>\n\n\n\n<script>\n(function () {\n let deferredPrompt;\n\n const isIOS = \/iphone|ipad|ipod\/i.test(navigator.userAgent);\n\n function isStandaloneNow() {\n return (\n window.matchMedia('(display-mode: standalone)').matches ||\n window.navigator.standalone === true\n );\n }\n\n function hideAllIfInstalled() {\n if (!isStandaloneNow()) return;\n document.querySelectorAll('[data-pwa-wrapper]').forEach(w => {\n w.style.display = 'none';\n });\n }\n\n hideAllIfInstalled();\n\n window.addEventListener('beforeinstallprompt', (e) => {\n e.preventDefault();\n deferredPrompt = e;\n });\n\n function bindButtons() {\n document.querySelectorAll('[data-pwa-btn]').forEach(btn => {\n if (btn.dataset.bound === \"1\") return; \/\/ evita duplicados\n btn.dataset.bound = \"1\";\n\n btn.addEventListener('click', async () => {\n hideAllIfInstalled();\n if (isStandaloneNow()) return;\n\n if (isIOS) {\n alert(\n \"Para instalar en iPhone:\\n\\n\" +\n \"1. Presiona Compartir\\n\" +\n \"2. Selecciona 'Agregar a inicio'\\n\" +\n \"3. Presiona Agregar\"\n );\n return;\n }\n\n if (deferredPrompt) {\n deferredPrompt.prompt();\n const result = await deferredPrompt.userChoice;\n\n if (result && result.outcome === 'accepted') {\n document.querySelectorAll('[data-pwa-wrapper]').forEach(w => {\n w.style.display = 'none';\n });\n }\n\n deferredPrompt = null;\n }\n });\n });\n }\n\n \/\/ Bind inicial\n bindButtons();\n\n \/\/ Reintento por si WP\/GB re-renderiza contenido\n document.addEventListener('DOMContentLoaded', bindButtons);\n setTimeout(bindButtons, 400);\n setTimeout(bindButtons, 1200);\n\n window.addEventListener('appinstalled', () => {\n document.querySelectorAll('[data-pwa-wrapper]').forEach(w => {\n w.style.display = 'none';\n });\n });\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Instalar PWA INSTALAR APP INSTALAR APP Con\u00f3cenos<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-105","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=105"}],"version-history":[{"count":5,"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/105\/revisions"}],"predecessor-version":[{"id":295,"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/105\/revisions\/295"}],"wp:attachment":[{"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}