{"id":1264,"date":"2026-10-02T03:49:19","date_gmt":"2026-10-02T01:49:19","guid":{"rendered":"https:\/\/www.ristorantepancrazio.it\/?page_id=1264"},"modified":"2026-10-02T04:12:15","modified_gmt":"2026-10-02T02:12:15","slug":"video-segreto","status":"publish","type":"page","link":"https:\/\/www.ristorantepancrazio.it\/en\/video-segreto\/","title":{"rendered":"video-segreto"},"content":{"rendered":"<!-- PANCRAZIO \u00b7 VIDEO GEOFENCE -->\r\n<style>\r\n\r\n\/* Nasconde titolo\/intestazione generati dal template WordPress *\/\r\n.entry-header,\r\nh1.entry-title,\r\n.page-title {\r\n  display: none !important;\r\n}\r\n\r\n#pancrazio-geofence,\r\n#pancrazio-geofence * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#pancrazio-geofence {\r\n  --pz-red: #a62b2f;\r\n  --pz-red-dark: #7f1f23;\r\n  --pz-ivory: #fbfaf7;\r\n  --pz-ink: #24201e;\r\n  --pz-muted: #665955;\r\n  --pz-line: #c94848;\r\n  --pz-border: #eadfda;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  \/* Spazio per header\/menu originale *\/\r\n  padding: 85px 0 0;\r\n\r\n  background: var(--pz-ivory);\r\n  color: var(--pz-ink);\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  line-height: 1.5;\r\n}\r\n\r\n#pancrazio-geofence button,\r\n#pancrazio-geofence input {\r\n  font: inherit;\r\n}\r\n\r\n\/* =========================\r\n   GRECA\r\n   ========================= *\/\r\n\r\n#pancrazio-geofence .pz-greek-line {\r\n  width: 100%;\r\n  height: 13px;\r\n\r\n  border-top: 2px solid var(--pz-line);\r\n  border-bottom: 2px solid var(--pz-line);\r\n\r\n  background:\r\n    repeating-linear-gradient(\r\n      90deg,\r\n      var(--pz-line) 0 18px,\r\n      transparent 18px 24px,\r\n      var(--pz-line) 24px 42px,\r\n      transparent 42px 48px\r\n    );\r\n\r\n  background-size: 48px 3px;\r\n  background-repeat: repeat-x;\r\n  background-position: center;\r\n}\r\n\r\n\r\n\/* =========================\r\n   DEMO CONTROL\r\n   ========================= *\/\r\n\r\n\/*\r\n * NASCOSTO DI DEFAULT.\r\n * Verr\u00e0 mostrato soltanto quando WordPress\r\n * aggiunge body.logged-in.\r\n *\/\r\n\r\n#pancrazio-geofence .pz-demo-toggle {\r\n  display: none;\r\n\r\n  position: fixed;\r\n  right: 18px;\r\n  bottom: 18px;\r\n\r\n  z-index: 99999;\r\n\r\n  border: 1px solid #d8d0cd;\r\n  border-radius: 999px;\r\n\r\n  padding: 9px 13px;\r\n\r\n  background: #fff;\r\n  color: #4b4340;\r\n\r\n  box-shadow:\r\n    0 5px 20px rgba(0,0,0,.15);\r\n\r\n  font-family: Arial, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n\/* Mostra il pulsante soltanto agli utenti WordPress loggati *\/\r\nbody.logged-in #pancrazio-geofence .pz-demo-toggle {\r\n  display: block;\r\n}\r\n\r\nbody.logged-in #pancrazio-geofence .pz-demo-toggle:hover {\r\n  background: #f5f1ef;\r\n}\r\n\r\n\/* Sicurezza UI aggiuntiva:\r\n   il pannello non pu\u00f2 comparire ai visitatori normali *\/\r\nbody:not(.logged-in) #pancrazio-geofence .pz-demo {\r\n  display: none !important;\r\n}\r\n\r\n\r\n\/* =========================\r\n   CONTENUTO\r\n   ========================= *\/\r\n\r\n#pancrazio-geofence .pz-main {\r\n  width: min(100% - 32px, 760px);\r\n\r\n  margin: 0 auto;\r\n\r\n  padding: 55px 0;\r\n}\r\n\r\n\r\n\/* =========================\r\n   CARD\r\n   ========================= *\/\r\n\r\n#pancrazio-geofence .pz-card {\r\n  width: 100%;\r\n\r\n  margin: 0;\r\n  padding: 34px;\r\n\r\n  border:\r\n    1px solid rgba(166,43,47,.18);\r\n\r\n  border-radius: 12px;\r\n\r\n  background: #fff;\r\n\r\n  box-shadow:\r\n    0 14px 40px rgba(55,35,30,.07);\r\n\r\n  text-align: center;\r\n}\r\n\r\n#pancrazio-geofence .pz-hidden {\r\n  display: none !important;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TESTI\r\n   ========================= *\/\r\n\r\n#pancrazio-geofence .pz-eyebrow {\r\n  margin: 0 0 8px;\r\n\r\n  color: var(--pz-red);\r\n\r\n  font-family: Arial, sans-serif;\r\n\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n\r\n  text-transform: uppercase;\r\n\r\n  letter-spacing: .18em;\r\n}\r\n\r\n#pancrazio-geofence .pz-title {\r\n  margin: 0 0 17px;\r\n\r\n  color: var(--pz-red);\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 30px;\r\n\r\n  line-height: 1.2;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n#pancrazio-geofence .pz-copy {\r\n  max-width: 610px;\r\n\r\n  margin: 0 auto 26px;\r\n\r\n  color: var(--pz-muted);\r\n\r\n  font-size: 16px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================\r\n   ICONA POSIZIONE\r\n   ========================= *\/\r\n\r\n#pancrazio-geofence .pz-location-icon {\r\n  display: flex;\r\n\r\n  width: 62px;\r\n  height: 62px;\r\n\r\n  margin: 0 auto 22px;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--pz-red);\r\n\r\n  color: #fff;\r\n\r\n  box-shadow:\r\n    0 6px 18px rgba(166,43,47,.2);\r\n\r\n  font-family: Arial, sans-serif;\r\n\r\n  font-size: 27px;\r\n}\r\n\r\n\r\n\/* =========================\r\n   PULSANTE\r\n   ========================= *\/\r\n\r\n#pancrazio-geofence .pz-primary {\r\n  display: inline-flex;\r\n\r\n  width: 100%;\r\n\r\n  min-height: 48px;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  padding: 12px 20px;\r\n\r\n  border: 0;\r\n\r\n  border-radius: 7px;\r\n\r\n  background: var(--pz-red);\r\n\r\n  color: #fff;\r\n\r\n  font-family: Arial, sans-serif;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 600;\r\n\r\n  text-decoration: none;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n#pancrazio-geofence .pz-primary:hover {\r\n  background: var(--pz-red-dark);\r\n\r\n  color: #fff;\r\n}\r\n\r\n#pancrazio-geofence .pz-small {\r\n  margin: 10px 0 0;\r\n\r\n  color: #81736e;\r\n\r\n  font-family: Arial, sans-serif;\r\n\r\n  font-size: 11px;\r\n}\r\n\r\n\r\n\/* =========================\r\n   BADGE DISTANZA\r\n   ========================= *\/\r\n\r\n#pancrazio-geofence .pz-badge {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 6px;\r\n\r\n  margin-bottom: 22px;\r\n\r\n  padding: 6px 11px;\r\n\r\n  border: 1px solid #e7c7c8;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: #f7eeee;\r\n\r\n  color: var(--pz-red);\r\n\r\n  font-family: Arial, sans-serif;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================\r\n   VIDEO\r\n   ========================= *\/\r\n\r\n#pancrazio-geofence .pz-video-shell {\r\n  width: min(100%, 430px);\r\n\r\n  margin: 28px auto 0;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 4px;\r\n\r\n  background: #000;\r\n\r\n  box-shadow:\r\n    0 14px 35px rgba(0,0,0,.18);\r\n}\r\n\r\n#pancrazio-geofence .pz-video-shell video {\r\n  display: block;\r\n\r\n  width: 100%;\r\n\r\n  height: auto;\r\n\r\n  aspect-ratio: 9 \/ 16;\r\n\r\n  background: #000;\r\n}\r\n\r\n\r\n\/* =========================\r\n   RADAR\r\n   ========================= *\/\r\n\r\n#pancrazio-geofence .pz-radar {\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  width: 150px;\r\n  height: 150px;\r\n\r\n  margin: 25px auto;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border: 1px solid #d8cdca;\r\n\r\n  border-radius: 50%;\r\n\r\n  color: var(--pz-red);\r\n\r\n  font-family: Arial, sans-serif;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n#pancrazio-geofence .pz-radar::before,\r\n#pancrazio-geofence .pz-radar::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  border:\r\n    1px dashed #d7b4b5;\r\n\r\n  border-radius: 50%;\r\n}\r\n\r\n#pancrazio-geofence .pz-radar::before {\r\n  inset: 20px;\r\n}\r\n\r\n#pancrazio-geofence .pz-radar::after {\r\n  inset: 45px;\r\n}\r\n\r\n\r\n\/* =========================\r\n   ERRORE\r\n   ========================= *\/\r\n\r\n#pancrazio-geofence .pz-error-help {\r\n  margin: 20px 0;\r\n\r\n  padding: 15px;\r\n\r\n  border: 1px solid #eadfda;\r\n\r\n  background: #fbf8f6;\r\n\r\n  color: #625652;\r\n\r\n  font-family: Arial, sans-serif;\r\n\r\n  font-size: 12px;\r\n\r\n  text-align: left;\r\n}\r\n\r\n\r\n\/* =========================\r\n   PANNELLO DEMO\r\n   ========================= *\/\r\n\r\n#pancrazio-geofence .pz-demo {\r\n  position: fixed;\r\n\r\n  right: 18px;\r\n  bottom: 70px;\r\n\r\n  z-index: 99998;\r\n\r\n  width:\r\n    min(\r\n      390px,\r\n      calc(100vw - 36px)\r\n    );\r\n\r\n  max-height:\r\n    calc(100vh - 100px);\r\n\r\n  overflow-y: auto;\r\n\r\n  padding: 18px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #211d1b;\r\n\r\n  color: #eee8e5;\r\n\r\n  box-shadow:\r\n    0 12px 35px rgba(0,0,0,.28);\r\n\r\n  font-family: Arial, sans-serif;\r\n\r\n  font-size: 12px;\r\n}\r\n\r\n#pancrazio-geofence .pz-demo-head {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  padding-bottom: 12px;\r\n\r\n  border-bottom:\r\n    1px solid #433b38;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n#pancrazio-geofence .pz-demo-close {\r\n  padding: 0 4px;\r\n\r\n  border: 0;\r\n\r\n  background: transparent;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 22px;\r\n\r\n  line-height: 1;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n#pancrazio-geofence .pz-demo-actions {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr 1fr;\r\n\r\n  gap: 8px;\r\n\r\n  margin-bottom: 15px;\r\n}\r\n\r\n#pancrazio-geofence .pz-demo-actions button {\r\n  padding: 9px;\r\n\r\n  border:\r\n    1px solid #5b514d;\r\n\r\n  border-radius: 6px;\r\n\r\n  background: #302a27;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 11px;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n#pancrazio-geofence .pz-demo-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr 1fr;\r\n\r\n  gap: 9px;\r\n\r\n  margin-bottom: 10px;\r\n}\r\n\r\n#pancrazio-geofence .pz-demo label {\r\n  display: block;\r\n\r\n  margin: 0 0 4px;\r\n\r\n  color: #bcb2ae;\r\n\r\n  font-size: 10px;\r\n}\r\n\r\n#pancrazio-geofence .pz-demo input {\r\n  width: 100%;\r\n\r\n  padding: 7px;\r\n\r\n  border:\r\n    1px solid #574d49;\r\n\r\n  border-radius: 5px;\r\n\r\n  background: #171412;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 11px;\r\n}\r\n\r\n#pancrazio-geofence .pz-debug {\r\n  margin-top: 12px;\r\n\r\n  padding: 10px;\r\n\r\n  border-radius: 6px;\r\n\r\n  background: #171412;\r\n\r\n  color: #c8bfbb;\r\n\r\n  font-family:\r\n    Consolas,\r\n    monospace;\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.7;\r\n\r\n  text-align: left;\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n   ========================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  #pancrazio-geofence {\r\n    padding-top: 60px;\r\n  }\r\n\r\n  #pancrazio-geofence .pz-main {\r\n    width:\r\n      min(\r\n        100% - 22px,\r\n        760px\r\n      );\r\n\r\n    padding: 34px 0;\r\n  }\r\n\r\n  #pancrazio-geofence .pz-card {\r\n    padding: 26px 17px;\r\n  }\r\n\r\n  #pancrazio-geofence .pz-title {\r\n    font-size: 25px;\r\n  }\r\n\r\n  #pancrazio-geofence .pz-copy {\r\n    font-size: 14px;\r\n  }\r\n\r\n  #pancrazio-geofence .pz-demo-toggle {\r\n    right: 12px;\r\n    bottom: 12px;\r\n  }\r\n\r\n  #pancrazio-geofence .pz-demo {\r\n    right: 11px;\r\n\r\n    bottom: 62px;\r\n\r\n    width:\r\n      calc(100vw - 22px);\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div id=\"pancrazio-geofence\">\r\n\r\n\r\n  <div\r\n    class=\"pz-greek-line\"\r\n    aria-hidden=\"true\">\r\n  <\/div>\r\n\r\n\r\n  <!--\r\n    VISIBILE SOLO A UTENTI WORDPRESS LOGGATI\r\n  -->\r\n  <button\r\n    type=\"button\"\r\n    class=\"pz-demo-toggle\"\r\n    data-pz-action=\"toggle-demo\">\r\n\r\n    &#x2699; Demo Control\r\n\r\n  <\/button>\r\n\r\n\r\n  <main class=\"pz-main\">\r\n\r\n\r\n    <!-- VERIFICA POSIZIONE -->\r\n\r\n    <section\r\n      class=\"pz-card\"\r\n      data-pz-state=\"checking\">\r\n\r\n\r\n      <div class=\"pz-location-icon\">\r\n        \u2316\r\n      <\/div>\r\n\r\n\r\n      <p class=\"pz-eyebrow\">\r\n        Un contenuto da vivere sul posto\r\n      <\/p>\r\n\r\n\r\n      <h2 class=\"pz-title\">\r\n        Scopri Pancrazio da vicino\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"pz-copy\">\r\n\r\n        Questo video \u00e8 disponibile esclusivamente\r\n        nei pressi del Ristorante Pancrazio,\r\n        nel cuore di Campo de\u2019 Fiori.\r\n\r\n        Verifica la tua posizione\r\n        per accedere al contenuto.\r\n\r\n      <\/p>\r\n\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"pz-primary\"\r\n        data-pz-action=\"locate\">\r\n\r\n        Verifica la mia posizione\r\n\r\n      <\/button>\r\n\r\n\r\n      <p class=\"pz-small\">\r\n\r\n        Richiede l&#8217;accesso\r\n        alla posizione del dispositivo\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- ACCESSO CONSENTITO -->\r\n\r\n    <section\r\n      class=\"pz-card pz-hidden\"\r\n      data-pz-state=\"granted\">\r\n\r\n\r\n      <div class=\"pz-badge\">\r\n\r\n        \u25cf Sei a\r\n\r\n        <strong data-pz-granted-distance>\r\n          &#8212;\r\n        <\/strong>\r\n\r\n        m da Ristorante Pancrazio\r\n\r\n      <\/div>\r\n\r\n\r\n      <p class=\"pz-eyebrow\">\r\n        Pancrazio dal 1922\r\n      <\/p>\r\n\r\n\r\n      <h2 class=\"pz-title\">\r\n        Una storia sotto i tuoi piedi\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"pz-copy\">\r\n\r\n        Ti trovi accanto a un luogo\r\n        in cui la cucina romana incontra\r\n        la storia dell\u2019Antica Roma.\r\n\r\n        Guarda il video e scopri cosa\r\n        si nasconde negli ambienti\r\n        di Ristorante Pancrazio,\r\n        costruito sui resti\r\n        del Teatro di Pompeo.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"pz-video-shell\">\r\n\r\n\r\n        <video\r\n          controls\r\n          playsinline\r\n          preload=\"metadata\">\r\n\r\n\r\n          <source\r\n            src=\"https:\/\/www.ristorantepancrazio.it\/wp-content\/uploads\/video\/Pancrazio-web-RF21.mp4\"\r\n            type=\"video\/mp4\">\r\n\r\n\r\n          Il tuo browser non supporta\r\n          la riproduzione video HTML5.\r\n\r\n\r\n        <\/video>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- FUORI DAL RAGGIO -->\r\n\r\n    <section\r\n      class=\"pz-card pz-hidden\"\r\n      data-pz-state=\"denied\">\r\n\r\n\r\n      <p class=\"pz-eyebrow\">\r\n        Contenuto geolocalizzato\r\n      <\/p>\r\n\r\n\r\n      <h2 class=\"pz-title\">\r\n        Il video si sblocca qui vicino\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"pz-copy\">\r\n\r\n        In questo momento risulti a\r\n\r\n        <strong data-pz-denied-distance>\r\n          &#8212;\r\n        <\/strong>\r\n\r\n        metri dal ristorante.\r\n\r\n        Questo contenuto \u00e8 pensato\r\n        per essere scoperto\r\n        nei pressi di Pancrazio.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"pz-radar\">\r\n        PANCRAZIO\r\n      <\/div>\r\n\r\n\r\n      <p class=\"pz-copy\">\r\n\r\n        Avvicinati a Piazza del Biscione\r\n        e verifica nuovamente la posizione.\r\n\r\n      <\/p>\r\n\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"pz-primary\"\r\n        data-pz-action=\"locate\">\r\n\r\n        Aggiorna la mia posizione\r\n\r\n      <\/button>\r\n\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- ERRORE -->\r\n\r\n    <section\r\n      class=\"pz-card pz-hidden\"\r\n      data-pz-state=\"error\">\r\n\r\n\r\n      <p class=\"pz-eyebrow\">\r\n        Geolocalizzazione\r\n      <\/p>\r\n\r\n\r\n      <h2 class=\"pz-title\">\r\n        Posizione non disponibile\r\n      <\/h2>\r\n\r\n\r\n      <p\r\n        class=\"pz-copy\"\r\n        data-pz-error>\r\n\r\n        Non siamo riusciti\r\n        ad accedere alla tua posizione.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"pz-error-help\">\r\n\r\n        <strong>\r\n          Come abilitarla:\r\n        <\/strong>\r\n\r\n        <br>\r\n\r\n        1. Apri le autorizzazioni\r\n        del sito dal browser.\r\n\r\n        <br>\r\n\r\n        2. Consenti l&#8217;accesso\r\n        alla posizione.\r\n\r\n        <br>\r\n\r\n        3. Riprova la verifica.\r\n\r\n      <\/div>\r\n\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"pz-primary\"\r\n        data-pz-action=\"locate\">\r\n\r\n        Riprova\r\n\r\n      <\/button>\r\n\r\n\r\n    <\/section>\r\n\r\n\r\n  <\/main>\r\n\r\n\r\n  <!-- PANNELLO DEMO -->\r\n\r\n  <section\r\n    class=\"pz-demo pz-hidden\"\r\n    data-pz-demo>\r\n\r\n\r\n    <div class=\"pz-demo-head\">\r\n\r\n\r\n      <span>\r\n        Impostazioni Demo &amp; Simulatore GPS\r\n      <\/span>\r\n\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"pz-demo-close\"\r\n        data-pz-action=\"toggle-demo\"\r\n        aria-label=\"Chiudi Demo Control\">\r\n\r\n        \u00d7\r\n\r\n      <\/button>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"pz-demo-actions\">\r\n\r\n\r\n      <button\r\n        type=\"button\"\r\n        data-pz-sim=\"near\">\r\n\r\n        Simula VICINO (&lt;50m)\r\n\r\n      <\/button>\r\n\r\n\r\n      <button\r\n        type=\"button\"\r\n        data-pz-sim=\"far\">\r\n\r\n        Simula LONTANO (~450m)\r\n\r\n      <\/button>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"pz-demo-grid\">\r\n\r\n\r\n      <div>\r\n\r\n        <label>\r\n          Latitudine ristorante\r\n        <\/label>\r\n\r\n\r\n        <input\r\n          type=\"number\"\r\n          step=\"0.0000001\"\r\n          data-pz-lat\r\n          value=\"41.8953942\">\r\n\r\n      <\/div>\r\n\r\n\r\n      <div>\r\n\r\n        <label>\r\n          Longitudine ristorante\r\n        <\/label>\r\n\r\n\r\n        <input\r\n          type=\"number\"\r\n          step=\"0.0000001\"\r\n          data-pz-lng\r\n          value=\"12.47308387\">\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n\r\n      <label>\r\n        Raggio massimo consentito (metri)\r\n      <\/label>\r\n\r\n\r\n      <input\r\n        type=\"number\"\r\n        data-pz-radius\r\n        value=\"200\">\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"pz-debug\">\r\n\r\n\r\n      <div>\r\n\r\n        Lat\/Lng utente:\r\n\r\n        <strong data-pz-debug-coords>\r\n          Non rilevato\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div>\r\n\r\n        Accuratezza GPS:\r\n\r\n        <strong data-pz-debug-accuracy>\r\n          &#8212;\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div>\r\n\r\n        Distanza calcolata:\r\n\r\n        <strong data-pz-debug-distance>\r\n          &#8212;\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/section>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  const root =\r\n    document.getElementById(\r\n      'pancrazio-geofence'\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n  const states = {\r\n\r\n\r\n    checking:\r\n      root.querySelector(\r\n        '[data-pz-state=\"checking\"]'\r\n      ),\r\n\r\n\r\n    granted:\r\n      root.querySelector(\r\n        '[data-pz-state=\"granted\"]'\r\n      ),\r\n\r\n\r\n    denied:\r\n      root.querySelector(\r\n        '[data-pz-state=\"denied\"]'\r\n      ),\r\n\r\n\r\n    error:\r\n      root.querySelector(\r\n        '[data-pz-state=\"error\"]'\r\n      )\r\n\r\n\r\n  };\r\n\r\n\r\n  const demo =\r\n    root.querySelector(\r\n      '[data-pz-demo]'\r\n    );\r\n\r\n\r\n  const latInput =\r\n    root.querySelector(\r\n      '[data-pz-lat]'\r\n    );\r\n\r\n\r\n  const lngInput =\r\n    root.querySelector(\r\n      '[data-pz-lng]'\r\n    );\r\n\r\n\r\n  const radiusInput =\r\n    root.querySelector(\r\n      '[data-pz-radius]'\r\n    );\r\n\r\n\r\n  function getConfig() {\r\n\r\n\r\n    return {\r\n\r\n\r\n      targetLat:\r\n        parseFloat(\r\n          latInput.value\r\n        ),\r\n\r\n\r\n      targetLng:\r\n        parseFloat(\r\n          lngInput.value\r\n        ),\r\n\r\n\r\n      maxRadiusMeters:\r\n        parseFloat(\r\n          radiusInput.value\r\n        )\r\n\r\n\r\n    };\r\n\r\n\r\n  }\r\n\r\n\r\n  function showState(name) {\r\n\r\n\r\n    Object\r\n      .values(states)\r\n      .forEach(\r\n        function (element) {\r\n\r\n\r\n          element\r\n            .classList\r\n            .add(\r\n              'pz-hidden'\r\n            );\r\n\r\n\r\n        }\r\n      );\r\n\r\n\r\n    states[name]\r\n      .classList\r\n      .remove(\r\n        'pz-hidden'\r\n      );\r\n\r\n\r\n    \/*\r\n     * Se l'utente non \u00e8 pi\u00f9 nello\r\n     * stato autorizzato fermiamo\r\n     * l'eventuale video.\r\n     *\/\r\n\r\n    if (\r\n      name !== 'granted'\r\n    ) {\r\n\r\n\r\n      const video =\r\n        states.granted\r\n          .querySelector(\r\n            'video'\r\n          );\r\n\r\n\r\n      if (video) {\r\n\r\n        video.pause();\r\n\r\n      }\r\n\r\n\r\n    }\r\n\r\n\r\n  }\r\n\r\n\r\n  function haversineDistance(\r\n    lat1,\r\n    lon1,\r\n    lat2,\r\n    lon2\r\n  ) {\r\n\r\n\r\n    const earthRadius =\r\n      6371000;\r\n\r\n\r\n    const dLat =\r\n      (lat2 - lat1)\r\n      *\r\n      Math.PI\r\n      \/\r\n      180;\r\n\r\n\r\n    const dLon =\r\n      (lon2 - lon1)\r\n      *\r\n      Math.PI\r\n      \/\r\n      180;\r\n\r\n\r\n    const a =\r\n\r\n      Math.sin(\r\n        dLat \/ 2\r\n      )\r\n      *\r\n      Math.sin(\r\n        dLat \/ 2\r\n      )\r\n\r\n      +\r\n\r\n      Math.cos(\r\n        lat1\r\n        *\r\n        Math.PI\r\n        \/\r\n        180\r\n      )\r\n\r\n      *\r\n\r\n      Math.cos(\r\n        lat2\r\n        *\r\n        Math.PI\r\n        \/\r\n        180\r\n      )\r\n\r\n      *\r\n\r\n      Math.sin(\r\n        dLon \/ 2\r\n      )\r\n\r\n      *\r\n\r\n      Math.sin(\r\n        dLon \/ 2\r\n      );\r\n\r\n\r\n    const c =\r\n\r\n      2\r\n\r\n      *\r\n\r\n      Math.atan2(\r\n\r\n        Math.sqrt(a),\r\n\r\n        Math.sqrt(\r\n          1 - a\r\n        )\r\n\r\n      );\r\n\r\n\r\n    return (\r\n      earthRadius * c\r\n    );\r\n\r\n\r\n  }\r\n\r\n\r\n  function processLocation(\r\n    userLat,\r\n    userLng,\r\n    accuracy\r\n  ) {\r\n\r\n\r\n    const cfg =\r\n      getConfig();\r\n\r\n\r\n    const distance =\r\n\r\n      haversineDistance(\r\n\r\n        cfg.targetLat,\r\n\r\n        cfg.targetLng,\r\n\r\n        userLat,\r\n\r\n        userLng\r\n\r\n      );\r\n\r\n\r\n    const roundedDistance =\r\n      Math.round(\r\n        distance\r\n      );\r\n\r\n\r\n    root\r\n      .querySelector(\r\n        '[data-pz-debug-coords]'\r\n      )\r\n      .textContent =\r\n\r\n        userLat.toFixed(5)\r\n\r\n        +\r\n\r\n        ', '\r\n\r\n        +\r\n\r\n        userLng.toFixed(5);\r\n\r\n\r\n    root\r\n      .querySelector(\r\n        '[data-pz-debug-accuracy]'\r\n      )\r\n      .textContent =\r\n\r\n        accuracy == null\r\n\r\n          ? 'Simulata'\r\n\r\n          : '\u00b1'\r\n            +\r\n            Math.round(\r\n              accuracy\r\n            )\r\n            +\r\n            'm';\r\n\r\n\r\n    root\r\n      .querySelector(\r\n        '[data-pz-debug-distance]'\r\n      )\r\n      .textContent =\r\n\r\n        roundedDistance\r\n\r\n        +\r\n\r\n        'm (Max: '\r\n\r\n        +\r\n\r\n        cfg.maxRadiusMeters\r\n\r\n        +\r\n\r\n        'm)';\r\n\r\n\r\n    if (\r\n      distance\r\n      <=\r\n      cfg.maxRadiusMeters\r\n    ) {\r\n\r\n\r\n      root\r\n        .querySelector(\r\n          '[data-pz-granted-distance]'\r\n        )\r\n        .textContent =\r\n          roundedDistance;\r\n\r\n\r\n      showState(\r\n        'granted'\r\n      );\r\n\r\n\r\n    } else {\r\n\r\n\r\n      root\r\n        .querySelector(\r\n          '[data-pz-denied-distance]'\r\n        )\r\n        .textContent =\r\n          roundedDistance;\r\n\r\n\r\n      showState(\r\n        'denied'\r\n      );\r\n\r\n\r\n    }\r\n\r\n\r\n  }\r\n\r\n\r\n  function showError(\r\n    message\r\n  ) {\r\n\r\n\r\n    root\r\n      .querySelector(\r\n        '[data-pz-error]'\r\n      )\r\n      .textContent =\r\n        message;\r\n\r\n\r\n    showState(\r\n      'error'\r\n    );\r\n\r\n\r\n  }\r\n\r\n\r\n  function requestLocation() {\r\n\r\n\r\n    showState(\r\n      'checking'\r\n    );\r\n\r\n\r\n    if (\r\n      !navigator.geolocation\r\n    ) {\r\n\r\n\r\n      showError(\r\n        'La geolocalizzazione non \u00e8 supportata da questo browser.'\r\n      );\r\n\r\n\r\n      return;\r\n\r\n\r\n    }\r\n\r\n\r\n    navigator\r\n      .geolocation\r\n      .getCurrentPosition(\r\n\r\n\r\n        function (\r\n          position\r\n        ) {\r\n\r\n\r\n          processLocation(\r\n\r\n            position.coords.latitude,\r\n\r\n            position.coords.longitude,\r\n\r\n            position.coords.accuracy\r\n\r\n          );\r\n\r\n\r\n        },\r\n\r\n\r\n        function (\r\n          error\r\n        ) {\r\n\r\n\r\n          let message =\r\n            'Impossibile recuperare la posizione.';\r\n\r\n\r\n          if (\r\n            error.code\r\n            ===\r\n            error.PERMISSION_DENIED\r\n          ) {\r\n\r\n\r\n            message =\r\n              'Hai negato il permesso di accedere alla posizione.';\r\n\r\n\r\n          } else if (\r\n            error.code\r\n            ===\r\n            error.POSITION_UNAVAILABLE\r\n          ) {\r\n\r\n\r\n            message =\r\n              'Le informazioni sulla posizione non sono disponibili.';\r\n\r\n\r\n          } else if (\r\n            error.code\r\n            ===\r\n            error.TIMEOUT\r\n          ) {\r\n\r\n\r\n            message =\r\n              'La richiesta di posizione \u00e8 andata in timeout.';\r\n\r\n\r\n          }\r\n\r\n\r\n          showError(\r\n            message\r\n          );\r\n\r\n\r\n        },\r\n\r\n\r\n        {\r\n\r\n          enableHighAccuracy: true,\r\n\r\n          timeout: 10000,\r\n\r\n          maximumAge: 0\r\n\r\n        }\r\n\r\n\r\n      );\r\n\r\n\r\n  }\r\n\r\n\r\n  function simulateLocation(\r\n    type\r\n  ) {\r\n\r\n\r\n    const cfg =\r\n      getConfig();\r\n\r\n\r\n    if (\r\n      type === 'near'\r\n    ) {\r\n\r\n\r\n      processLocation(\r\n\r\n        cfg.targetLat\r\n        +\r\n        0.0002,\r\n\r\n        cfg.targetLng\r\n        +\r\n        0.0002,\r\n\r\n        null\r\n\r\n      );\r\n\r\n\r\n    } else {\r\n\r\n\r\n      processLocation(\r\n\r\n        cfg.targetLat\r\n        +\r\n        0.0040,\r\n\r\n        cfg.targetLng\r\n        +\r\n        0.0040,\r\n\r\n        null\r\n\r\n      );\r\n\r\n\r\n    }\r\n\r\n\r\n  }\r\n\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-pz-action=\"toggle-demo\"]'\r\n    )\r\n    .forEach(\r\n      function (\r\n        button\r\n      ) {\r\n\r\n\r\n        button\r\n          .addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n\r\n              demo\r\n                .classList\r\n                .toggle(\r\n                  'pz-hidden'\r\n                );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-pz-action=\"locate\"]'\r\n    )\r\n    .forEach(\r\n      function (\r\n        button\r\n      ) {\r\n\r\n\r\n        button\r\n          .addEventListener(\r\n            'click',\r\n            requestLocation\r\n          );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-pz-sim]'\r\n    )\r\n    .forEach(\r\n      function (\r\n        button\r\n      ) {\r\n\r\n\r\n        button\r\n          .addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n\r\n              simulateLocation(\r\n\r\n                button\r\n                  .getAttribute(\r\n                    'data-pz-sim'\r\n                  )\r\n\r\n              );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  \/*\r\n   * Verifica automaticamente\r\n   * la posizione all'apertura.\r\n   *\/\r\n\r\n  requestLocation();\r\n\r\n\r\n})();\r\n\r\n<\/script>","protected":false},"excerpt":{"rendered":"<p>&#x2699; Demo Control \u2316 Un contenuto da vivere sul posto Scopri Pancrazio da vicino Questo video \u00e8 disponibile esclusivamente nei pressi del Ristorante Pancrazio, nel cuore di Campo de\u2019 Fiori. Verifica la tua posizione per accedere al contenuto. Verifica la mia posizione Richiede l&#8217;accesso alla posizione del dispositivo \u25cf Sei a &#8212; m da Ristorante [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"fullwidth.php","meta":{"footnotes":""},"class_list":["post-1264","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>video-segreto - Pancrazio Ristorante a Roma Campo de&#039; Fiori<\/title>\n<meta name=\"description\" content=\"&#x2699; Demo Control \u2316 Un contenuto da vivere sul posto Scopri Pancrazio da vicino Questo video \u00e8 disponibile esclusivamente nei pressi del Ristorante Pancrazio, nel cuore di Campo de\u2019 Fiori. Verifica la tua posizione per accedere al contenuto. Verifica la mia posizione Richiede l&#039;accesso alla posizione del dispositivo \u25cf Sei a -- m da Ristorante&hellip;\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"video-segreto - Pancrazio Ristorante a Roma Campo de&#039; Fiori\" \/>\n<meta property=\"og:description\" content=\"&#x2699; Demo Control \u2316 Un contenuto da vivere sul posto Scopri Pancrazio da vicino Questo video \u00e8 disponibile esclusivamente nei pressi del Ristorante Pancrazio, nel cuore di Campo de\u2019 Fiori. Verifica la tua posizione per accedere al contenuto. Verifica la mia posizione Richiede l&#039;accesso alla posizione del dispositivo \u25cf Sei a -- m da Ristorante&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ristorantepancrazio.it\/en\/video-segreto\/\" \/>\n<meta property=\"og:site_name\" content=\"Pancrazio Ristorante a Roma Campo de&#039; Fiori\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-02T02:12:15+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ristorantepancrazio.it\\\/en\\\/en\\\/video-segreto\\\/\",\"url\":\"https:\\\/\\\/www.ristorantepancrazio.it\\\/en\\\/en\\\/video-segreto\\\/\",\"name\":\"video-segreto - Pancrazio Ristorante a Roma Campo de&#039; Fiori\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ristorantepancrazio.it\\\/#website\"},\"datePublished\":\"2026-10-02T01:49:19+00:00\",\"dateModified\":\"2026-10-02T02:12:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ristorantepancrazio.it\\\/en\\\/video-segreto\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ristorantepancrazio.it\\\/en\\\/video-segreto\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ristorantepancrazio.it\\\/en\\\/video-segreto\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"home\",\"item\":\"https:\\\/\\\/www.ristorantepancrazio.it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"video-segreto\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.ristorantepancrazio.it\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.ristorantepancrazio.it\\\/en\\\/\",\"name\":\"Pancrazio Ristorante a Roma Campo de&#039; Fiori\",\"description\":\"My WordPress Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.ristorantepancrazio.it\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"video-segreto - Pancrazio Ristorante a Roma Campo de&#039; Fiori","description":"&#x2699; Demo Control \u2316 Un contenuto da vivere sul posto Scopri Pancrazio da vicino Questo video \u00e8 disponibile esclusivamente nei pressi del Ristorante Pancrazio, nel cuore di Campo de\u2019 Fiori. Verifica la tua posizione per accedere al contenuto. Verifica la mia posizione Richiede l'accesso alla posizione del dispositivo \u25cf Sei a -- m da Ristorante&hellip;","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"video-segreto - Pancrazio Ristorante a Roma Campo de&#039; Fiori","og_description":"&#x2699; Demo Control \u2316 Un contenuto da vivere sul posto Scopri Pancrazio da vicino Questo video \u00e8 disponibile esclusivamente nei pressi del Ristorante Pancrazio, nel cuore di Campo de\u2019 Fiori. Verifica la tua posizione per accedere al contenuto. Verifica la mia posizione Richiede l'accesso alla posizione del dispositivo \u25cf Sei a -- m da Ristorante&hellip;","og_url":"https:\/\/www.ristorantepancrazio.it\/en\/video-segreto\/","og_site_name":"Pancrazio Ristorante a Roma Campo de&#039; Fiori","article_modified_time":"2026-10-02T02:12:15+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ristorantepancrazio.it\/en\/en\/video-segreto\/","url":"https:\/\/www.ristorantepancrazio.it\/en\/en\/video-segreto\/","name":"video-segreto - Pancrazio Ristorante a Roma Campo de&#039; Fiori","isPartOf":{"@id":"https:\/\/www.ristorantepancrazio.it\/#website"},"datePublished":"2026-10-02T01:49:19+00:00","dateModified":"2026-10-02T02:12:15+00:00","breadcrumb":{"@id":"https:\/\/www.ristorantepancrazio.it\/en\/video-segreto\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ristorantepancrazio.it\/en\/video-segreto\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ristorantepancrazio.it\/en\/video-segreto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"home","item":"https:\/\/www.ristorantepancrazio.it\/"},{"@type":"ListItem","position":2,"name":"video-segreto"}]},{"@type":"WebSite","@id":"https:\/\/www.ristorantepancrazio.it\/en\/#website","url":"https:\/\/www.ristorantepancrazio.it\/en\/","name":"Pancrazio Ristorante a Roma Campo de&#039; Fiori","description":"My WordPress Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ristorantepancrazio.it\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.ristorantepancrazio.it\/en\/wp-json\/wp\/v2\/pages\/1264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ristorantepancrazio.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ristorantepancrazio.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ristorantepancrazio.it\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ristorantepancrazio.it\/en\/wp-json\/wp\/v2\/comments?post=1264"}],"version-history":[{"count":4,"href":"https:\/\/www.ristorantepancrazio.it\/en\/wp-json\/wp\/v2\/pages\/1264\/revisions"}],"predecessor-version":[{"id":1268,"href":"https:\/\/www.ristorantepancrazio.it\/en\/wp-json\/wp\/v2\/pages\/1264\/revisions\/1268"}],"wp:attachment":[{"href":"https:\/\/www.ristorantepancrazio.it\/en\/wp-json\/wp\/v2\/media?parent=1264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}