{"id":105,"date":"2026-01-05T18:27:45","date_gmt":"2026-01-06T00:27:45","guid":{"rendered":"https:\/\/paginaejemplo.directorio-comercial.com\/?page_id=8"},"modified":"2026-07-01T15:00:26","modified_gmt":"2026-07-01T21:00:26","slug":"inicio","status":"publish","type":"page","link":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-d9c97788 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<title>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\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\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-d9c97788 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    <div class=\"popup-imagen-destacada\" aria-hidden=\"true\">\n        <img decoding=\"async\" src=\"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/wp-content\/uploads\/2026\/07\/Promocion_03_07_26.jpeg18_07_2026.jpeg\" alt=\"\">\n    <\/div>\n\n    <style>\n        .popup-imagen-destacada {\n            position: fixed;\n            inset: 0;\n            z-index: 999999;\n            background: #000;\n            opacity: 1;\n            visibility: visible;\n            transition: opacity 0.6s ease, visibility 0.6s ease;\n        }\n\n        .popup-imagen-destacada img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            display: block;\n        }\n\n        .popup-imagen-destacada.is-hidden {\n            opacity: 0;\n            visibility: hidden;\n            pointer-events: none;\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const popup = document.querySelector('.popup-imagen-destacada');\n\n            if (!popup) return;\n\n            setTimeout(function () {\n                popup.classList.add('is-hidden');\n\n                setTimeout(function () {\n                    popup.remove();\n                }, 700);\n            }, 5000);\n        });\n    <\/script>\n\n    \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 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":361,"href":"https:\/\/cremeriaaguascalientes.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/105\/revisions\/361"}],"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}]}}