{"id":7784,"date":"2026-09-15T19:13:17","date_gmt":"2026-09-15T19:13:17","guid":{"rendered":"https:\/\/www.villafornicerato.org\/?page_id=7784"},"modified":"2026-09-18T10:06:31","modified_gmt":"2026-09-18T10:06:31","slug":"sala-architettura","status":"publish","type":"page","link":"https:\/\/www.villafornicerato.org\/en\/ilgiocodeisensi\/sala-architettura\/","title":{"rendered":"Sala Architettura"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!-- ============================================================\n     VFC \u2014 SALA ARCHITETTURA + AUDIOGUIDA SEMPRE VISIBILE\n     ============================================================ -->\n\n<style>\n.vfc-sala-musica {\n  --rosso: #A50D1B;\n  --rosso-profondo: #7A0913;\n  --oro: #CC9933;\n  --avorio: #F5F0E6;\n\n  width: 100%;\n\n  background: linear-gradient(\n    to bottom,\n    #7A0913 0%,\n    #8E0B17 18%,\n    #A50D1B 45%,\n    #A50D1B 100%\n  );\n\n  text-align: center;\n  padding: 3rem 1.5rem 3.5rem;\n  box-sizing: border-box;\n}\n\n.vfc-sala-musica * {\n  box-sizing: border-box;\n}\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 TITOLO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n.vfc-sala-title {\n  font-family: 'Cinzel', Georgia, serif;\n\n  font-size: clamp(2.6rem, 5vw, 4.2rem);\n\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n\n  color: var(--avorio);\n\n  margin: 0 0 2rem;\n}\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 BLOCCO AUDIOGUIDA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n.vfc-audio-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SIMBOLO AUDIOGUIDA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n.vfc-audio-icon {\n  width: 76px;\n  height: 76px;\n\n  border-radius: 50%;\n  border: 2px solid var(--oro);\n\n  background: transparent;\n  color: var(--avorio);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  pointer-events: none;\n}\n\n.vfc-audio-icon svg {\n  width: 32px;\n  height: 32px;\n\n  fill: currentColor;\n}\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 TESTO AUDIOGUIDA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n.vfc-audio-label {\n  margin-top: 12px;\n\n  font-family: 'Cinzel', Georgia, serif;\n  font-size: 13px;\n  font-weight: 700;\n\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n\n  color: var(--avorio);\n}\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 PLAYER SEMPRE VISIBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n.vfc-player {\n  width: min(700px, 100%);\n  margin-top: 2rem;\n}\n\n.vfc-player-inner {\n  width: 100%;\n\n  border: 1px solid rgba(204, 153, 51, 0.85);\n\n  background: var(--rosso-profondo);\n\n  padding: 26px 30px 24px;\n}\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 CONTROLLI \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n.vfc-player-controls {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 24px;\n\n  margin-bottom: 24px;\n}\n\n.vfc-control-btn {\n  width: 50px;\n  height: 50px;\n\n  border-radius: 50%;\n  border: 1px solid var(--oro);\n\n  background: transparent;\n  color: var(--avorio);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-family: Arial, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n\n  cursor: pointer;\n\n  transition:\n    background 0.2s ease,\n    color 0.2s ease,\n    transform 0.2s ease;\n}\n\n.vfc-control-btn:hover {\n  background: var(--oro);\n  color: var(--rosso-profondo);\n\n  transform: scale(1.05);\n}\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 PLAY PI\u00d9 GRANDE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n.vfc-play-btn {\n  width: 64px;\n  height: 64px;\n\n  background: var(--oro);\n  color: var(--rosso-profondo);\n\n  font-size: 23px;\n}\n\n.vfc-play-btn:hover {\n  background: var(--avorio);\n  color: var(--rosso-profondo);\n}\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 PROGRESS BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n.vfc-progress-row {\n  display: flex;\n  align-items: center;\n\n  gap: 15px;\n\n  width: 100%;\n}\n\n.vfc-time {\n  min-width: 44px;\n\n  font-family: Arial, sans-serif;\n  font-size: 13px;\n\n  color: var(--avorio);\n}\n\n.vfc-progress {\n  flex: 1;\n\n  cursor: pointer;\n\n  accent-color: var(--oro);\n}\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n@media (max-width: 640px) {\n\n  .vfc-sala-musica {\n    padding: 2.4rem 1.1rem 3rem;\n  }\n\n\n  .vfc-sala-title {\n    margin-bottom: 1.7rem;\n  }\n\n\n  .vfc-audio-icon {\n    width: 68px;\n    height: 68px;\n  }\n\n\n  .vfc-audio-icon svg {\n    width: 29px;\n    height: 29px;\n  }\n\n\n  .vfc-player {\n    margin-top: 1.7rem;\n  }\n\n\n  .vfc-player-inner {\n    padding: 22px 16px 20px;\n  }\n\n\n  .vfc-player-controls {\n    gap: 16px;\n    margin-bottom: 20px;\n  }\n\n\n  .vfc-control-btn {\n    width: 46px;\n    height: 46px;\n  }\n\n\n  .vfc-play-btn {\n    width: 58px;\n    height: 58px;\n  }\n\n\n  .vfc-progress-row {\n    gap: 8px;\n  }\n\n\n  .vfc-time {\n    min-width: 34px;\n    font-size: 11px;\n  }\n\n}\n<\/style>\n\n\n<section class=\"vfc-sala-musica\">\n\n\n  <!-- =========================================================\n       TITOLO\n  ========================================================= -->\n\n  <h1 class=\"vfc-sala-title\">\n    Sala Architettura\n  <\/h1>\n\n\n  <!-- =========================================================\n       AUDIOGUIDA\n  ========================================================= -->\n\n  <div class=\"vfc-audio-wrapper\">\n\n\n    <!-- SIMBOLO AUDIOGUIDA SOLO VISUALE -->\n\n    <div class=\"vfc-audio-icon\" aria-hidden=\"true\">\n\n      <svg viewBox=\"0 0 24 24\">\n\n        <path d=\"M12 3a9 9 0 0 0-9 9v7a2 2 0 0 0 2 2h3v-8H5v-1a7 7 0 0 1 14 0v1h-3v8h3a2 2 0 0 0 2-2v-7a9 9 0 0 0-9-9z\">\n        <\/path>\n\n      <\/svg>\n\n    <\/div>\n\n\n    <div class=\"vfc-audio-label\">\n      Audioguida\n    <\/div>\n\n\n    <!-- =====================================================\n         PLAYER SEMPRE VISIBILE\n    ====================================================== -->\n\n    <div class=\"vfc-player\">\n\n      <div class=\"vfc-player-inner\">\n\n\n        <!-- CONTROLLI -->\n\n        <div class=\"vfc-player-controls\">\n\n\n          <!-- INDIETRO 10 SEC -->\n\n          <button class=\"vfc-control-btn\" id=\"vfc-back-01\" type=\"button\" aria-label=\"Indietro di 10 secondi\">\n            \u221210\n          <\/button>\n\n\n          <!-- PLAY \/ PAUSA -->\n\n          <button class=\"vfc-control-btn vfc-play-btn\" id=\"vfc-play-01\" type=\"button\" aria-label=\"Riproduci\">\n            \u25b6\n          <\/button>\n\n\n          <!-- AVANTI 10 SEC -->\n\n          <button class=\"vfc-control-btn\" id=\"vfc-forward-01\" type=\"button\" aria-label=\"Avanti di 10 secondi\">\n            +10\n          <\/button>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             TEMPO + BARRA\n        ================================================== -->\n\n        <div class=\"vfc-progress-row\">\n\n          <span class=\"vfc-time\" id=\"vfc-current-01\">\n            0:00\n          <\/span>\n\n\n          <input class=\"vfc-progress\" id=\"vfc-progress-01\" type=\"range\" min=\"0\" max=\"100\" value=\"0\" step=\"0.1\" aria-label=\"Avanzamento audioguida\">\n\n\n          <span class=\"vfc-time\" id=\"vfc-duration-01\">\n            0:00\n          <\/span>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         FILE AUDIO\n    ====================================================== -->\n\n    <audio id=\"vfc-audio-01\" preload=\"metadata\">\n\n      <source src=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/01_Benvenuta-benv_2026-09-08T10_49_07.mp3\" type=\"audio\/mpeg\">\n\n    <\/audio>\n\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function() {\n\n  const audio =\n    document.getElementById('vfc-audio-01');\n\n  const play =\n    document.getElementById('vfc-play-01');\n\n  const back =\n    document.getElementById('vfc-back-01');\n\n  const forward =\n    document.getElementById('vfc-forward-01');\n\n  const progress =\n    document.getElementById('vfc-progress-01');\n\n  const current =\n    document.getElementById('vfc-current-01');\n\n  const duration =\n    document.getElementById('vfc-duration-01');\n\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 PLAY \/ PAUSA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  play.addEventListener('click', function() {\n\n    if (audio.paused) {\n\n      audio.play();\n\n    } else {\n\n      audio.pause();\n\n    }\n\n  });\n\n\n  audio.addEventListener('play', function() {\n\n    play.innerHTML = '\u2161';\n\n    play.setAttribute(\n      'aria-label',\n      'Pausa'\n    );\n\n  });\n\n\n  audio.addEventListener('pause', function() {\n\n    play.innerHTML = '\u25b6';\n\n    play.setAttribute(\n      'aria-label',\n      'Riproduci'\n    );\n\n  });\n\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 INDIETRO 10 SEC \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  back.addEventListener('click', function() {\n\n    audio.currentTime =\n      Math.max(\n        0,\n        audio.currentTime - 10\n      );\n\n  });\n\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 AVANTI 10 SEC \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  forward.addEventListener('click', function() {\n\n    audio.currentTime =\n      Math.min(\n        audio.duration || 0,\n        audio.currentTime + 10\n      );\n\n  });\n\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 FORMATO TEMPO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  function formatTime(seconds) {\n\n    if (!isFinite(seconds)) {\n      return '0:00';\n    }\n\n    const min =\n      Math.floor(seconds \/ 60);\n\n    const sec =\n      Math.floor(seconds % 60)\n        .toString()\n        .padStart(2, '0');\n\n    return min + ':' + sec;\n\n  }\n\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 DURATA AUDIO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  audio.addEventListener(\n    'loadedmetadata',\n    function() {\n\n      duration.textContent =\n        formatTime(audio.duration);\n\n    }\n  );\n\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 AGGIORNAMENTO PLAYER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  audio.addEventListener(\n    'timeupdate',\n    function() {\n\n      current.textContent =\n        formatTime(audio.currentTime);\n\n      if (audio.duration) {\n\n        progress.value =\n          (audio.currentTime \/\n          audio.duration) * 100;\n\n      }\n\n    }\n  );\n\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 BARRA MANUALE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  progress.addEventListener(\n    'input',\n    function() {\n\n      if (!audio.duration) return;\n\n      audio.currentTime =\n        (progress.value \/ 100) *\n        audio.duration;\n\n    }\n  );\n\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 FINE AUDIO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  audio.addEventListener(\n    'ended',\n    function() {\n\n      play.innerHTML = '\u25b6';\n\n      play.setAttribute(\n        'aria-label',\n        'Riproduci'\n      );\n\n      progress.value = 0;\n\n      current.textContent = '0:00';\n\n      audio.currentTime = 0;\n\n    }\n  );\n\n})();\n<\/script>\n&#8220;`\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!-- =========================================================\n     VFC \u00b7 ARCHITETTURA\n     Blocco HTML personalizzato (Gutenberg \u2192 HTML personalizzato)\n     Namespace: #vfc-architettura\n     v4 \u2014 pannelli 1, 2, 3, 4, 5, 6, 8, 9, 10\n          pannello 07 rimosso; pannelli 04-05-06 con immagini PNG\n     ========================================================= -->\n\n<section id=\"vfc-architettura\">\n\n  <div class=\"varc-wrap\">\n\n    <div class=\"varc-intro\">\n      <div class=\"varc-kicker\">Tavole di studio<\/div>\n      <div class=\"varc-h2\">Architettura<\/div>\n      <div class=\"varc-lead\">\n        Dalle tracce di Palladio al paesaggio che diventa architettura, fino alla\n        geometria del silenzio. Ogni tavola si pu\u00f2 ingrandire e scaricare.\n      <\/div>\n    <\/div>\n\n    <div class=\"varc-griglia\">\n\n      <!-- ============ PANNELLO 01 \u2014 PDF + video (link da confermare) ============ -->\n      <article class=\"varc-tavola\">\n        <div class=\"varc-media varc-media--pdf no-lightbox\" data-type=\"pdf\" data-no-lightbox=\"true\" data-elementor-open-lightbox=\"no\" data-src=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/01.pdf\" data-title=\"Tracce di Palladio \u2014 una villa ridisegnata dal tempo\">\n          <div class=\"varc-stato\"><span class=\"varc-stato-txt\">Caricamento della tavola\u2026<\/span><\/div>\n          <button type=\"button\" class=\"varc-hit\" aria-label=\"Ingrandisci: Tracce di Palladio\"><\/button>\n          <span class=\"varc-zoom\" aria-hidden=\"true\">Ingrandisci<\/span>\n        <\/div>\n        <div class=\"varc-scheda\">\n          <div class=\"varc-num\">Pannello 01<\/div>\n          <div class=\"varc-titolo\">Tracce di Palladio \u2014 una villa ridisegnata dal tempo<\/div>\n          <p class=\"varc-desc\">\n            I segni lasciati dal tempo sulla villa e le tracce del progetto\n            originario di Palladio.\n          <\/p>\n          <div class=\"varc-btns\">\n            <a class=\"varc-dl\" href=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/01.pdf\" download=\"\" rel=\"noopener\">Scarica la tavola (PDF)<\/a>\n            <a class=\"varc-dl\" href=\"https:\/\/youtu.be\/ij5qMYHP-HI\" target=\"_blank\" rel=\"noopener noreferrer\">Guarda il contenuto<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ============ PANNELLO 02 \u2014 PDF (pannello tattile) ============ -->\n      <article class=\"varc-tavola\">\n        <div class=\"varc-media varc-media--pdf no-lightbox\" data-type=\"pdf\" data-no-lightbox=\"true\" data-elementor-open-lightbox=\"no\" data-src=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/02.pdf\" data-title=\"Tracce di Palladio (pannello tattile)\">\n          <div class=\"varc-stato\"><span class=\"varc-stato-txt\">Caricamento della tavola\u2026<\/span><\/div>\n          <button type=\"button\" class=\"varc-hit\" aria-label=\"Ingrandisci: Tracce di Palladio (pannello tattile)\"><\/button>\n          <span class=\"varc-zoom\" aria-hidden=\"true\">Ingrandisci<\/span>\n        <\/div>\n        <div class=\"varc-scheda\">\n          <div class=\"varc-num\">Pannello 02<\/div>\n          <div class=\"varc-titolo\">Tracce di Palladio (pannello tattile)<\/div>\n          <p class=\"varc-desc\">\n            La versione tattile del pannello, pensata per l&#8217;esplorazione al tatto.\n          <\/p>\n          <div class=\"varc-btns\">\n            <a class=\"varc-dl\" href=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/02.pdf\" download=\"\" rel=\"noopener\">Scarica la tavola (PDF)<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ============ PANNELLO 03 \u2014 PDF + video (link da confermare) ============ -->\n      <article class=\"varc-tavola\">\n        <div class=\"varc-media varc-media--pdf no-lightbox\" data-type=\"pdf\" data-no-lightbox=\"true\" data-elementor-open-lightbox=\"no\" data-src=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/03.pdf\" data-title=\"Dove il paesaggio diventa architettura\">\n          <div class=\"varc-stato\"><span class=\"varc-stato-txt\">Caricamento della tavola\u2026<\/span><\/div>\n          <button type=\"button\" class=\"varc-hit\" aria-label=\"Ingrandisci: Dove il paesaggio diventa architettura\"><\/button>\n          <span class=\"varc-zoom\" aria-hidden=\"true\">Ingrandisci<\/span>\n        <\/div>\n        <div class=\"varc-scheda\">\n          <div class=\"varc-num\">Pannello 03<\/div>\n          <div class=\"varc-titolo\">Dove il paesaggio diventa architettura<\/div>\n          <p class=\"varc-desc\">\n            Il rapporto tra la villa e il paesaggio circostante, e come\n            l&#8217;architettura ne raccoglie i segni.\n          <\/p>\n          <div class=\"varc-btns\">\n            <a class=\"varc-dl\" href=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/03.pdf\" download=\"\" rel=\"noopener\">Scarica la tavola (PDF)<\/a>\n            <a class=\"varc-dl\" href=\"https:\/\/youtu.be\/Uwr8ots6yUQ\" target=\"_blank\" rel=\"noopener noreferrer\">Guarda il video<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ============ PANNELLO 04 \u2014 IMMAGINE (pannello tattile) ============ -->\n      <article class=\"varc-tavola\">\n        <div class=\"varc-media varc-media--image no-lightbox\" data-type=\"image\" data-no-lightbox=\"true\" data-elementor-open-lightbox=\"no\" data-src=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/New_Pannello_04.png\" data-title=\"Dove il paesaggio diventa architettura (pannello tattile)\">\n          <div class=\"varc-stato\"><span class=\"varc-stato-txt\">Caricamento della tavola\u2026<\/span><\/div>\n          <button type=\"button\" class=\"varc-hit\" aria-label=\"Ingrandisci: Dove il paesaggio diventa architettura, pannello tattile\"><\/button>\n          <span class=\"varc-zoom\" aria-hidden=\"true\">Ingrandisci<\/span>\n        <\/div>\n        <div class=\"varc-scheda\">\n          <div class=\"varc-num\">Pannello 04<\/div>\n          <div class=\"varc-titolo\">Dove il paesaggio diventa architettura (pannello tattile)<\/div>\n          <p class=\"varc-desc\">\n            La versione tattile del pannello, pensata per l&#8217;esplorazione al tatto.\n          <\/p>\n          <div class=\"varc-btns\">\n            <a class=\"varc-dl\" href=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/New_Pannello_04.png\" download=\"\" rel=\"noopener\">Scarica la tavola<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ============ PANNELLO 05 \u2014 IMMAGINE + video ============ -->\n      <article class=\"varc-tavola\">\n        <div class=\"varc-media varc-media--image no-lightbox\" data-type=\"image\" data-no-lightbox=\"true\" data-elementor-open-lightbox=\"no\" data-src=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/Tavola_05.png\" data-title=\"Firmitas, Utilitas, Venustas, Oeconomia (a libro)\">\n          <div class=\"varc-stato\"><span class=\"varc-stato-txt\">Caricamento della tavola\u2026<\/span><\/div>\n          <button type=\"button\" class=\"varc-hit\" aria-label=\"Ingrandisci: Firmitas, Utilitas, Venustas, Oeconomia \u2014 pannello 05\"><\/button>\n          <span class=\"varc-zoom\" aria-hidden=\"true\">Ingrandisci<\/span>\n        <\/div>\n        <div class=\"varc-scheda\">\n          <div class=\"varc-num\">Pannello 05<\/div>\n          <div class=\"varc-titolo\">Firmitas, Utilitas, Venustas, Oeconomia<\/div>\n          <p class=\"varc-desc\">\n            I quattro principi alla base del progetto architettonico, presentati\n            in forma di libro.\n          <\/p>\n          <div class=\"varc-btns\">\n            <a class=\"varc-dl\" href=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/Tavola_05.png\" download=\"\" rel=\"noopener\">Scarica la tavola<\/a>\n            <a class=\"varc-dl\" href=\"https:\/\/youtu.be\/n8zEOUqVrUM\" target=\"_blank\" rel=\"noopener noreferrer\">Guarda il video<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ============ PANNELLO 06 \u2014 IMMAGINE ============ -->\n      <article class=\"varc-tavola\">\n        <div class=\"varc-media varc-media--image no-lightbox\" data-type=\"image\" data-no-lightbox=\"true\" data-elementor-open-lightbox=\"no\" data-src=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/Tavola_06.png\" data-title=\"Firmitas, Utilitas, Venustas, Oeconomia (a libro)\">\n          <div class=\"varc-stato\"><span class=\"varc-stato-txt\">Caricamento della tavola\u2026<\/span><\/div>\n          <button type=\"button\" class=\"varc-hit\" aria-label=\"Ingrandisci: Firmitas, Utilitas, Venustas, Oeconomia \u2014 pannello 06\"><\/button>\n          <span class=\"varc-zoom\" aria-hidden=\"true\">Ingrandisci<\/span>\n        <\/div>\n        <div class=\"varc-scheda\">\n          <div class=\"varc-num\">Pannello 06<\/div>\n          <div class=\"varc-titolo\">Firmitas, Utilitas, Venustas, Oeconomia <\/div>\n          <p class=\"varc-desc\">\n            Il seguito della tavola precedente, a completare la lettura\n            dei quattro principi.\n          <\/p>\n          <div class=\"varc-btns\">\n            <a class=\"varc-dl\" href=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/Tavola_06.png\" download=\"\" rel=\"noopener\">Scarica la tavola<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ============ PANNELLO 08 \u2014 PDF + video (link da confermare) ============ -->\n      <article class=\"varc-tavola\">\n        <div class=\"varc-media varc-media--pdf no-lightbox\" data-type=\"pdf\" data-no-lightbox=\"true\" data-elementor-open-lightbox=\"no\" data-src=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/08.pdf\" data-title=\"Geometria del Silenzio\">\n          <div class=\"varc-stato\"><span class=\"varc-stato-txt\">Caricamento della tavola\u2026<\/span><\/div>\n          <button type=\"button\" class=\"varc-hit\" aria-label=\"Ingrandisci: Geometria del Silenzio, pannello 08\"><\/button>\n          <span class=\"varc-zoom\" aria-hidden=\"true\">Ingrandisci<\/span>\n        <\/div>\n        <div class=\"varc-scheda\">\n          <div class=\"varc-num\">Pannello 08<\/div>\n          <div class=\"varc-titolo\">Geometria del Silenzio<\/div>\n          <p class=\"varc-desc\">\n            La geometria che regola gli spazi di raccoglimento e silenzio\n            della villa.\n          <\/p>\n          <div class=\"varc-btns\">\n            <a class=\"varc-dl\" href=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/08.pdf\" download=\"\" rel=\"noopener\">Scarica la tavola (PDF)<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ============ PANNELLO 09 \u2014 PDF + video (link da confermare) ============ -->\n      <article class=\"varc-tavola\">\n        <div class=\"varc-media varc-media--pdf no-lightbox\" data-type=\"pdf\" data-no-lightbox=\"true\" data-elementor-open-lightbox=\"no\" data-src=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/09.pdf\" data-title=\"Geometria del Silenzio\">\n          <div class=\"varc-stato\"><span class=\"varc-stato-txt\">Caricamento della tavola\u2026<\/span><\/div>\n          <button type=\"button\" class=\"varc-hit\" aria-label=\"Ingrandisci: Geometria del Silenzio, pannello 09\"><\/button>\n          <span class=\"varc-zoom\" aria-hidden=\"true\">Ingrandisci<\/span>\n        <\/div>\n        <div class=\"varc-scheda\">\n          <div class=\"varc-num\">Pannello 09<\/div>\n          <div class=\"varc-titolo\">Geometria del Silenzio<\/div>\n          <p class=\"varc-desc\">\n            Il seguito della tavola precedente, a completare la lettura\n            della geometria del silenzio.\n          <\/p>\n          <div class=\"varc-btns\">\n            <a class=\"varc-dl\" href=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/09.pdf\" download=\"\" rel=\"noopener\">Scarica la tavola (PDF)<\/a>\n            <a class=\"varc-dl\" href=\"https:\/\/youtu.be\/2Mi2tYa4veA\" target=\"_blank\" rel=\"noopener noreferrer\">Guarda il video<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ============ PANNELLO 10 \u2014 PDF ============ -->\n      <article class=\"varc-tavola\">\n        <div class=\"varc-media varc-media--pdf no-lightbox\" data-type=\"pdf\" data-no-lightbox=\"true\" data-elementor-open-lightbox=\"no\" data-src=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/10.pdf\" data-title=\"Geometria del Silenzio (pannello tattile, decoro scultoreo)\">\n          <div class=\"varc-stato\"><span class=\"varc-stato-txt\">Caricamento della tavola\u2026<\/span><\/div>\n          <button type=\"button\" class=\"varc-hit\" aria-label=\"Ingrandisci: Geometria del Silenzio, pannello tattile\"><\/button>\n          <span class=\"varc-zoom\" aria-hidden=\"true\">Ingrandisci<\/span>\n        <\/div>\n        <div class=\"varc-scheda\">\n          <div class=\"varc-num\">Pannello 10<\/div>\n          <div class=\"varc-titolo\">Geometria del Silenzio (pannello tattile, decoro scultoreo)<\/div>\n          <p class=\"varc-desc\">\n            La versione tattile del pannello, con il decoro scultoreo\n            reso esplorabile al tatto.\n          <\/p>\n          <div class=\"varc-btns\">\n            <a class=\"varc-dl\" href=\"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/09\/10.pdf\" download=\"\" rel=\"noopener\">Scarica la tavola (PDF)<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');\n\n\/* ===== BASE ===== *\/\n#vfc-architettura{\n  --varc-rosso:#A50D1B;\n  --varc-oro:#CC9933;\n  --varc-avorio:#F5F0E6;\n  --varc-charcoal:#2C2C2A;\n  background:var(--varc-avorio) !important;\n  padding:88px 24px 96px !important;\n  margin:0 !important;\n  box-sizing:border-box !important;\n}\n#vfc-architettura *,\n#vfc-architettura *::before,\n#vfc-architettura *::after{ box-sizing:border-box !important; }\n\n#vfc-architettura .varc-wrap{\n  max-width:1360px !important;\n  margin:0 auto !important;\n  width:100% !important;\n}\n\n\/* ===== INTRO ===== *\/\n#vfc-architettura .varc-intro{ max-width:860px !important; margin:0 0 88px !important; }\n#vfc-architettura .varc-kicker{\n  font-family:'Cinzel',serif !important;\n  font-size:1.05rem !important; font-weight:700 !important;\n  letter-spacing:.2em !important; text-transform:uppercase !important;\n  color:var(--varc-rosso) !important; margin-bottom:18px !important;\n}\n#vfc-architettura .varc-h2{\n  font-family:'Cormorant Garamond',serif !important;\n  font-weight:700 !important;\n  font-size:clamp(2.6rem,5.4vw,4.4rem) !important;\n  line-height:1.06 !important; letter-spacing:.03em !important;\n  text-transform:uppercase !important;\n  color:var(--varc-charcoal) !important; margin:0 0 24px !important;\n}\n#vfc-architettura .varc-lead{\n  font-family:'Crimson Text',Georgia,serif !important;\n  font-size:1.35rem !important; line-height:1.6 !important;\n  color:rgba(44,44,42,.85) !important;\n}\n\n\/* ===== GRIGLIA 2 COLONNE CON RIGHE CONDIVISE ===== *\/\n#vfc-architettura .varc-griglia{\n  display:grid !important;\n  grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n  column-gap:96px !important;\n  row-gap:112px !important;\n  align-items:start !important;\n}\n#vfc-architettura .varc-tavola{\n  display:grid !important;\n  grid-template-rows:subgrid !important;\n  grid-row:span 2 !important;\n  row-gap:34px !important;\n  margin:0 !important;\n  min-width:0 !important;\n}\n\n\/* --- cornice media --- *\/\n#vfc-architettura .varc-media{\n  position:relative !important;\n  width:100% !important;\n  align-self:start !important;\n  height:clamp(300px,27vw,400px) !important;\n  padding:18px !important;\n  background:#fff !important;\n  border:1px solid rgba(204,153,51,.55) !important;\n  box-shadow:0 16px 36px -26px rgba(44,44,42,.55) !important;\n  overflow:hidden !important;\n  display:flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n}\n\n\/* --- riquadro segnaposto per tavole non ancora disponibili --- *\/\n#vfc-architettura .varc-media-missing{\n  position:relative !important;\n  align-self:start !important;\n  width:100% !important;\n  height:clamp(300px,27vw,400px) !important;\n  background:repeating-linear-gradient(\n    135deg,\n    rgba(44,44,42,.05),\n    rgba(44,44,42,.05) 14px,\n    rgba(44,44,42,.02) 14px,\n    rgba(44,44,42,.02) 28px\n  ) !important;\n  border:1px dashed rgba(44,44,42,.28) !important;\n  display:flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n}\n#vfc-architettura .varc-missing-txt{\n  font-family:'Cinzel',serif !important;\n  font-size:.82rem !important;\n  font-weight:600 !important;\n  letter-spacing:.14em !important;\n  text-transform:uppercase !important;\n  color:rgba(44,44,42,.45) !important;\n}\n\n\/* canvas PDF.js *\/\n#vfc-architettura .varc-canvas{\n  display:block !important;\n  max-width:100% !important; max-height:100% !important;\n  width:auto !important; height:auto !important;\n  background:#fff !important;\n  box-shadow:0 2px 14px -6px rgba(44,44,42,.45) !important;\n}\n\n\/* immagini PNG dei pannelli *\/\n#vfc-architettura .varc-media--image img.varc-image{\n  display:block !important;\n  max-width:100% !important;\n  max-height:100% !important;\n  width:auto !important;\n  height:auto !important;\n  object-fit:contain !important;\n  background:#fff !important;\n  box-shadow:0 2px 14px -6px rgba(44,44,42,.45) !important;\n}\n\n\/* stato \/ fallback *\/\n#vfc-architettura .varc-stato{\n  position:absolute !important; inset:0 !important;\n  display:flex !important; align-items:center !important; justify-content:center !important;\n  background:#fff !important; z-index:1 !important; padding:20px !important; text-align:center !important;\n}\n#vfc-architettura .varc-stato-txt{\n  font-family:'Inter',sans-serif !important; font-size:.9rem !important; color:rgba(44,44,42,.55) !important;\n}\n#vfc-architettura .varc-media.is-ready .varc-stato{ display:none !important; }\n\n\/* area cliccabile *\/\n#vfc-architettura .varc-hit{\n  position:absolute !important; inset:0 !important; z-index:3 !important;\n  border:0 !important; padding:0 !important; background:transparent !important;\n  cursor:zoom-in !important; appearance:none !important;\n}\n#vfc-architettura .varc-hit:focus-visible{\n  outline:2px solid var(--varc-rosso) !important; outline-offset:-4px !important;\n}\n\n\/* pastiglia Ingrandisci *\/\n#vfc-architettura .varc-zoom{\n  position:absolute !important; right:12px !important; bottom:12px !important; z-index:4 !important;\n  font-family:'Inter',sans-serif !important; font-size:.82rem !important; font-weight:500 !important;\n  color:#fff !important; background:rgba(44,44,42,.82) !important;\n  border:0 !important; padding:8px 15px !important; border-radius:2px !important;\n  pointer-events:none !important; transition:background .2s ease !important;\n}\n#vfc-architettura .varc-media:hover .varc-zoom{ background:var(--varc-rosso) !important; }\n\n\/* --- scheda sotto --- *\/\n#vfc-architettura .varc-scheda{\n  align-self:start !important;\n  border-left:3px solid var(--varc-rosso) !important;\n  padding:8px 0 4px 26px !important;\n  margin:0 !important;\n}\n#vfc-architettura .varc-num{\n  font-family:'Cinzel',serif !important;\n  font-size:1rem !important; font-weight:700 !important;\n  letter-spacing:.2em !important; text-transform:uppercase !important;\n  color:var(--varc-oro) !important; margin-bottom:12px !important;\n}\n#vfc-architettura .varc-titolo{\n  font-family:'Cormorant Garamond',serif !important;\n  font-weight:700 !important;\n  font-size:clamp(1.9rem,2.6vw,2.5rem) !important;\n  line-height:1.14 !important;\n  color:var(--varc-charcoal) !important; margin:0 0 16px !important;\n}\n#vfc-architettura .varc-desc{\n  font-family:'Crimson Text',Georgia,serif !important;\n  font-size:1.22rem !important; line-height:1.58 !important;\n  color:rgba(44,44,42,.82) !important; margin:0 0 26px !important;\n}\n#vfc-architettura .varc-btns{\n  display:flex !important;\n  flex-wrap:wrap !important;\n  gap:14px !important;\n}\n#vfc-architettura .varc-dl,\n#vfc-architettura a.varc-dl{\n  display:inline-block !important;\n  font-family:'Inter',sans-serif !important; font-size:.95rem !important; font-weight:600 !important;\n  color:#fff !important; text-decoration:none !important;\n  border:1px solid var(--varc-rosso) !important; padding:12px 24px !important;\n  background:var(--varc-rosso) !important;\n  transition:opacity .2s ease !important;\n}\n#vfc-architettura a.varc-dl:hover,\n#vfc-architettura a.varc-dl:focus{\n  opacity:.85 !important;\n}\n\n\/* --- browser senza subgrid --- *\/\n@supports not (grid-template-rows: subgrid){\n  #vfc-architettura .varc-tavola{ display:block !important; }\n  #vfc-architettura .varc-scheda{ margin-top:34px !important; }\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width:1100px){\n  #vfc-architettura .varc-griglia{ column-gap:64px !important; row-gap:88px !important; }\n  #vfc-architettura .varc-desc{ font-size:1.12rem !important; }\n}\n@media (max-width:781px){\n  #vfc-architettura{ padding:56px 18px 64px !important; }\n  #vfc-architettura .varc-intro{ margin-bottom:48px !important; }\n  #vfc-architettura .varc-lead{ font-size:1.15rem !important; }\n  #vfc-architettura .varc-griglia{\n    grid-template-columns:minmax(0,1fr) !important;\n    row-gap:64px !important;\n  }\n  #vfc-architettura .varc-tavola{\n    display:block !important;\n    grid-row:auto !important;\n  }\n  #vfc-architettura .varc-media,\n  #vfc-architettura .varc-media-missing{ height:clamp(300px,52vh,440px) !important; }\n  #vfc-architettura .varc-media{ padding:12px !important; }\n  #vfc-architettura .varc-scheda{ margin-top:26px !important; padding-left:18px !important; }\n  #vfc-architettura .varc-btns{ flex-direction:column !important; }\n  #vfc-architettura .varc-dl{ width:100% !important; text-align:center !important; }\n}\n\n\/* ===== LIGHTBOX (in document.body) ===== *\/\n.varc-lb{\n  position:fixed !important; inset:0 !important; z-index:999999 !important;\n  background:rgba(20,20,18,.94) !important;\n  display:flex !important; flex-direction:column !important;\n  opacity:0 !important;\n  visibility:hidden !important;\n  pointer-events:none !important;\n  transition:\n    opacity .22s ease,\n    visibility 0s linear .22s !important;\n}\n.varc-lb.is-open{\n  opacity:1 !important;\n  visibility:visible !important;\n  pointer-events:auto !important;\n  transition:opacity .22s ease !important;\n}\n.varc-lb *{ box-sizing:border-box !important; }\n.varc-lb-bar{\n  flex:0 0 auto !important; display:flex !important; align-items:center !important;\n  gap:12px !important; padding:14px 18px !important;\n  border-bottom:1px solid rgba(245,240,230,.14) !important;\n}\n.varc-lb-title{\n  font-family:'Cormorant Garamond',serif !important; font-weight:700 !important;\n  font-size:1.6rem !important; color:#F5F0E6 !important;\n  margin-right:auto !important; line-height:1.2 !important;\n}\n.varc-lb-act, a.varc-lb-act{\n  font-family:'Inter',sans-serif !important; font-size:.88rem !important; font-weight:500 !important;\n  color:#F5F0E6 !important; text-decoration:none !important;\n  border:1px solid rgba(245,240,230,.4) !important; background:transparent !important;\n  padding:10px 18px !important; cursor:pointer !important; white-space:nowrap !important;\n  transition:background .2s ease,border-color .2s ease !important;\n}\na.varc-lb-act:hover, .varc-lb-act:hover{\n  background:#A50D1B !important; border-color:#A50D1B !important; color:#fff !important;\n}\n.varc-lb-close{ font-size:1.6rem !important; line-height:1 !important; padding:6px 14px !important; }\n.varc-lb-pages{\n  display:none !important; align-items:center !important; gap:8px !important;\n  font-family:'Inter',sans-serif !important; font-size:.85rem !important; color:#F5F0E6 !important;\n}\n.varc-lb-pages.is-on{ display:flex !important; }\n.varc-lb-pgbtn{\n  background:transparent !important; border:1px solid rgba(245,240,230,.4) !important;\n  color:#F5F0E6 !important; cursor:pointer !important; padding:5px 11px !important;\n  font-size:1rem !important; line-height:1 !important;\n}\n.varc-lb-pgbtn:hover{ background:#A50D1B !important; border-color:#A50D1B !important; }\n.varc-lb-stage{\n  flex:1 1 auto !important; position:relative !important; padding:18px !important;\n  min-height:0 !important; display:flex !important;\n  align-items:center !important; justify-content:center !important;\n  overflow:auto !important; -webkit-overflow-scrolling:touch !important;\n}\n.varc-lb-stage canvas,\n.varc-lb-stage img{\n  display:block !important; max-width:100% !important; max-height:100% !important;\n  width:auto !important; height:auto !important; background:#fff !important;\n  object-fit:contain !important;\n}\n.varc-lb-stage iframe{\n  position:absolute !important; inset:18px !important;\n  width:calc(100% - 36px) !important; height:calc(100% - 36px) !important;\n  border:0 !important; background:#fff !important;\n}\n.varc-lb-msg{\n  font-family:'Inter',sans-serif !important; font-size:.95rem !important;\n  color:rgba(245,240,230,.75) !important; text-align:center !important; max-width:34ch !important;\n  display:flex !important; flex-direction:column !important; align-items:center !important; gap:18px !important;\n}\n.varc-lb-cancel{\n  font-family:'Inter',sans-serif !important; font-size:.85rem !important; font-weight:500 !important;\n  color:#F5F0E6 !important; background:transparent !important;\n  border:1px solid rgba(245,240,230,.4) !important; padding:9px 18px !important;\n  cursor:pointer !important; transition:background .2s ease,border-color .2s ease !important;\n}\n.varc-lb-cancel:hover{ background:#A50D1B !important; border-color:#A50D1B !important; }\n.varc-lb-nav{\n  position:absolute !important; top:50% !important; transform:translateY(-50%) !important;\n  z-index:5 !important; background:rgba(20,20,18,.78) !important;\n  border:1px solid rgba(245,240,230,.35) !important; color:#F5F0E6 !important;\n  font-size:1.6rem !important; line-height:1 !important; padding:14px 17px !important; cursor:pointer !important;\n}\n.varc-lb-nav:hover{ background:#A50D1B !important; border-color:#A50D1B !important; }\n.varc-lb-prev{ left:4px !important; }\n.varc-lb-next{ right:4px !important; }\n@media (max-width:781px){\n  .varc-lb-bar{ flex-wrap:wrap !important; padding:10px 12px !important; gap:8px !important; }\n  .varc-lb-title{ font-size:1.2rem !important; width:100% !important; }\n  .varc-lb-stage{ padding:8px !important; }\n  .varc-lb-stage iframe{ inset:8px !important; width:calc(100% - 16px) !important; height:calc(100% - 16px) !important; }\n}\n@media (prefers-reduced-motion:reduce){\n  .varc-lb, #vfc-architettura .varc-zoom, #vfc-architettura a.varc-dl{ transition:none !important; }\n}\n<\/style>\n\n<script>\n(function(){\n  var root = document.getElementById('vfc-architettura');\n  if(!root || root.dataset.varcInit) return;\n  root.dataset.varcInit = '1';\n\n  var PDFJS_LIB    = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.min.js';\n  var PDFJS_WORKER = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.worker.min.js';\n\n  function loadPdfJs(){\n    if(window.__varcPdfJs) return window.__varcPdfJs;\n    window.__varcPdfJs = new Promise(function(resolve, reject){\n      if(window.pdfjsLib){\n        window.pdfjsLib.GlobalWorkerOptions.workerSrc = PDFJS_WORKER;\n        return resolve(window.pdfjsLib);\n      }\n      var s = document.createElement('script');\n      s.src = PDFJS_LIB; s.async = true;\n      s.onload = function(){\n        if(!window.pdfjsLib){ reject(new Error('pdfjsLib non disponibile')); return; }\n        window.pdfjsLib.GlobalWorkerOptions.workerSrc = PDFJS_WORKER;\n        resolve(window.pdfjsLib);\n      };\n      s.onerror = function(){ reject(new Error('PDF.js non raggiungibile')); };\n      document.head.appendChild(s);\n    });\n    return window.__varcPdfJs;\n  }\n\n  var docs = {};\n  function getDoc(src){\n    if(!docs[src]) docs[src] = loadPdfJs().then(function(lib){ return lib.getDocument({ url: src }).promise; });\n    return docs[src];\n  }\n\n  function withTimeout(promise, ms){\n    return new Promise(function(resolve, reject){\n      var done = false;\n      var t = setTimeout(function(){ if(done) return; done = true; reject(new Error('varc-timeout')); }, ms);\n      promise.then(function(v){ if(done) return; done = true; clearTimeout(t); resolve(v); },\n                   function(e){ if(done) return; done = true; clearTimeout(t); reject(e); });\n    });\n  }\n\n  var MAX_CANVAS_SIDE = 2200;\n\n  function renderPage(src, pageNum, boxW, boxH){\n    return getDoc(src).then(function(pdf){\n      var n = Math.min(Math.max(pageNum, 1), pdf.numPages);\n      return pdf.getPage(n).then(function(page){\n        var base = page.getViewport({ scale: 1 });\n        var fit  = Math.min(boxW \/ base.width, boxH \/ base.height);\n        var dpr  = Math.min(window.devicePixelRatio || 1, 2);\n        var scale = fit * dpr;\n        var longSide = Math.max(base.width, base.height) * scale;\n        if(longSide > MAX_CANVAS_SIDE) scale = scale * (MAX_CANVAS_SIDE \/ longSide);\n        var vp = page.getViewport({ scale: scale });\n        var canvas = document.createElement('canvas');\n        canvas.className = 'varc-canvas';\n        canvas.width  = Math.round(vp.width);\n        canvas.height = Math.round(vp.height);\n        canvas.style.width  = Math.round(base.width  * fit) + 'px';\n        canvas.style.height = Math.round(base.height * fit) + 'px';\n        return page.render({ canvasContext: canvas.getContext('2d'), viewport: vp })\n          .promise.then(function(){ return { canvas: canvas, pages: pdf.numPages }; });\n      });\n    });\n  }\n\n  var medias = [].slice.call(root.querySelectorAll('.varc-media'));\n  var items  = medias.map(function(el){\n    return { type: el.dataset.type, src: el.dataset.src, title: el.dataset.title };\n  });\n\n  function buildPreview(media){\n    if(media.dataset.done) return;\n    media.dataset.done = '1';\n\n    var stato = media.querySelector('.varc-stato');\n\n    if(media.dataset.type === 'image'){\n      var img = document.createElement('img');\n      img.className = 'varc-image';\n      img.alt = media.dataset.title || 'Tavola';\n      img.onload = function(){\n        media.classList.add('is-ready');\n      };\n      img.onerror = function(){\n        if(stato){\n          var t = stato.querySelector('.varc-stato-txt');\n          if(t) t.textContent = 'Immagine non disponibile';\n        }\n      };\n      img.src = media.dataset.src;\n      media.insertBefore(img, media.firstChild);\n      return;\n    }\n\n    var box = media.getBoundingClientRect();\n    var w = Math.max(box.width  - 38, 200);\n    var h = Math.max(box.height - 38, 200);\n\n    withTimeout(renderPage(media.dataset.src, 1, w, h), 12000).then(function(res){\n      media.insertBefore(res.canvas, media.firstChild);\n      media.classList.add('is-ready');\n    }).catch(function(){\n      var f = document.createElement('iframe');\n      f.src = media.dataset.src + '#toolbar=0&navpanes=0&view=FitH';\n      f.title = media.dataset.title;\n      f.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;z-index:2;';\n      media.insertBefore(f, media.firstChild);\n      if(stato){\n        var t = stato.querySelector('.varc-stato-txt');\n        if(t) t.textContent = 'Tocca per aprire la tavola';\n      }\n    });\n  }\n\n  if('IntersectionObserver' in window){\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting){ buildPreview(e.target); io.unobserve(e.target); }\n      });\n    }, { rootMargin: '300px 0px' });\n    medias.forEach(function(m){ io.observe(m); });\n  } else {\n    medias.forEach(buildPreview);\n  }\n\n  \/* isola i clic dei media da tema e plugin *\/\n  medias.forEach(function(media){\n    ['click','mousedown','mouseup','touchstart','touchend','pointerdown','pointerup'].forEach(function(ev){\n      media.addEventListener(ev, function(e){ e.stopPropagation(); }, false);\n    });\n  });\n\n  \/* ---------- lightbox ---------- *\/\n  var lb, stage, titleEl, dlEl, tabEl, pagesEl, pageLabel, current = 0, curPage = 1, curPages = 1, prevOverflow = '';\n\n  function build(){\n    lb = document.createElement('div');\n    lb.className = 'varc-lb';\n    lb.setAttribute('role','dialog');\n    lb.setAttribute('aria-modal','true');\n    lb.setAttribute('aria-hidden','true');\n\n    var bar = document.createElement('div');\n    bar.className = 'varc-lb-bar';\n\n    titleEl = document.createElement('div');\n    titleEl.className = 'varc-lb-title';\n\n    pagesEl = document.createElement('div');\n    pagesEl.className = 'varc-lb-pages';\n    var pPrev = document.createElement('button');\n    pPrev.type='button'; pPrev.className='varc-lb-pgbtn'; pPrev.innerHTML='&#8249;';\n    pPrev.setAttribute('aria-label','Pagina precedente');\n    pageLabel = document.createElement('span');\n    var pNext = document.createElement('button');\n    pNext.type='button'; pNext.className='varc-lb-pgbtn'; pNext.innerHTML='&#8250;';\n    pNext.setAttribute('aria-label','Pagina successiva');\n    pagesEl.appendChild(pPrev); pagesEl.appendChild(pageLabel); pagesEl.appendChild(pNext);\n\n    dlEl = document.createElement('a');\n    dlEl.className = 'varc-lb-act';\n    dlEl.setAttribute('download',''); dlEl.setAttribute('rel','noopener');\n    dlEl.textContent = 'Scarica';\n\n    tabEl = document.createElement('a');\n    tabEl.className = 'varc-lb-act';\n    tabEl.setAttribute('target','_blank'); tabEl.setAttribute('rel','noopener noreferrer');\n    tabEl.textContent = 'Apri in una scheda';\n\n    var close = document.createElement('button');\n    close.type='button'; close.className='varc-lb-act varc-lb-close';\n    close.setAttribute('aria-label','Chiudi'); close.innerHTML='&times;';\n\n    bar.appendChild(titleEl); bar.appendChild(pagesEl);\n    bar.appendChild(dlEl); bar.appendChild(tabEl); bar.appendChild(close);\n\n    stage = document.createElement('div');\n    stage.className = 'varc-lb-stage';\n\n    var prev = document.createElement('button');\n    prev.type='button'; prev.className='varc-lb-nav varc-lb-prev';\n    prev.setAttribute('aria-label','Tavola precedente'); prev.innerHTML='&#8249;';\n    var next = document.createElement('button');\n    next.type='button'; next.className='varc-lb-nav varc-lb-next';\n    next.setAttribute('aria-label','Tavola successiva'); next.innerHTML='&#8250;';\n\n    lb.appendChild(bar); lb.appendChild(stage);\n    document.body.appendChild(lb);\n    stage.appendChild(prev); stage.appendChild(next);\n\n    close.addEventListener('click', hide);\n    prev.addEventListener('click', function(){ show(current - 1); });\n    next.addEventListener('click', function(){ show(current + 1); });\n    pPrev.addEventListener('click', function(){ gotoPage(curPage - 1); });\n    pNext.addEventListener('click', function(){ gotoPage(curPage + 1); });\n    stage.addEventListener('click', function(e){ if(e.target === stage) hide(); });\n    lb.addEventListener('click', function(e){ if(e.target === lb) hide(); });\n  }\n\n  function clearStage(){\n    [].slice.call(stage.querySelectorAll('canvas,iframe,img,.varc-lb-msg')).forEach(function(n){\n      n.parentNode.removeChild(n);\n    });\n  }\n\n  function stageBox(){\n    var r = stage.getBoundingClientRect();\n    return { w: Math.max(r.width - 40, 240), h: Math.max(r.height - 40, 240) };\n  }\n\n  function msg(text, showCancel){\n    var d = document.createElement('div');\n    d.className = 'varc-lb-msg';\n    var p = document.createElement('div');\n    p.textContent = text;\n    d.appendChild(p);\n    if(showCancel){\n      var c = document.createElement('button');\n      c.type = 'button'; c.className = 'varc-lb-cancel'; c.textContent = 'Annulla e chiudi';\n      c.addEventListener('click', hide);\n      d.appendChild(c);\n    }\n    stage.appendChild(d);\n    return d;\n  }\n\n  function gotoPage(n){\n    var it = items[current];\n    if(!it || it.type !== 'pdf') return;\n    if(n < 1) n = curPages;\n    if(n > curPages) n = 1;\n    curPage = n;\n    var b = stageBox();\n    withTimeout(renderPage(it.src, curPage, b.w, b.h), 12000).then(function(res){\n      clearStage();\n      stage.appendChild(res.canvas);\n      curPages = res.pages;\n      pageLabel.textContent = curPage + ' \/ ' + curPages;\n      pagesEl.classList.toggle('is-on', curPages > 1);\n    }).catch(function(){\n      clearStage();\n      msg('Questa pagina non si carica. Puoi scaricare il PDF con il pulsante qui sopra.', true);\n    });\n  }\n\n  function show(i){\n    if(!lb) build();\n    if(i < 0) i = items.length - 1;\n    if(i >= items.length) i = 0;\n    current = i; curPage = 1;\n    var it = items[i];\n\n    clearStage();\n    titleEl.textContent = it.title;\n    dlEl.href = it.src; tabEl.href = it.src;\n    pagesEl.classList.remove('is-on');\n\n    var openingFresh = !lb.classList.contains('is-open');\n    if(openingFresh){\n      prevOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n    }\n\n    lb.setAttribute('aria-hidden','false');\n    requestAnimationFrame(function(){ lb.classList.add('is-open'); });\n\n    if(it.type === 'image'){\n      var img = document.createElement('img');\n      img.src = it.src;\n      img.alt = it.title || 'Tavola';\n      img.addEventListener('error', function(){\n        clearStage();\n        msg('Questa immagine non si carica. Puoi aprirla o scaricarla con i pulsanti qui sopra.', true);\n      });\n      stage.appendChild(img);\n      return;\n    }\n\n    msg('Caricamento della tavola\u2026', true);\n    var b = stageBox();\n    withTimeout(renderPage(it.src, 1, b.w, b.h), 12000).then(function(res){\n      if(items[current] !== it) return;\n      clearStage();\n      stage.appendChild(res.canvas);\n      curPages = res.pages;\n      pageLabel.textContent = '1 \/ ' + curPages;\n      pagesEl.classList.toggle('is-on', curPages > 1);\n    }).catch(function(){\n      if(items[current] !== it) return;\n      clearStage();\n      var f = document.createElement('iframe');\n      f.src = it.src; f.title = it.title;\n      f.addEventListener('error', function(){\n        clearStage();\n        msg('Questa tavola non si carica. Puoi scaricarla con il pulsante qui sopra.', true);\n      });\n      stage.appendChild(f);\n    });\n  }\n\n  function hide(){\n    if(!lb) return;\n    lb.classList.remove('is-open');\n    lb.setAttribute('aria-hidden','true');\n    document.body.style.overflow = prevOverflow || '';\n    clearStage();\n  }\n\n  medias.forEach(function(media, i){\n    var trigger = media.querySelector('.varc-hit');\n    if(!trigger) return;\n    trigger.addEventListener('click', function(e){\n      e.preventDefault();\n      e.stopPropagation();\n      show(i);\n    });\n  });\n\n  document.addEventListener('keydown', function(e){\n    if(!lb || !lb.classList.contains('is-open')) return;\n    if(e.key === 'Escape') hide();\n    if(e.key === 'ArrowLeft') show(current - 1);\n    if(e.key === 'ArrowRight') show(current + 1);\n  });\n})();\n<\/script>\n\n<\/section>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sala Architettura Audioguida \u221210 \u25b6 +10 0:00 0:00 &#8220;` Tavole di studio Architettura Dalle tracce di Palladio al paesaggio che diventa architettura, fino alla geometria del silenzio. Ogni tavola si pu\u00f2 ingrandire e scaricare. Caricamento della tavola\u2026 Ingrandisci Pannello 01 Tracce di Palladio \u2014 una villa ridisegnata dal tempo I segni lasciati dal tempo sulla [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":7724,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7784","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","content_style_source":"inherit","vertical_spacing_source":"inherit","disable_featured_image":"no","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"#F5F0E6"}}},"styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] {background-color:#F5F0E6;background-image:none;}","tablet":"","mobile":""},"google_fonts":[],"version":8}},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sala Architettura - Villa Forni Cerato<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.villafornicerato.org\/en\/ilgiocodeisensi\/sala-architettura\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sala Architettura - Villa Forni Cerato\" \/>\n<meta property=\"og:description\" content=\"Sala Architettura Audioguida \u221210 \u25b6 +10 0:00 0:00 &#8220;` Tavole di studio Architettura Dalle tracce di Palladio al paesaggio che diventa architettura, fino alla geometria del silenzio. Ogni tavola si pu\u00f2 ingrandire e scaricare. Caricamento della tavola\u2026 Ingrandisci Pannello 01 Tracce di Palladio \u2014 una villa ridisegnata dal tempo I segni lasciati dal tempo sulla [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.villafornicerato.org\/en\/ilgiocodeisensi\/sala-architettura\/\" \/>\n<meta property=\"og:site_name\" content=\"Villa Forni Cerato\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-18T10:06:31+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.villafornicerato.org\\\/ilgiocodeisensi\\\/sala-architettura\\\/\",\"url\":\"https:\\\/\\\/www.villafornicerato.org\\\/ilgiocodeisensi\\\/sala-architettura\\\/\",\"name\":\"Sala Architettura - Villa Forni Cerato\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.villafornicerato.org\\\/#website\"},\"datePublished\":\"2026-09-15T19:13:17+00:00\",\"dateModified\":\"2026-09-18T10:06:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.villafornicerato.org\\\/ilgiocodeisensi\\\/sala-architettura\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.villafornicerato.org\\\/ilgiocodeisensi\\\/sala-architettura\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.villafornicerato.org\\\/ilgiocodeisensi\\\/sala-architettura\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.villafornicerato.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"IL GIOCO DEI SENSI\",\"item\":\"https:\\\/\\\/www.villafornicerato.org\\\/ilgiocodeisensi\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Sala Architettura\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.villafornicerato.org\\\/#website\",\"url\":\"https:\\\/\\\/www.villafornicerato.org\\\/\",\"name\":\"Villa Forni Cerato\",\"description\":\"onumento di Andrea Palladio \u00b7 Patrimonio UNESCO\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.villafornicerato.org\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.villafornicerato.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.villafornicerato.org\\\/#organization\",\"name\":\"Villa Forni Cerato\",\"url\":\"https:\\\/\\\/www.villafornicerato.org\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.villafornicerato.org\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.villafornicerato.org\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo2026_HD_VFC.png\",\"contentUrl\":\"https:\\\/\\\/www.villafornicerato.org\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo2026_HD_VFC.png\",\"width\":2486,\"height\":2363,\"caption\":\"Villa Forni Cerato\"},\"image\":{\"@id\":\"https:\\\/\\\/www.villafornicerato.org\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sala Architettura - Villa Forni Cerato","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.villafornicerato.org\/en\/ilgiocodeisensi\/sala-architettura\/","og_locale":"en_US","og_type":"article","og_title":"Sala Architettura - Villa Forni Cerato","og_description":"Sala Architettura Audioguida \u221210 \u25b6 +10 0:00 0:00 &#8220;` Tavole di studio Architettura Dalle tracce di Palladio al paesaggio che diventa architettura, fino alla geometria del silenzio. Ogni tavola si pu\u00f2 ingrandire e scaricare. Caricamento della tavola\u2026 Ingrandisci Pannello 01 Tracce di Palladio \u2014 una villa ridisegnata dal tempo I segni lasciati dal tempo sulla [&hellip;]","og_url":"https:\/\/www.villafornicerato.org\/en\/ilgiocodeisensi\/sala-architettura\/","og_site_name":"Villa Forni Cerato","article_modified_time":"2026-09-18T10:06:31+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.villafornicerato.org\/ilgiocodeisensi\/sala-architettura\/","url":"https:\/\/www.villafornicerato.org\/ilgiocodeisensi\/sala-architettura\/","name":"Sala Architettura - Villa Forni Cerato","isPartOf":{"@id":"https:\/\/www.villafornicerato.org\/#website"},"datePublished":"2026-09-15T19:13:17+00:00","dateModified":"2026-09-18T10:06:31+00:00","breadcrumb":{"@id":"https:\/\/www.villafornicerato.org\/ilgiocodeisensi\/sala-architettura\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.villafornicerato.org\/ilgiocodeisensi\/sala-architettura\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.villafornicerato.org\/ilgiocodeisensi\/sala-architettura\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.villafornicerato.org\/"},{"@type":"ListItem","position":2,"name":"IL GIOCO DEI SENSI","item":"https:\/\/www.villafornicerato.org\/ilgiocodeisensi\/"},{"@type":"ListItem","position":3,"name":"Sala Architettura"}]},{"@type":"WebSite","@id":"https:\/\/www.villafornicerato.org\/#website","url":"https:\/\/www.villafornicerato.org\/","name":"Villa Forni Cerato","description":"onumento di Andrea Palladio \u00b7 Patrimonio UNESCO","publisher":{"@id":"https:\/\/www.villafornicerato.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.villafornicerato.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.villafornicerato.org\/#organization","name":"Villa Forni Cerato","url":"https:\/\/www.villafornicerato.org\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.villafornicerato.org\/#\/schema\/logo\/image\/","url":"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/05\/Logo2026_HD_VFC.png","contentUrl":"https:\/\/www.villafornicerato.org\/wp-content\/uploads\/2026\/05\/Logo2026_HD_VFC.png","width":2486,"height":2363,"caption":"Villa Forni Cerato"},"image":{"@id":"https:\/\/www.villafornicerato.org\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.villafornicerato.org\/en\/wp-json\/wp\/v2\/pages\/7784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.villafornicerato.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.villafornicerato.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.villafornicerato.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.villafornicerato.org\/en\/wp-json\/wp\/v2\/comments?post=7784"}],"version-history":[{"count":9,"href":"https:\/\/www.villafornicerato.org\/en\/wp-json\/wp\/v2\/pages\/7784\/revisions"}],"predecessor-version":[{"id":7928,"href":"https:\/\/www.villafornicerato.org\/en\/wp-json\/wp\/v2\/pages\/7784\/revisions\/7928"}],"up":[{"embeddable":true,"href":"https:\/\/www.villafornicerato.org\/en\/wp-json\/wp\/v2\/pages\/7724"}],"wp:attachment":[{"href":"https:\/\/www.villafornicerato.org\/en\/wp-json\/wp\/v2\/media?parent=7784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}