{"id":918,"date":"2026-10-21T16:24:23","date_gmt":"2026-10-21T15:24:23","guid":{"rendered":"https:\/\/www.collettivoazionepace.org\/?page_id=918"},"modified":"2026-10-21T16:55:45","modified_gmt":"2026-10-21T15:55:45","slug":"biglietteria","status":"publish","type":"page","link":"https:\/\/www.collettivoazionepace.org\/en\/biglietteria\/","title":{"rendered":"Biglietteria"},"content":{"rendered":"<style>.kb-row-layout-id918_ec9ce2-b5 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id918_ec9ce2-b5 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id918_ec9ce2-b5 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id918_ec9ce2-b5 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id918_ec9ce2-b5 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id918_ec9ce2-b5 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id918_ec9ce2-b5 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column918_b9e224-33 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column918_b9e224-33 > .kt-inside-inner-col{flex-direction:column;}.kadence-column918_b9e224-33 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column918_b9e224-33 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column918_b9e224-33{position:relative;}@media all and (max-width: 1024px){.kadence-column918_b9e224-33 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column918_b9e224-33 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column918_b9e224-33\"><div class=\"kt-inside-inner-col\">\n<div class=\"cap-biglietteria-wrapper\">\n  <style>\n    .cap-biglietteria-wrapper {\n      position: relative;\n      width: 100%;\n      height: 92vh; \/* Si adatta quasi a tutta l'altezza dello schermo dell'utente *\/\n      min-height: 700px;\n      max-height: 900px;\n      margin: 20px 0;\n      background: #F3F4F7;\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n      border: 1px solid #E2E8F0;\n    }\n\n    .cap-biglietteria-wrapper iframe {\n      width: 100%;\n      height: 100%;\n      border: 0;\n      display: block;\n      background: #F3F4F7;\n    }\n\n    .cap-biglietteria-wrapper #attesa {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 18px;\n      background: #8E1F2F;\n      color: #fff;\n      text-align: center;\n      padding: 24px;\n      transition: opacity .4s ease;\n      z-index: 2;\n    }\n\n    .cap-biglietteria-wrapper #attesa.via {\n      opacity: 0;\n      pointer-events: none;\n    }\n\n    .cap-biglietteria-wrapper #attesa svg { height: 100px; width: auto; }\n    .cap-biglietteria-wrapper #attesa p { margin: 0; font-size: 1.1rem; }\n    .cap-biglietteria-wrapper #attesa a { color: #fff; }\n    .cap-biglietteria-wrapper .puntini::after { content: ''; animation: cap-p 1.2s steps(4) infinite; }\n    @keyframes cap-p { 0%{content:''} 25%{content:'.'} 50%{content:'..'} 75%{content:'...'} }\n  <\/style>\n\n  <div id=\"attesa\" role=\"status\">\n    <svg viewBox=\"0 0 64 170\" aria-hidden=\"true\"><g fill=\"#fff\" fill-rule=\"evenodd\">\n      <path d=\"M32 1.2l1.3 2.7 3 .4-2.2 2 .6 2.9L32 7.8l-2.7 1.4.6-2.9-2.2-2 3-.4Z\"><\/path>\n      <path d=\"M31.2 10h1.6l1.5 43h-4.6Z\"><\/path>\n      <path d=\"M26.5 53h11v3H36v12h1.5v3h-11v-3H28V56h-1.5Z\"><\/path>\n      <path d=\"M27 71h10c.7 20 6 37 14.5 54h-39C21 108 26.3 91 27 71Z\"><\/path>\n      <path d=\"M9 125h46v4H9Z M11 129h42v16H11Z M14 131.5h3v11h-3Z M20 131.5h3v11h-3Z M26 131.5h3v11h-3Z M35 131.5h3v11h-3Z M41 131.5h3v11h-3Z M47 131.5h3v11h-3Z\"><\/path>\n      <path d=\"M6 145h52v4H6Z M8 149h48v19H8Z M13 153h6v15h-6Z M29 153h6v15h-6Z M45 153h6v15h-6Z\"><\/path>\n    <\/g><\/svg>\n    <p><strong>Collettivo Azione Pace<\/strong><\/p>\n    <p id=\"msg\"><span class=\"puntini\">Apertura della biglietteria<\/span><\/p>\n    <noscript><p>Per prenotare serve JavaScript attivo nel browser.<\/p><\/noscript>\n  <\/div>\n\n  <iframe id=\"app\" title=\"Biglietteria del Collettivo Azione Pace\" allow=\"clipboard-write\"><\/iframe>\n\n  <script>\n    (function() {\n      const APP_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycby9y2VEqrX4JN3ofV1l2o7fRALZHdL7It_IOxOZMoFXkO6PjYarpo9q4bBSFKWwSnbz\/exec';\n      const wrapper = document.querySelector('.cap-biglietteria-wrapper');\n      const attesa = wrapper.querySelector('#attesa');\n      const msg = wrapper.querySelector('#msg');\n      const frame = wrapper.querySelector('#app');\n\n      const src = APP_URL + (location.search || '');\n      frame.src = src;\n\n      frame.addEventListener('load', () => {\n        attesa.classList.add('via');\n        setTimeout(() => { attesa.hidden = true; }, 450);\n      });\n\n      window.addEventListener('message', ev => {\n        let host = '';\n        try { host = new URL(ev.origin).hostname; } catch (_) { return; }\n        if (!\/(^|\\.)googleusercontent\\.com$|(^|\\.)google\\.com$\/.test(host)) return;\n        const d = ev.data || {};\n        if (d.cap !== 'biglietto' || !\/^CAP-[A-Z0-9]{6}$\/.test(d.c) || !\/^[\\w-]{8,32}$\/.test(d.t)) return;\n        history.replaceState(null, '', location.pathname + '?p=biglietto&c=' + d.c + '&t=' + encodeURIComponent(d.t));\n      });\n\n      setTimeout(() => {\n        if (!attesa.classList.contains('via')) {\n          msg.innerHTML = 'La biglietteria ci sta mettendo pi\u00f9 del solito. <a href=\"' + src + '\" target=\"_top\">Aprila direttamente<\/a>.';\n        }\n      }, 15000);\n    })();\n  <\/script>\n<\/div>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Collettivo Azione Pace Apertura della biglietteria Per prenotare serve JavaScript attivo nel browser.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-918","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.collettivoazionepace.org\/en\/wp-json\/wp\/v2\/pages\/918","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.collettivoazionepace.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.collettivoazionepace.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.collettivoazionepace.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.collettivoazionepace.org\/en\/wp-json\/wp\/v2\/comments?post=918"}],"version-history":[{"count":10,"href":"https:\/\/www.collettivoazionepace.org\/en\/wp-json\/wp\/v2\/pages\/918\/revisions"}],"predecessor-version":[{"id":933,"href":"https:\/\/www.collettivoazionepace.org\/en\/wp-json\/wp\/v2\/pages\/918\/revisions\/933"}],"wp:attachment":[{"href":"https:\/\/www.collettivoazionepace.org\/en\/wp-json\/wp\/v2\/media?parent=918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}