{"id":207,"date":"2022-02-07T09:38:29","date_gmt":"2022-02-07T09:38:29","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/lawyer-v1\/?page_id=207"},"modified":"2026-08-08T08:14:17","modified_gmt":"2026-08-08T08:14:17","slug":"attorney","status":"publish","type":"page","link":"https:\/\/museovietri.it\/?page_id=207","title":{"rendered":"Tour Virtuale 360\u00b0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"207\" class=\"elementor elementor-207\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-55ccf8c elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"55ccf8c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;opacity-tilt&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-875411e\" data-id=\"875411e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-325071c elementor-widget elementor-widget-heading\" data-id=\"325071c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tour Virtuale 360\u00b0<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36266b0 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"36266b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-de71ad7 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"de71ad7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e34d60\" data-id=\"5e34d60\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a61730 elementor-widget elementor-widget-heading\" data-id=\"9a61730\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">360\u00b0 <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-735dee3 elementor-widget elementor-widget-heading\" data-id=\"735dee3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Centro storico <br>di Vietri di Potenza<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8c4ebe elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"c8c4ebe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mobile-iframe-wrapper\">\r\n  <iframe \r\n    src=\"https:\/\/tour.panoee.net\/6a0588eb27320f129407eb04\/piazza_xviii_novembre00000008\" \r\n    allowfullscreen\r\n    loading=\"lazy\">\r\n  <\/iframe>\r\n<\/div>\r\n\r\n<style>\r\n.mobile-iframe-wrapper {\r\n  width: 100%;\r\n  height: 70vh;\r\n  min-height: 480px;\r\n  background: #000;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.mobile-iframe-wrapper iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  display: block;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .mobile-iframe-wrapper {\r\n    height: 75vh;\r\n    min-height: 520px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb835ae elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"bb835ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"multi-tour-map mappa-centro-storico\">\r\n\r\n  <!-- MAPPA CENTRO STORICO -->\r\n  <div class=\"map-section\">\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/museovietri.it\/wp-content\/uploads\/2026\/05\/centro-storico.webp\" \r\n      class=\"map-image\" \r\n      alt=\"Mappa percorso centro storico\"\r\n    >\r\n\r\n    <button class=\"map-point point-1\" data-tour=\"1\">Piazza<br>XIII Novembre<\/button>\r\n    <button class=\"map-point point-2\" data-tour=\"2\">Monumento<br>Caduti<\/button>\r\n    <button class=\"map-point point-3\" data-tour=\"3\">Torre<br>Orologio<\/button>\r\n    <button class=\"map-point point-4\" data-tour=\"4\">San<br>Biagio<\/button>\r\n  <\/div>\r\n\r\n  <!-- TOUR 360 -->\r\n  <div class=\"tour-section\">\r\n    <button class=\"back-button\">\u2190 Torna alla mappa<\/button>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"1\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/6a0588eb27320f129407eb04\/piazza_xviii_novembre00000008\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"2\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/6a05994627320fe5e107ed0f\/monumento_caduti00000034\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"3\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/6a059ead43d1b22aa163994a\/orologio_ingresso00000030\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"4\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/6a05a0ee43d1b2166063997c\/entrata_san_biagio00000010\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.multi-tour-map {\r\n  width: 100%;\r\n  height: 60vh;\r\n  min-height: 500px;\r\n  background: #111;\r\n  overflow: hidden;\r\n  position: relative;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* MAPPA *\/\r\n.multi-tour-map .map-section {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n\r\n.multi-tour-map .map-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* PUNTI CLICCABILI *\/\r\n.multi-tour-map .map-point {\r\n  position: absolute;\r\n  width: 92px;\r\n  height: 92px;\r\n  border-radius: 50%;\r\n  border: 3px solid #ffffff;\r\n  background: #f6a000;\r\n  color: #ffffff;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 25px rgba(0,0,0,0.45);\r\n  z-index: 5;\r\n  transition: transform 0.2s ease, background 0.2s ease;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  line-height: 1.1;\r\n  padding: 6px;\r\n}\r\n\r\n.multi-tour-map .map-point:hover {\r\n  transform: scale(1.08);\r\n  background: #ffb52b;\r\n}\r\n\r\n\/* POSIZIONE PUNTI CENTRO STORICO - MODIFICA QUESTE PERCENTUALI *\/\r\n.mappa-centro-storico .point-1 {\r\n  left: 58%;\r\n  top: 70%;\r\n}\r\n\r\n.mappa-centro-storico .point-2 {\r\n  left: 50%;\r\n  top: 25%;\r\n}\r\n\r\n.mappa-centro-storico .point-3 {\r\n  left: 38%;\r\n  top: 35%;\r\n}\r\n\r\n.mappa-centro-storico .point-4 {\r\n  left: 40%;\r\n  top: 5%;\r\n}\r\n\r\n\/* SEZIONE TOUR *\/\r\n.multi-tour-map .tour-section {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #000;\r\n  z-index: 20;\r\n}\r\n\r\n.multi-tour-map .tour-section.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.multi-tour-map .tour-frame.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n}\r\n\r\n\/* BOTTONE TORNA - ALLINEATO A DESTRA *\/\r\n.multi-tour-map .back-button {\r\n  position: absolute;\r\n  top: 40px;\r\n  right: 40px !important;\r\n  left: auto !important;\r\n  z-index: 30;\r\n  padding: 16px 24px;\r\n  border: 0;\r\n  border-radius: 40px;\r\n  background: rgba(255,255,255,0.92);\r\n  color: #111;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 20px rgba(0,0,0,0.35);\r\n}\r\n\r\n.multi-tour-map .back-button:hover {\r\n  background: #ffffff;\r\n}\r\n\r\n\/* TABLET \/ MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .multi-tour-map {\r\n    height: 70vh;\r\n    min-height: 450px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 70px;\r\n    height: 70px;\r\n    font-size: 9px;\r\n    padding: 5px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 20px;\r\n    right: 20px !important;\r\n    left: auto !important;\r\n    padding: 12px 18px;\r\n    font-size: 15px;\r\n  }\r\n}\r\n\r\n\/* SMARTPHONE PICCOLI *\/\r\n@media (max-width: 480px) {\r\n  .multi-tour-map {\r\n    height: 68vh;\r\n    min-height: 420px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 58px;\r\n    height: 58px;\r\n    font-size: 8px;\r\n    border-width: 2px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 12px;\r\n    right: 12px !important;\r\n    left: auto !important;\r\n    padding: 9px 14px;\r\n    font-size: 13px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelectorAll('.multi-tour-map').forEach(function(mapBlock) {\r\n\r\n  if (mapBlock.dataset.initialized === 'true') {\r\n    return;\r\n  }\r\n\r\n  mapBlock.dataset.initialized = 'true';\r\n\r\n  var points = mapBlock.querySelectorAll('.map-point');\r\n  var tourSection = mapBlock.querySelector('.tour-section');\r\n  var frames = mapBlock.querySelectorAll('.tour-frame');\r\n  var backButton = mapBlock.querySelector('.back-button');\r\n\r\n  points.forEach(function(point) {\r\n    point.addEventListener('click', function() {\r\n      var tourNumber = point.getAttribute('data-tour');\r\n\r\n      tourSection.classList.add('active');\r\n\r\n      frames.forEach(function(frame) {\r\n        frame.classList.remove('active');\r\n      });\r\n\r\n      var selectedFrame = mapBlock.querySelector('.tour-frame[data-frame=\"' + tourNumber + '\"]');\r\n\r\n      if (selectedFrame) {\r\n        selectedFrame.classList.add('active');\r\n      }\r\n    });\r\n  });\r\n\r\n  backButton.addEventListener('click', function() {\r\n    tourSection.classList.remove('active');\r\n\r\n    frames.forEach(function(frame) {\r\n      frame.classList.remove('active');\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-118b5aa elementor-widget elementor-widget-heading\" data-id=\"118b5aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Convento <br>dei  Frati Cappuccini<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-748fbf5 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"748fbf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mobile-iframe-wrapper\">\r\n  <iframe \r\n    src=\"https:\/\/tour.panoee.net\/6a05b69643d3f7f99d439bec\/giardino_ingresso00000061\" \r\n    allowfullscreen\r\n    loading=\"lazy\">\r\n  <\/iframe>\r\n<\/div>\r\n\r\n<style>\r\n.mobile-iframe-wrapper {\r\n  width: 100%;\r\n  height: 70vh;\r\n  min-height: 480px;\r\n  background: #000;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.mobile-iframe-wrapper iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  display: block;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .mobile-iframe-wrapper {\r\n    height: 75vh;\r\n    min-height: 520px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d403b2e elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"d403b2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"multi-tour-map mappa-convento\">\r\n\r\n  <!-- MAPPA CONVENTO -->\r\n  <div class=\"map-section\">\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/museovietri.it\/wp-content\/uploads\/2026\/05\/convento-1.webp\" \r\n      class=\"map-image\" \r\n      alt=\"Mappa percorso convento\"\r\n    >\r\n\r\n    <button class=\"map-point point-1\" data-tour=\"1\">Esterno<\/button>\r\n    <button class=\"map-point point-2\" data-tour=\"2\">Chiesa<\/button>\r\n    <button class=\"map-point point-3\" data-tour=\"3\">Chiostro<\/button>\r\n    <button class=\"map-point point-4\" data-tour=\"4\">Biblioteca<\/button>\r\n    <button class=\"map-point point-5\" data-tour=\"5\">Giardino<\/button>\r\n  <\/div>\r\n\r\n  <!-- TOUR 360 -->\r\n  <div class=\"tour-section\">\r\n    <button class=\"back-button\">\u2190 Torna alla mappa<\/button>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"1\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/6a05a8f843d3f72c4a439a4c\/esterno_croce_viaria00000087\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"2\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/6a05ae9b9154ae0e7f417eeb\/chiesa_entrata00000003\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"3\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/6a05b1d843d3f75b8e439b45\/chiostro_entrata00000032\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"4\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/6a05b94443d3f76bbe439c6b\/biblioteca_anticamera00000205\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"5\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/6a05b69643d3f7f99d439bec\/giardino_ingresso00000061\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.multi-tour-map {\r\n  width: 100%;\r\n  height: 60vh;\r\n  min-height: 500px;\r\n  background: #111;\r\n  overflow: hidden;\r\n  position: relative;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* MAPPA *\/\r\n.multi-tour-map .map-section {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n\r\n.multi-tour-map .map-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* PUNTI CLICCABILI *\/\r\n.multi-tour-map .map-point {\r\n  position: absolute;\r\n  width: 92px;\r\n  height: 92px;\r\n  border-radius: 50%;\r\n  border: 3px solid #ffffff;\r\n  background: #f6a000;\r\n  color: #ffffff;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 25px rgba(0,0,0,0.45);\r\n  z-index: 5;\r\n  transition: transform 0.2s ease, background 0.2s ease;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  line-height: 1.1;\r\n  padding: 6px;\r\n}\r\n\r\n.multi-tour-map .map-point:hover {\r\n  transform: scale(1.08);\r\n  background: #ffb52b;\r\n}\r\n\r\n\/* POSIZIONE PUNTI CONVENTO - MODIFICA QUESTE PERCENTUALI *\/\r\n.mappa-convento .point-1 {\r\n  left: 55%;\r\n  top: 43%;\r\n}\r\n\r\n.mappa-convento .point-2 {\r\n  left: 45%;\r\n  top: 60%;\r\n}\r\n\r\n.mappa-convento .point-3 {\r\n  left: 45%;\r\n  top: 40%;\r\n}\r\n\r\n.mappa-convento .point-4 {\r\n  left: 35%;\r\n  top: 31%;\r\n}\r\n\r\n.mappa-convento .point-5 {\r\n  left: 38%;\r\n  top: 63%;\r\n}\r\n\r\n\/* SEZIONE TOUR *\/\r\n.multi-tour-map .tour-section {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #000;\r\n  z-index: 20;\r\n}\r\n\r\n.multi-tour-map .tour-section.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.multi-tour-map .tour-frame.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n}\r\n\r\n\/* BOTTONE TORNA - ALLINEATO A DESTRA *\/\r\n.multi-tour-map .back-button {\r\n  position: absolute;\r\n  top: 40px;\r\n  right: 40px !important;\r\n  left: auto !important;\r\n  z-index: 30;\r\n  padding: 16px 24px;\r\n  border: 0;\r\n  border-radius: 40px;\r\n  background: rgba(255,255,255,0.92);\r\n  color: #111;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 20px rgba(0,0,0,0.35);\r\n}\r\n\r\n.multi-tour-map .back-button:hover {\r\n  background: #ffffff;\r\n}\r\n\r\n\/* TABLET \/ MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .multi-tour-map {\r\n    height: 70vh;\r\n    min-height: 450px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 70px;\r\n    height: 70px;\r\n    font-size: 10px;\r\n    padding: 5px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 20px;\r\n    right: 20px !important;\r\n    left: auto !important;\r\n    padding: 12px 18px;\r\n    font-size: 15px;\r\n  }\r\n}\r\n\r\n\/* SMARTPHONE PICCOLI *\/\r\n@media (max-width: 480px) {\r\n  .multi-tour-map {\r\n    height: 68vh;\r\n    min-height: 420px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 58px;\r\n    height: 58px;\r\n    font-size: 8px;\r\n    border-width: 2px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 12px;\r\n    right: 12px !important;\r\n    left: auto !important;\r\n    padding: 9px 14px;\r\n    font-size: 13px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelectorAll('.multi-tour-map').forEach(function(mapBlock) {\r\n\r\n  if (mapBlock.dataset.initialized === 'true') {\r\n    return;\r\n  }\r\n\r\n  mapBlock.dataset.initialized = 'true';\r\n\r\n  var points = mapBlock.querySelectorAll('.map-point');\r\n  var tourSection = mapBlock.querySelector('.tour-section');\r\n  var frames = mapBlock.querySelectorAll('.tour-frame');\r\n  var backButton = mapBlock.querySelector('.back-button');\r\n\r\n  points.forEach(function(point) {\r\n    point.addEventListener('click', function() {\r\n      var tourNumber = point.getAttribute('data-tour');\r\n\r\n      tourSection.classList.add('active');\r\n\r\n      frames.forEach(function(frame) {\r\n        frame.classList.remove('active');\r\n      });\r\n\r\n      var selectedFrame = mapBlock.querySelector('.tour-frame[data-frame=\"' + tourNumber + '\"]');\r\n\r\n      if (selectedFrame) {\r\n        selectedFrame.classList.add('active');\r\n      }\r\n    });\r\n  });\r\n\r\n  backButton.addEventListener('click', function() {\r\n    tourSection.classList.remove('active');\r\n\r\n    frames.forEach(function(frame) {\r\n      frame.classList.remove('active');\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fbdc14 elementor-widget elementor-widget-heading\" data-id=\"5fbdc14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Monte <br>Rotonda<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be5fc7a elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"be5fc7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mobile-iframe-wrapper\">\r\n  <iframe \r\n    src=\"https:\/\/tour.panoee.net\/69e2015dc6f25ed8952eaa67\/cava00000012\r\n\" \r\n    allowfullscreen\r\n    loading=\"lazy\">\r\n  <\/iframe>\r\n<\/div>\r\n\r\n<style>\r\n.mobile-iframe-wrapper {\r\n  width: 100%;\r\n  height: 70vh;\r\n  min-height: 480px;\r\n  background: #000;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.mobile-iframe-wrapper iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  display: block;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .mobile-iframe-wrapper {\r\n    height: 75vh;\r\n    min-height: 520px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61f2bae elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"61f2bae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"multi-tour-map mappa-monte-rotonda\">\r\n\r\n  <!-- MAPPA MONTE ROTONDA -->\r\n  <div class=\"map-section\">\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/museovietri.it\/wp-content\/uploads\/2026\/05\/monte-rotonda.webp\" \r\n      class=\"map-image\" \r\n      alt=\"Mappa Monte Rotonda\"\r\n    >\r\n\r\n    <button class=\"map-point point-1\" data-tour=\"1\">Cava<\/button>\r\n    <button class=\"map-point point-2\" data-tour=\"2\">Cima<\/button>\r\n  <\/div>\r\n\r\n  <!-- TOUR 360 -->\r\n  <div class=\"tour-section\">\r\n    <button class=\"back-button\">\u2190 Torna alla mappa<\/button>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"1\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e2015dc6f25ed8952eaa67\/cava00000012\r\n\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"2\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e2015dc6f25ed8952eaa67\/cima1_00000000\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.multi-tour-map {\r\n  width: 100%;\r\n  height: 60vh;\r\n  min-height: 500px;\r\n  background: #111;\r\n  overflow: hidden;\r\n  position: relative;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* MAPPA *\/\r\n.multi-tour-map .map-section {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n\r\n.multi-tour-map .map-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* PUNTI CLICCABILI *\/\r\n.multi-tour-map .map-point {\r\n  position: absolute;\r\n  width: 64px;\r\n  height: 64px;\r\n  border-radius: 50%;\r\n  border: 3px solid #fffff;\r\n  background: #f6a000;\r\n  color: #ffffff;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 25px rgba(0,0,0,0.45);\r\n  z-index: 5;\r\n  transition: transform 0.2s ease, background 0.2s ease;\r\n}\r\n\r\n.multi-tour-map .map-point:hover {\r\n  transform: scale(1.08);\r\n  background: #ffb52b;\r\n}\r\n\r\n\/* POSIZIONE PUNTI MONTE ROTONDA *\/\r\n.mappa-monte-rotonda .point-1 {\r\n  left: 45%;\r\n  top: 65%;\r\n}\r\n\r\n.mappa-monte-rotonda .point-2 {\r\n  left: 30%;\r\n  top: 22%;\r\n}\r\n\r\n\/* SEZIONE TOUR *\/\r\n.multi-tour-map .tour-section {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #000;\r\n  z-index: 20;\r\n}\r\n\r\n.multi-tour-map .tour-section.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.multi-tour-map .tour-frame.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n}\r\n\r\n\/* BOTTONE TORNA *\/\r\n.multi-tour-map .back-button {\r\n  position: absolute;\r\n  top: 40px;\r\n  left: 800px;\r\n  z-index: 30;\r\n  padding: 16px 24px;\r\n  border: 0;\r\n  border-radius: 40px;\r\n  background: rgba(255,255,255,0.92);\r\n  color: #111;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 20px rgba(0,0,0,0.35);\r\n}\r\n\r\n.multi-tour-map .back-button:hover {\r\n  background: #ffffff;\r\n}\r\n\r\n\/* VERSIONE MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .multi-tour-map {\r\n    height: 70vh;\r\n    min-height: 450px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 48px;\r\n    height: 48px;\r\n    font-size: 20px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 20px;\r\n    left: 20px;\r\n    padding: 12px 18px;\r\n    font-size: 15px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelectorAll('.multi-tour-map').forEach(function(mapBlock) {\r\n\r\n  var points = mapBlock.querySelectorAll('.map-point');\r\n  var tourSection = mapBlock.querySelector('.tour-section');\r\n  var frames = mapBlock.querySelectorAll('.tour-frame');\r\n  var backButton = mapBlock.querySelector('.back-button');\r\n\r\n  points.forEach(function(point) {\r\n    point.addEventListener('click', function() {\r\n      var tourNumber = point.getAttribute('data-tour');\r\n\r\n      tourSection.classList.add('active');\r\n\r\n      frames.forEach(function(frame) {\r\n        frame.classList.remove('active');\r\n      });\r\n\r\n      var selectedFrame = mapBlock.querySelector('.tour-frame[data-frame=\"' + tourNumber + '\"]');\r\n\r\n      if (selectedFrame) {\r\n        selectedFrame.classList.add('active');\r\n      }\r\n    });\r\n  });\r\n\r\n  backButton.addEventListener('click', function() {\r\n    tourSection.classList.remove('active');\r\n\r\n    frames.forEach(function(frame) {\r\n      frame.classList.remove('active');\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f65ab42 elementor-widget elementor-widget-heading\" data-id=\"f65ab42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">I <br>Murales<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8d0467 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"c8d0467\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mobile-iframe-wrapper\">\r\n  <iframe \r\n    src=\"https:\/\/tour.panoee.net\/69e74c63d3e8e23f2524a7ef\/tracciolino00000008\" \r\n    allowfullscreen\r\n    loading=\"lazy\">\r\n  <\/iframe>\r\n<\/div>\r\n\r\n<style>\r\n.mobile-iframe-wrapper {\r\n  width: 100%;\r\n  height: 70vh;\r\n  min-height: 480px;\r\n  background: #000;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.mobile-iframe-wrapper iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  display: block;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .mobile-iframe-wrapper {\r\n    height: 75vh;\r\n    min-height: 520px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4dc4862 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"4dc4862\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"multi-tour-map mappa-murales\">\r\n\r\n  <!-- MAPPA MURALES -->\r\n  <div class=\"map-section\">\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/museovietri.it\/wp-content\/uploads\/2026\/05\/murales.webp\" \r\n      class=\"map-image\" \r\n      alt=\"Mappa percorso murales\"\r\n    >\r\n\r\n    <button class=\"map-point point-1\" data-tour=\"1\">Tracciolino<\/button>\r\n    <button class=\"map-point point-2\" data-tour=\"2\">Falcone<br>Borsellino<\/button>\r\n    <button class=\"map-point point-3\" data-tour=\"3\">Oro<br>di Vietri<\/button>\r\n    <button class=\"map-point point-4\" data-tour=\"4\">Colibr\u00ec<\/button>\r\n    <button class=\"map-point point-5\" data-tour=\"5\">Mani<br> Happyless<\/button>\r\n    <button class=\"map-point point-6\" data-tour=\"6\">Alma<br>Mater<\/button>\r\n    <button class=\"map-point point-7\" data-tour=\"7\">Bambina<\/button>\r\n  <\/div>\r\n\r\n  <!-- TOUR 360 -->\r\n  <div class=\"tour-section\">\r\n    <button class=\"back-button\">\u2190 Torna alla mappa<\/button>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"1\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e74c63d3e8e23f2524a7ef\/tracciolino00000008\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"2\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e74c63d3e8e23f2524a7ef\/falcone_borsellino00000000\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"3\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e74c63d3e8e23f2524a7ef\/oro_di_vietri00000002\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"4\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e74c63d3e8e23f2524a7ef\/colibri_basso00000014\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"5\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e74c63d3e8e23f2524a7ef\/happyless00000005\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"6\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e74c63d3e8e23f2524a7ef\/nonna00000024\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"7\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e74c63d3e8e23f2524a7ef\/bambina_sx00000017\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.multi-tour-map {\r\n  width: 100%;\r\n  height: 80vh;\r\n  min-height: 500px;\r\n  background: #111;\r\n  overflow: hidden;\r\n  position: relative;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* MAPPA *\/\r\n.multi-tour-map .map-section {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n\r\n.multi-tour-map .map-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* PUNTI CLICCABILI *\/\r\n.multi-tour-map .map-point {\r\n  position: absolute;\r\n  width: 92px;\r\n  height: 92px;\r\n  border-radius: 50%;\r\n  border: 3px solid #ffffff;\r\n  background: #f6a000;\r\n  color: #ffffff;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 25px rgba(0,0,0,0.45);\r\n  z-index: 5;\r\n  transition: transform 0.2s ease, background 0.2s ease;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  line-height: 1.1;\r\n  padding: 6px;\r\n}\r\n\r\n.multi-tour-map .map-point:hover {\r\n  transform: scale(1.08);\r\n  background: #ffb52b;\r\n}\r\n\r\n\/* POSIZIONE PUNTI MURALES - MODIFICA QUESTE PERCENTUALI *\/\r\n.mappa-murales .point-1 {\r\n  left: 45%;\r\n  top: 82%;\r\n}\r\n\r\n.mappa-murales .point-2 {\r\n  left: 45%;\r\n  top: 62%;\r\n}\r\n\r\n.mappa-murales .point-3 {\r\n  left: 57%;\r\n  top: 35%;\r\n}\r\n\r\n.mappa-murales .point-4 {\r\n  left: 24%;\r\n  top: 57%;\r\n}\r\n\r\n.mappa-murales .point-5 {\r\n  left: 52%;\r\n  top: 82%;\r\n}\r\n\r\n.mappa-murales .point-6 {\r\n  left: 74%;\r\n  top: 70%;\r\n}\r\n\r\n.mappa-murales .point-7 {\r\n  left: 62%;\r\n  top: 7%;\r\n}\r\n\r\n\/* SEZIONE TOUR *\/\r\n.multi-tour-map .tour-section {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #000;\r\n  z-index: 20;\r\n}\r\n\r\n.multi-tour-map .tour-section.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.multi-tour-map .tour-frame.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n}\r\n\r\n\/* BOTTONE TORNA - ALLINEATO A DESTRA *\/\r\n.multi-tour-map .back-button {\r\n  position: absolute;\r\n  top: 40px;\r\n  right: 40px !important;\r\n  left: auto !important;\r\n  z-index: 30;\r\n  padding: 16px 24px;\r\n  border: 0;\r\n  border-radius: 40px;\r\n  background: rgba(255,255,255,0.92);\r\n  color: #111;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 20px rgba(0,0,0,0.35);\r\n}\r\n\r\n.multi-tour-map .back-button:hover {\r\n  background: #ffffff;\r\n}\r\n\r\n\/* TABLET \/ MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .multi-tour-map {\r\n    height: 70vh;\r\n    min-height: 450px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 70px;\r\n    height: 70px;\r\n    font-size: 9px;\r\n    padding: 5px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 20px;\r\n    right: 20px !important;\r\n    left: auto !important;\r\n    padding: 12px 18px;\r\n    font-size: 15px;\r\n  }\r\n}\r\n\r\n\/* SMARTPHONE PICCOLI *\/\r\n@media (max-width: 480px) {\r\n  .multi-tour-map {\r\n    height: 68vh;\r\n    min-height: 420px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 58px;\r\n    height: 58px;\r\n    font-size: 7px;\r\n    border-width: 2px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 12px;\r\n    right: 12px !important;\r\n    left: auto !important;\r\n    padding: 9px 14px;\r\n    font-size: 13px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelectorAll('.multi-tour-map').forEach(function(mapBlock) {\r\n\r\n  if (mapBlock.dataset.initialized === 'true') {\r\n    return;\r\n  }\r\n\r\n  mapBlock.dataset.initialized = 'true';\r\n\r\n  var points = mapBlock.querySelectorAll('.map-point');\r\n  var tourSection = mapBlock.querySelector('.tour-section');\r\n  var frames = mapBlock.querySelectorAll('.tour-frame');\r\n  var backButton = mapBlock.querySelector('.back-button');\r\n\r\n  points.forEach(function(point) {\r\n    point.addEventListener('click', function() {\r\n      var tourNumber = point.getAttribute('data-tour');\r\n\r\n      tourSection.classList.add('active');\r\n\r\n      frames.forEach(function(frame) {\r\n        frame.classList.remove('active');\r\n      });\r\n\r\n      var selectedFrame = mapBlock.querySelector('.tour-frame[data-frame=\"' + tourNumber + '\"]');\r\n\r\n      if (selectedFrame) {\r\n        selectedFrame.classList.add('active');\r\n      }\r\n    });\r\n  });\r\n\r\n  backButton.addEventListener('click', function() {\r\n    tourSection.classList.remove('active');\r\n\r\n    frames.forEach(function(frame) {\r\n      frame.classList.remove('active');\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd5ba3e elementor-widget elementor-widget-heading\" data-id=\"bd5ba3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Le <br>Fontane<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14cfffc elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"14cfffc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mobile-iframe-wrapper\">\r\n  <iframe \r\n    src=\"https:\/\/tour.panoee.net\/69e20b62c6f25e61182eac6c\/fontana_nuova00000005\" \r\n    allowfullscreen\r\n    loading=\"lazy\">\r\n  <\/iframe>\r\n<\/div>\r\n\r\n<style>\r\n.mobile-iframe-wrapper {\r\n  width: 100%;\r\n  height: 70vh;\r\n  min-height: 480px;\r\n  background: #000;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.mobile-iframe-wrapper iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  display: block;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .mobile-iframe-wrapper {\r\n    height: 75vh;\r\n    min-height: 520px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa75557 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"aa75557\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"multi-tour-map mappa-fontane\">\r\n\r\n  <!-- MAPPA FONTANE -->\r\n  <div class=\"map-section\">\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/museovietri.it\/wp-content\/uploads\/2026\/05\/fontane.webp\" \r\n      class=\"map-image\" \r\n      alt=\"Mappa percorso fontane\"\r\n    >\r\n\r\n    <button class=\"map-point point-1\" data-tour=\"1\">Fontana<br>Nuova<\/button>\r\n    <button class=\"map-point point-2\" data-tour=\"2\">Cammard\u00e0<\/button>\r\n    <button class=\"map-point point-3\" data-tour=\"3\">San<br>Vito<\/button>\r\n    <button class=\"map-point point-4\" data-tour=\"4\">San<br>Giovanni<\/button>\r\n    <button class=\"map-point point-5\" data-tour=\"5\">Grotta<br>di Cesare<\/button>\r\n    <button class=\"map-point point-6\" data-tour=\"6\">Veglia<\/button>\r\n  <\/div>\r\n\r\n  <!-- TOUR 360 -->\r\n  <div class=\"tour-section\">\r\n    <button class=\"back-button\">\u2190 Torna alla mappa<\/button>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"1\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e20b62c6f25e61182eac6c\/fontana_nuova00000005\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"2\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e20b62c6f25e61182eac6c\/fontana_cammarda00000559\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"3\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e20b62c6f25e61182eac6c\/fontana_san_vito00000010\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"4\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e20b62c6f25e61182eac6c\/fontana_san_giovanni00000228\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"5\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e20b62c6f25e61182eac6c\/grotta_di_cesare00000053\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"6\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e20b62c6f25e61182eac6c\/fontana_veglia00000015\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.multi-tour-map {\r\n  width: 100%;\r\n  height: 60vh;\r\n  min-height: 500px;\r\n  background: #111;\r\n  overflow: hidden;\r\n  position: relative;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* MAPPA *\/\r\n.multi-tour-map .map-section {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n\r\n.multi-tour-map .map-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* PUNTI CLICCABILI *\/\r\n.multi-tour-map .map-point {\r\n  position: absolute;\r\n  width: 92px;\r\n  height: 92px;\r\n  border-radius: 50%;\r\n  border: 3px solid #ffffff;\r\n  background: #f6a000;\r\n  color: #ffffff;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 25px rgba(0,0,0,0.45);\r\n  z-index: 5;\r\n  transition: transform 0.2s ease, background 0.2s ease;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  line-height: 1.1;\r\n  padding: 6px;\r\n}\r\n\r\n.multi-tour-map .map-point:hover {\r\n  transform: scale(1.08);\r\n  background: #ffb52b;\r\n}\r\n\r\n\/* POSIZIONE PUNTI FONTANE - MODIFICA QUESTE PERCENTUALI *\/\r\n.mappa-fontane .point-1 {\r\n  left: 40%;\r\n  top: 75%;\r\n}\r\n\r\n.mappa-fontane .point-2 {\r\n  left: 18%;\r\n  top: 18%;\r\n}\r\n\r\n.mappa-fontane .point-3 {\r\n  left: 57%;\r\n  top: 4%;\r\n}\r\n\r\n.mappa-fontane .point-4 {\r\n  left: 72%;\r\n  top: 22%;\r\n}\r\n\r\n.mappa-fontane .point-5 {\r\n  left: 50%;\r\n  top: 80%;\r\n}\r\n\r\n.mappa-fontane .point-6 {\r\n  left: 50%;\r\n  top: 30%;\r\n}\r\n\r\n\/* SEZIONE TOUR *\/\r\n.multi-tour-map .tour-section {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #000;\r\n  z-index: 20;\r\n}\r\n\r\n.multi-tour-map .tour-section.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.multi-tour-map .tour-frame.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n}\r\n\r\n\/* BOTTONE TORNA *\/\r\n.multi-tour-map .back-button {\r\n  position: absolute;\r\n  top: 40px;\r\n  right: 40px !important;\r\n  left: auto !important;\r\n  z-index: 30;\r\n  padding: 16px 24px;\r\n  border: 0;\r\n  border-radius: 40px;\r\n  background: rgba(255,255,255,0.92);\r\n  color: #111;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 20px rgba(0,0,0,0.35);\r\n}\r\n\r\n.multi-tour-map .back-button:hover {\r\n  background: #ffffff;\r\n}\r\n\r\n\/* VERSIONE MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .multi-tour-map {\r\n    height: 70vh;\r\n    min-height: 450px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 70px;\r\n    height: 70px;\r\n    font-size: 10px;\r\n    padding: 5px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 20px;\r\n    left: 20px;\r\n    padding: 12px 18px;\r\n    font-size: 15px;\r\n  }\r\n}\r\n\r\n\/* SMARTPHONE PICCOLI *\/\r\n@media (max-width: 480px) {\r\n  .multi-tour-map {\r\n    height: 68vh;\r\n    min-height: 420px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 58px;\r\n    height: 58px;\r\n    font-size: 8px;\r\n    border-width: 2px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 12px;\r\n    left: 12px;\r\n    padding: 9px 14px;\r\n    font-size: 13px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelectorAll('.multi-tour-map').forEach(function(mapBlock) {\r\n\r\n  if (mapBlock.dataset.initialized === 'true') {\r\n    return;\r\n  }\r\n\r\n  mapBlock.dataset.initialized = 'true';\r\n\r\n  var points = mapBlock.querySelectorAll('.map-point');\r\n  var tourSection = mapBlock.querySelector('.tour-section');\r\n  var frames = mapBlock.querySelectorAll('.tour-frame');\r\n  var backButton = mapBlock.querySelector('.back-button');\r\n\r\n  points.forEach(function(point) {\r\n    point.addEventListener('click', function() {\r\n      var tourNumber = point.getAttribute('data-tour');\r\n\r\n      tourSection.classList.add('active');\r\n\r\n      frames.forEach(function(frame) {\r\n        frame.classList.remove('active');\r\n      });\r\n\r\n      var selectedFrame = mapBlock.querySelector('.tour-frame[data-frame=\"' + tourNumber + '\"]');\r\n\r\n      if (selectedFrame) {\r\n        selectedFrame.classList.add('active');\r\n      }\r\n    });\r\n  });\r\n\r\n  backButton.addEventListener('click', function() {\r\n    tourSection.classList.remove('active');\r\n\r\n    frames.forEach(function(frame) {\r\n      frame.classList.remove('active');\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32e4170 elementor-widget elementor-widget-heading\" data-id=\"32e4170\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Le <br>Chiese<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b41957b elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"b41957b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mobile-iframe-wrapper\">\r\n  <iframe \r\n    src=\"https:\/\/tour.panoee.net\/69e1035e4b5dda706ff7b5f5\/fronte_entrata_chiesa_madre00000004\" \r\n    allowfullscreen\r\n    loading=\"lazy\">\r\n  <\/iframe>\r\n<\/div>\r\n\r\n<style>\r\n.mobile-iframe-wrapper {\r\n  width: 100%;\r\n  height: 70vh;\r\n  min-height: 480px;\r\n  background: #000;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.mobile-iframe-wrapper iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  display: block;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .mobile-iframe-wrapper {\r\n    height: 75vh;\r\n    min-height: 520px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9984cb3 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"9984cb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"multi-tour-map mappa-chiese\">\r\n\r\n  <!-- MAPPA CHIESE -->\r\n  <div class=\"map-section\">\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/museovietri.it\/wp-content\/uploads\/2026\/05\/chiese.webp\" \r\n      class=\"map-image\" \r\n      alt=\"Mappa percorso chiese\"\r\n    >\r\n\r\n    <button class=\"map-point point-1\" data-tour=\"1\">Chiesa<br>Madre<\/button>\r\n    <button class=\"map-point point-2\" data-tour=\"2\">Madonna<br>del Carmine<\/button>\r\n    <button class=\"map-point point-3\" data-tour=\"3\">Madonna<br>delle Grazie<\/button>\r\n    <button class=\"map-point point-4\" data-tour=\"4\">Santissima<br>Annunziata<\/button>\r\n    <button class=\"map-point point-5\" data-tour=\"5\">San<br>Nicola<\/button>\r\n    <button class=\"map-point point-6\" data-tour=\"6\">San<br>Giuseppe<\/button>\r\n  <\/div>\r\n\r\n  <!-- TOUR 360 -->\r\n  <div class=\"tour-section\">\r\n    <button class=\"back-button\">\u2190 Torna alla mappa<\/button>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"1\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e1035e4b5dda706ff7b5f5\/fronte_entrata_chiesa_madre00000004\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"2\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e1035e4b5dda706ff7b5f5\/chiesa_madonna_del_carmine00000003\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"3\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e1035e4b5dda706ff7b5f5\/cappella_madonna_delle_grazie00000000\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"4\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e1035e4b5dda706ff7b5f5\/chiesa_santissima_annunziata00000012\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"5\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e1035e4b5dda706ff7b5f5\/chiesa_san_nicola00000006\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"6\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e1035e4b5dda706ff7b5f5\/chiesa_san_giuseppe00000009\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.multi-tour-map {\r\n  width: 100%;\r\n  height: 80vh;\r\n  min-height: 500px;\r\n  background: #111;\r\n  overflow: hidden;\r\n  position: relative;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* MAPPA *\/\r\n.multi-tour-map .map-section {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n\r\n.multi-tour-map .map-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* PUNTI CLICCABILI *\/\r\n.multi-tour-map .map-point {\r\n  position: absolute;\r\n  width: 92px;\r\n  height: 92px;\r\n  border-radius: 50%;\r\n  border: 3px solid #ffffff;\r\n  background: #f6a000;\r\n  color: #ffffff;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 25px rgba(0,0,0,0.45);\r\n  z-index: 5;\r\n  transition: transform 0.2s ease, background 0.2s ease;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  line-height: 1.1;\r\n  padding: 6px;\r\n}\r\n\r\n.multi-tour-map .map-point:hover {\r\n  transform: scale(1.08);\r\n  background: #ffb52b;\r\n}\r\n\r\n\/* POSIZIONE PUNTI CHIESE - MODIFICA QUESTE PERCENTUALI *\/\r\n.mappa-chiese .point-1 {\r\n  left: 57%;\r\n  top: 35%;\r\n}\r\n\r\n.mappa-chiese .point-2 {\r\n  left: 24%;\r\n  top: 83%;\r\n}\r\n\r\n.mappa-chiese .point-3 {\r\n  left: 32%;\r\n  top: 54%;\r\n}\r\n\r\n.mappa-chiese .point-4 {\r\n  left: 48%;\r\n  top: 52%;\r\n}\r\n\r\n.mappa-chiese .point-5 {\r\n  left: 25%;\r\n  top: 40%;\r\n}\r\n\r\n.mappa-chiese .point-6 {\r\n  left: 80%;\r\n  top: 60%;\r\n}\r\n\r\n\/* SEZIONE TOUR *\/\r\n.multi-tour-map .tour-section {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #000;\r\n  z-index: 20;\r\n}\r\n\r\n.multi-tour-map .tour-section.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.multi-tour-map .tour-frame.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n}\r\n\r\n\/* BOTTONE TORNA *\/\r\n.multi-tour-map .back-button {\r\n  position: absolute;\r\n  top: 40px;\r\n  left: 800px;\r\n  z-index: 30;\r\n  padding: 16px 24px;\r\n  border: 0;\r\n  border-radius: 40px;\r\n  background: rgba(255,255,255,0.92);\r\n  color: #111;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 20px rgba(0,0,0,0.35);\r\n}\r\n\r\n.multi-tour-map .back-button:hover {\r\n  background: #ffffff;\r\n}\r\n\r\n\/* VERSIONE MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .multi-tour-map {\r\n    height: 70vh;\r\n    min-height: 450px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 70px;\r\n    height: 70px;\r\n    font-size: 9px;\r\n    padding: 5px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 20px;\r\n    left: 20px;\r\n    padding: 12px 18px;\r\n    font-size: 15px;\r\n  }\r\n}\r\n\r\n\/* SMARTPHONE PICCOLI *\/\r\n@media (max-width: 480px) {\r\n  .multi-tour-map {\r\n    height: 68vh;\r\n    min-height: 420px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 58px;\r\n    height: 58px;\r\n    font-size: 8px;\r\n    border-width: 2px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 12px;\r\n    left: 12px;\r\n    padding: 9px 14px;\r\n    font-size: 13px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelectorAll('.multi-tour-map').forEach(function(mapBlock) {\r\n\r\n  if (mapBlock.dataset.initialized === 'true') {\r\n    return;\r\n  }\r\n\r\n  mapBlock.dataset.initialized = 'true';\r\n\r\n  var points = mapBlock.querySelectorAll('.map-point');\r\n  var tourSection = mapBlock.querySelector('.tour-section');\r\n  var frames = mapBlock.querySelectorAll('.tour-frame');\r\n  var backButton = mapBlock.querySelector('.back-button');\r\n\r\n  points.forEach(function(point) {\r\n    point.addEventListener('click', function() {\r\n      var tourNumber = point.getAttribute('data-tour');\r\n\r\n      tourSection.classList.add('active');\r\n\r\n      frames.forEach(function(frame) {\r\n        frame.classList.remove('active');\r\n      });\r\n\r\n      var selectedFrame = mapBlock.querySelector('.tour-frame[data-frame=\"' + tourNumber + '\"]');\r\n\r\n      if (selectedFrame) {\r\n        selectedFrame.classList.add('active');\r\n      }\r\n    });\r\n  });\r\n\r\n  backButton.addEventListener('click', function() {\r\n    tourSection.classList.remove('active');\r\n\r\n    frames.forEach(function(frame) {\r\n      frame.classList.remove('active');\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6077791 elementor-widget elementor-widget-heading\" data-id=\"6077791\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Passeggiata <br>del Tracciolino<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-435ede4 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"435ede4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mobile-iframe-wrapper\">\r\n  <iframe \r\n    src=\"https:\/\/tour.panoee.net\/69e1f8e51dc642d905526576\/area1_1_cartello00000098\r\n\" \r\n    allowfullscreen\r\n    loading=\"lazy\">\r\n  <\/iframe>\r\n<\/div>\r\n\r\n<style>\r\n.mobile-iframe-wrapper {\r\n  width: 100%;\r\n  height: 70vh;\r\n  min-height: 480px;\r\n  background: #000;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.mobile-iframe-wrapper iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  display: block;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .mobile-iframe-wrapper {\r\n    height: 75vh;\r\n    min-height: 520px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8a2add elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"b8a2add\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"multi-tour-map mappa-tracciolino\">\r\n\r\n  <!-- MAPPA TRACCIOLINO -->\r\n  <div class=\"map-section\">\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/museovietri.it\/wp-content\/uploads\/2026\/05\/tracciolino.webp\" \r\n      class=\"map-image\" \r\n      alt=\"Mappa passeggiata del Tracciolino\"\r\n    >\r\n\r\n    <button class=\"map-point point-1\" data-tour=\"1\">Area 1<br>Tracciolino<\/button>\r\n    <button class=\"map-point point-2\" data-tour=\"2\">Area 2<br>Mardosella<\/button>\r\n    <button class=\"map-point point-3\" data-tour=\"3\">Area 3<br>Curva dei Sette Venti<\/button>\r\n    <button class=\"map-point point-4\" data-tour=\"4\">Area 4<br>Fontanella<\/button>\r\n  <\/div>\r\n\r\n  <!-- TOUR 360 -->\r\n  <div class=\"tour-section\">\r\n    <button class=\"back-button\">\u2190 Torna alla mappa<\/button>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"1\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e1f8e51dc642d905526576\/area1_1_cartello00000098\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"2\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e1f8e51dc642d905526576\/area2_1_palestra00000065\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"3\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e1f8e51dc642d905526576\/area3_1_cartello00000034\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"4\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e1f8e51dc642d905526576\/area4_3_palestra_all_aperto00000000\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.multi-tour-map {\r\n  width: 100%;\r\n  height: 60vh;\r\n  min-height: 500px;\r\n  background: #111;\r\n  overflow: hidden;\r\n  position: relative;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* MAPPA *\/\r\n.multi-tour-map .map-section {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n\r\n.multi-tour-map .map-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* PUNTI CLICCABILI *\/\r\n.multi-tour-map .map-point {\r\n  position: absolute;\r\n  width: 92px;\r\n  height: 92px;\r\n  border-radius: 50%;\r\n  border: 3px solid #ffffff;\r\n  background: #f6a000;\r\n  color: #ffffff;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 25px rgba(0,0,0,0.45);\r\n  z-index: 5;\r\n  transition: transform 0.2s ease, background 0.2s ease;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  line-height: 1.1;\r\n  padding: 6px;\r\n}\r\n\r\n.multi-tour-map .map-point:hover {\r\n  transform: scale(1.08);\r\n  background: #ffb52b;\r\n}\r\n\r\n\/* POSIZIONE PUNTI TRACCIOLINO - modifica queste percentuali *\/\r\n.mappa-tracciolino .point-1 {\r\n  left: 28%;\r\n  top: 29%;\r\n}\r\n\r\n.mappa-tracciolino .point-2 {\r\n  left: 29%;\r\n  top: 52%;\r\n}\r\n\r\n.mappa-tracciolino .point-3 {\r\n  left: 45%;\r\n  top: 69%;\r\n}\r\n\r\n.mappa-tracciolino .point-4 {\r\n  left: 60%;\r\n  top: 37%;\r\n}\r\n\r\n\/* SEZIONE TOUR *\/\r\n.multi-tour-map .tour-section {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #000;\r\n  z-index: 20;\r\n}\r\n\r\n.multi-tour-map .tour-section.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.multi-tour-map .tour-frame.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n}\r\n\r\n\/* BOTTONE TORNA *\/\r\n.multi-tour-map .back-button {\r\n  position: absolute;\r\n  top: 40px;\r\n  left: 800px;\r\n  z-index: 30;\r\n  padding: 16px 24px;\r\n  border: 0;\r\n  border-radius: 40px;\r\n  background: rgba(255,255,255,0.92);\r\n  color: #111;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 20px rgba(0,0,0,0.35);\r\n}\r\n\r\n.multi-tour-map .back-button:hover {\r\n  background: #ffffff;\r\n}\r\n\r\n\/* TABLET \/ MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .multi-tour-map {\r\n    height: 70vh;\r\n    min-height: 450px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 70px;\r\n    height: 70px;\r\n    font-size: 8px;\r\n    padding: 5px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 20px;\r\n    left: 20px;\r\n    padding: 12px 18px;\r\n    font-size: 15px;\r\n  }\r\n}\r\n\r\n\/* SMARTPHONE PICCOLI *\/\r\n@media (max-width: 480px) {\r\n  .multi-tour-map {\r\n    height: 68vh;\r\n    min-height: 420px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 58px;\r\n    height: 58px;\r\n    font-size: 7px;\r\n    border-width: 2px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 12px;\r\n    left: 12px;\r\n    padding: 9px 14px;\r\n    font-size: 13px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelectorAll('.multi-tour-map').forEach(function(mapBlock) {\r\n\r\n  if (mapBlock.dataset.initialized === 'true') {\r\n    return;\r\n  }\r\n\r\n  mapBlock.dataset.initialized = 'true';\r\n\r\n  var points = mapBlock.querySelectorAll('.map-point');\r\n  var tourSection = mapBlock.querySelector('.tour-section');\r\n  var frames = mapBlock.querySelectorAll('.tour-frame');\r\n  var backButton = mapBlock.querySelector('.back-button');\r\n\r\n  points.forEach(function(point) {\r\n    point.addEventListener('click', function() {\r\n      var tourNumber = point.getAttribute('data-tour');\r\n\r\n      tourSection.classList.add('active');\r\n\r\n      frames.forEach(function(frame) {\r\n        frame.classList.remove('active');\r\n      });\r\n\r\n      var selectedFrame = mapBlock.querySelector('.tour-frame[data-frame=\"' + tourNumber + '\"]');\r\n\r\n      if (selectedFrame) {\r\n        selectedFrame.classList.add('active');\r\n      }\r\n    });\r\n  });\r\n\r\n  backButton.addEventListener('click', function() {\r\n    tourSection.classList.remove('active');\r\n\r\n    frames.forEach(function(frame) {\r\n      frame.classList.remove('active');\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c27ab5 elementor-widget elementor-widget-heading\" data-id=\"5c27ab5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fiumi <br>e cascate<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31993bf elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"31993bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mobile-iframe-wrapper\">\r\n  <iframe \r\n    src=\"https:\/\/tour.panoee.net\/6a070218fe2dd6ed8cd9aba5\/01_inizio_percorso00000000\" \r\n    allowfullscreen\r\n    loading=\"lazy\">\r\n  <\/iframe>\r\n<\/div>\r\n\r\n<style>\r\n.mobile-iframe-wrapper {\r\n  width: 100%;\r\n  height: 70vh;\r\n  min-height: 480px;\r\n  background: #000;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.mobile-iframe-wrapper iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  display: block;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .mobile-iframe-wrapper {\r\n    height: 75vh;\r\n    min-height: 520px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1c1dc5 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"c1c1dc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"multi-tour-map mappa-fiumi-cascate\">\r\n\r\n  <!-- MAPPA FIUMI E CASCATE -->\r\n  <div class=\"map-section\">\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/museovietri.it\/wp-content\/uploads\/2026\/05\/fiumi.webp\" \r\n      class=\"map-image\" \r\n      alt=\"Mappa percorso fiumi e cascate\"\r\n    >\r\n\r\n    <button class=\"map-point point-1\" data-tour=\"1\">Ponte<br>Caggiano<\/button>\r\n    <button class=\"map-point point-2\" data-tour=\"2\">Gole<br>Punzgnut<\/button>\r\n    <button class=\"map-point point-3\" data-tour=\"3\">Cascate<br> del Tuorno<\/button>\r\n    <button class=\"map-point point-4\" data-tour=\"4\">Cascata<br>Piccola<\/button>\r\n    <button class=\"map-point point-6\" data-tour=\"6\">Cascata<br>Grande<\/button>\r\n  <\/div>\r\n\r\n  <!-- TOUR 360 -->\r\n  <div class=\"tour-section\">\r\n    <button class=\"back-button\">\u2190 Torna alla mappa<\/button>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"1\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e88c95d60a2c4bc10442f3\/ponte_di_caggiano00000106\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"2\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/69e88c95d60a2c4bc10442f3\/gole_punzgnut_5_00000415\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"3\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/6a070218fe2dd6ed8cd9aba5\/01_inizio_percorso00000000\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"4\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/6a070218fe2dd6ed8cd9aba5\/12_cascata_piccola00008520\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"5\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/6a070218fe2dd6ed8cd9aba5\/24_discesa00000849\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"tour-frame\" data-frame=\"6\">\r\n      <iframe src=\"https:\/\/tour.panoee.net\/6a070218fe2dd6ed8cd9aba5\/37_cascata_grande00006262\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.multi-tour-map {\r\n  width: 100%;\r\n  height: 60vh;\r\n  min-height: 500px;\r\n  background: #111;\r\n  overflow: hidden;\r\n  position: relative;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* MAPPA *\/\r\n.multi-tour-map .map-section {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n\r\n.multi-tour-map .map-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* PUNTI CLICCABILI *\/\r\n.multi-tour-map .map-point {\r\n  position: absolute;\r\n  width: 72px;\r\n  height: 72px;\r\n  border-radius: 50%;\r\n  border: 3px solid #ffffff;\r\n  background: #ad8142;\r\n  color: #ffffff;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 25px rgba(0,0,0,0.45);\r\n  z-index: 5;\r\n  transition: transform 0.2s ease, background 0.2s ease;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  line-height: 1.1;\r\n  padding: 6px;\r\n}\r\n\r\n.multi-tour-map .map-point:hover {\r\n  transform: scale(1.08);\r\n  background: #ffb52b;\r\n}\r\n\r\n\/* POSIZIONE PUNTI FIUMI E CASCATE - MODIFICA QUESTE PERCENTUALI *\/\r\n.mappa-fiumi-cascate .point-1 {\r\n  left: 18%;\r\n  top: 65%;\r\n}\r\n\r\n.mappa-fiumi-cascate .point-2 {\r\n  left: 32%;\r\n  top: 70%;\r\n}\r\n\r\n.mappa-fiumi-cascate .point-3 {\r\n  left: 75%;\r\n  top: 59%;\r\n}\r\n\r\n.mappa-fiumi-cascate .point-4 {\r\n  left: 78%;\r\n  top: 45%;\r\n}\r\n\r\n.mappa-fiumi-cascate .point-5 {\r\n  left: 0%;\r\n  top: 2%;\r\n}\r\n\r\n.mappa-fiumi-cascate .point-6 {\r\n  left: 72%;\r\n  top: 38%;\r\n}\r\n\r\n\/* SEZIONE TOUR *\/\r\n.multi-tour-map .tour-section {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #000;\r\n  z-index: 20;\r\n}\r\n\r\n.multi-tour-map .tour-section.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.multi-tour-map .tour-frame.active {\r\n  display: block;\r\n}\r\n\r\n.multi-tour-map .tour-frame iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n}\r\n\r\n\/* BOTTONE TORNA - ALLINEATO A DESTRA *\/\r\n.multi-tour-map .back-button {\r\n  position: absolute;\r\n  top: 40px;\r\n  right: 40px !important;\r\n  left: auto !important;\r\n  z-index: 30;\r\n  padding: 16px 24px;\r\n  border: 0;\r\n  border-radius: 40px;\r\n  background: rgba(255,255,255,0.92);\r\n  color: #111;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 20px rgba(0,0,0,0.35);\r\n}\r\n\r\n.multi-tour-map .back-button:hover {\r\n  background: #ffffff;\r\n}\r\n\r\n\/* TABLET \/ MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .multi-tour-map {\r\n    height: 70vh;\r\n    min-height: 450px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 70px;\r\n    height: 70px;\r\n    font-size: 8px;\r\n    padding: 5px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 20px;\r\n    right: 20px !important;\r\n    left: auto !important;\r\n    padding: 12px 18px;\r\n    font-size: 15px;\r\n  }\r\n}\r\n\r\n\/* SMARTPHONE PICCOLI *\/\r\n@media (max-width: 480px) {\r\n  .multi-tour-map {\r\n    height: 68vh;\r\n    min-height: 420px;\r\n  }\r\n\r\n  .multi-tour-map .map-point {\r\n    width: 58px;\r\n    height: 58px;\r\n    font-size: 7px;\r\n    border-width: 2px;\r\n  }\r\n\r\n  .multi-tour-map .back-button {\r\n    top: 12px;\r\n    right: 12px !important;\r\n    left: auto !important;\r\n    padding: 9px 14px;\r\n    font-size: 13px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelectorAll('.multi-tour-map').forEach(function(mapBlock) {\r\n\r\n  if (mapBlock.dataset.initialized === 'true') {\r\n    return;\r\n  }\r\n\r\n  mapBlock.dataset.initialized = 'true';\r\n\r\n  var points = mapBlock.querySelectorAll('.map-point');\r\n  var tourSection = mapBlock.querySelector('.tour-section');\r\n  var frames = mapBlock.querySelectorAll('.tour-frame');\r\n  var backButton = mapBlock.querySelector('.back-button');\r\n\r\n  points.forEach(function(point) {\r\n    point.addEventListener('click', function() {\r\n      var tourNumber = point.getAttribute('data-tour');\r\n\r\n      tourSection.classList.add('active');\r\n\r\n      frames.forEach(function(frame) {\r\n        frame.classList.remove('active');\r\n      });\r\n\r\n      var selectedFrame = mapBlock.querySelector('.tour-frame[data-frame=\"' + tourNumber + '\"]');\r\n\r\n      if (selectedFrame) {\r\n        selectedFrame.classList.add('active');\r\n      }\r\n    });\r\n  });\r\n\r\n  backButton.addEventListener('click', function() {\r\n    tourSection.classList.remove('active');\r\n\r\n    frames.forEach(function(frame) {\r\n      frame.classList.remove('active');\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tour Virtuale 360\u00b0 360\u00b0 Centro storico di Vietri di Potenza PiazzaXIII Novembre MonumentoCaduti TorreOrologio SanBiagio \u2190 Torna alla mappa Convento dei Frati Cappuccini Esterno Chiesa Chiostro Biblioteca Giardino \u2190 Torna alla mappa Monte Rotonda Cava Cima \u2190 Torna alla mappa I Murales Tracciolino FalconeBorsellino Orodi Vietri Colibr\u00ec Mani Happyless AlmaMater Bambina \u2190 Torna alla mappa Le Fontane FontanaNuova Cammard\u00e0 SanVito SanGiovanni Grottadi Cesare Veglia \u2190 Torna alla mappa Le Chiese ChiesaMadre Madonnadel Carmine Madonnadelle Grazie SantissimaAnnunziata SanNicola SanGiuseppe \u2190 Torna alla mappa Passeggiata del Tracciolino Area 1Tracciolino Area 2Mardosella Area 3Curva dei Sette Venti Area 4Fontanella \u2190 Torna alla mappa Fiumi e cascate PonteCaggiano GolePunzgnut Cascate del Tuorno CascataPiccola CascataGrande \u2190 Torna alla mappa<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-207","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museovietri.it\/index.php?rest_route=\/wp\/v2\/pages\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/museovietri.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/museovietri.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/museovietri.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/museovietri.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=207"}],"version-history":[{"count":133,"href":"https:\/\/museovietri.it\/index.php?rest_route=\/wp\/v2\/pages\/207\/revisions"}],"predecessor-version":[{"id":1592,"href":"https:\/\/museovietri.it\/index.php?rest_route=\/wp\/v2\/pages\/207\/revisions\/1592"}],"wp:attachment":[{"href":"https:\/\/museovietri.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}