{"product_id":"estate-in-barca-con-denotti","title":"Escursioni in barca con Denotti","description":"\n\u003cdiv class=\"boat-travel-container\"\u003e\n  \u003ch3\u003eLE ESCURSIONI IN PROGRAMMA\u003c\/h3\u003e\n\n  \u003c!-- GOLFO DI OROSEI --\u003e\n\n  \u003cbutton class=\"boat-collapsible\" type=\"button\"\u003e\n    \u003cspan class=\"boat-place\"\u003eGOLFO DI OROSEI\u003c\/span\u003e\n    \u003cspan class=\"boat-date\"\u003e5 LUGLIO 2026\u003c\/span\u003e\n    \u003cspan class=\"boat-icon\"\u003e▼\u003c\/span\u003e\n  \u003c\/button\u003e\n\n  \u003cdiv class=\"boat-collapsible-content\"\u003e\n    \u003cdiv class=\"boat-detail-box\"\u003e\n      \u003cspan\u003eFormula\u003c\/span\u003e\n      \u003cp\u003eMini crociera in barca con pranzo e aperitivo\u003c\/p\u003e\n    \u003c\/div\u003e\n\n\u003cdiv class=\"boat-detail-box\"\u003e\n  \u003cspan\u003ePartenza \/ Ritorno\u003c\/span\u003e\n  \u003cul class=\"boat-points\"\u003e\n    \u003cli\u003ePartenza in Bus G.T. Denotti alle ore 06:30 da Quartu Sant’Elena\u003c\/li\u003e\n    \u003cli\u003eImbarco a Santa Maria Navarrese alle ore 09:15\u003c\/li\u003e\n    \u003cli\u003eRientro al porto intorno alle ore 17:15 e proseguimento in bus\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"boat-detail-box boat-price-box\"\u003e\n  \u003cspan\u003ePrezzo\u003c\/span\u003e\n  \u003cp\u003e\u003cstrong\u003e115€\u003c\/strong\u003e tutto compreso\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"boat-actions\"\u003e\n  \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0830\/1333\/7433\/files\/Programma_Orosei_5Luglio.pdf?v=1782142134\" target=\"_blank\" rel=\"noopener\" class=\"boat-pdf-button\"\u003e\n    📄 Scarica il programma PDF\n  \u003c\/a\u003e\n\u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- SANT'ANTIOCO --\u003e\n\n  \u003cbutton class=\"boat-collapsible\" type=\"button\"\u003e\n    \u003cspan class=\"boat-place\"\u003eSANT’ANTIOCO\u003c\/span\u003e\n    \u003cspan class=\"boat-date\"\u003e18 LUGLIO 2026\u003c\/span\u003e\n    \u003cspan class=\"boat-icon\"\u003e▼\u003c\/span\u003e\n  \u003c\/button\u003e\n\n  \u003cdiv class=\"boat-collapsible-content\"\u003e\n    \u003cdiv class=\"boat-detail-box\"\u003e\n      \u003cspan\u003eFormula\u003c\/span\u003e\n      \u003cp\u003eSerata in barca con aperitivo al tramonto e cena a base di pesce\u003c\/p\u003e\n    \u003c\/div\u003e\n\n\u003cdiv class=\"boat-detail-box\"\u003e\n  \u003cspan\u003ePartenza \/ Ritorno\u003c\/span\u003e\n  \u003cul class=\"boat-points\"\u003e\n    \u003cli\u003ePartenza in Bus G.T. Denotti per Sant’Antioco\u003c\/li\u003e\n    \u003cli\u003eImbarco dal porticciolo turistico alle ore 18:00 circa\u003c\/li\u003e\n    \u003cli\u003eRientro nei luoghi di origine dopo la cena in barca\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"boat-detail-box boat-price-box\"\u003e\n  \u003cspan\u003ePrezzo\u003c\/span\u003e\n  \u003cp\u003e\u003cstrong\u003e95€\u003c\/strong\u003e tutto compreso\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"boat-actions\"\u003e\n  \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0830\/1333\/7433\/files\/Sant_Antioco_Aperitivo_18Luglio.pdf?v=1782142164\" target=\"_blank\" rel=\"noopener\" class=\"boat-pdf-button\"\u003e\n    📄 Scarica il programma PDF\n  \u003c\/a\u003e\n\u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- VILLASIMIUS --\u003e\n\n  \u003cbutton class=\"boat-collapsible\" type=\"button\"\u003e\n    \u003cspan class=\"boat-place\"\u003eVILLASIMIUS\u003c\/span\u003e\n    \u003cspan class=\"boat-date\"\u003e25 LUGLIO 2026\u003c\/span\u003e\n    \u003cspan class=\"boat-icon\"\u003e▼\u003c\/span\u003e\n  \u003c\/button\u003e\n\n  \u003cdiv class=\"boat-collapsible-content\"\u003e\n    \u003cdiv class=\"boat-detail-box\"\u003e\n      \u003cspan\u003eFormula\u003c\/span\u003e\n      \u003cp\u003eEscursione in barca con pranzo a bordo\u003c\/p\u003e\n    \u003c\/div\u003e\n\n\u003cdiv class=\"boat-detail-box\"\u003e\n  \u003cspan\u003ePartenza \/ Ritorno\u003c\/span\u003e\n  \u003cul class=\"boat-points\"\u003e\n    \u003cli\u003ePartenza in Bus G.T. Denotti per Villasimius\u003c\/li\u003e\n    \u003cli\u003eImbarco previsto alle ore 10:00 sulla motonave Fiori di Maggio\u003c\/li\u003e\n    \u003cli\u003eRientro a Villasimius intorno alle ore 17:00 e proseguimento in bus\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"boat-detail-box boat-price-box\"\u003e\n  \u003cspan\u003ePrezzo\u003c\/span\u003e\n  \u003cp\u003e\u003cstrong\u003e85€\u003c\/strong\u003e tutto compreso\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"boat-actions\"\u003e\n  \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0830\/1333\/7433\/files\/Programma_Villasimius_2026.pdf?v=1782142179\" target=\"_blank\" rel=\"noopener\" class=\"boat-pdf-button\"\u003e\n    📄 Scarica il programma PDF\n  \u003c\/a\u003e\n\u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  (function () {\n    if (!window.denottiBoatTripsScriptLoaded) {\n      window.denottiBoatTripsScriptLoaded = true;\n\n      const style = document.createElement(\"style\");\n      style.innerHTML = `\n        .boat-travel-container {\n          font-family: 'Madera', sans-serif;\n          margin-top: 60px;\n        }\n\n        .boat-travel-container h3 {\n          text-align: center;\n          font-size: 26px;\n          margin-bottom: 30px;\n          color: #333;\n        }\n\n        .boat-collapsible {\n          background-color: #ffffff;\n          color: #333;\n          cursor: pointer;\n          padding: 15px 20px;\n          width: 100%;\n          border: none;\n          text-align: left;\n          font-size: 18px;\n          font-weight: 600;\n          border-radius: 12px;\n          margin-bottom: 6px;\n          display: flex;\n          align-items: center;\n          gap: 14px;\n          transition: background 0.3s ease, transform 0.2s ease;\n          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\n        }\n\n        .boat-collapsible:hover {\n          background-color: #f9f9f9;\n          transform: translateY(-1px);\n        }\n\n        .boat-place {\n          color: #552557;\n          background-color: #FFD00A;\n          padding: 7px 12px;\n          border-radius: 7px;\n          font-size: 14px;\n          white-space: nowrap;\n          font-weight: 800;\n          text-transform: uppercase;\n          flex: 0 0 auto;\n        }\n\n        .boat-date {\n          font-size: 16px;\n          color: #552557;\n          font-weight: 800;\n          letter-spacing: 0.2px;\n          text-transform: uppercase;\n          margin-left: auto;\n          margin-right: 18px;\n          text-align: right;\n          flex: 0 0 auto;\n        }\n\n        .boat-icon {\n          transition: transform 0.3s ease;\n          font-size: 16px;\n          color: #552557;\n          flex: 0 0 auto;\n        }\n\n        .boat-collapsible.active .boat-icon {\n          transform: rotate(180deg);\n        }\n\n        .boat-collapsible-content {\n          padding: 22px 22px;\n          display: none;\n          background-color: #fafafa;\n          border-radius: 12px;\n          margin-top: 0;\n          margin-bottom: 30px;\n          box-shadow: inset 0 0 0 1px #eee;\n        }\n\n        .boat-detail-box {\n          margin-bottom: 16px;\n          background: #ffffff;\n          border-left: 5px solid #FFD00A;\n          border-radius: 12px;\n          padding: 17px 20px;\n          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);\n        }\n\n        .boat-detail-box span {\n          display: block;\n          text-align: left;\n          font-size: 13px;\n          text-transform: uppercase;\n          letter-spacing: 0.5px;\n          color: #786074;\n          font-weight: 800;\n          margin-bottom: 8px;\n        }\n\n        .boat-detail-box p {\n          margin: 0;\n          text-align: left;\n          color: #552557;\n          font-size: 15px;\n          line-height: 1.5;\n          font-weight: 400;\n        }\n\n        .boat-price-box p {\n          text-align: right;\n          font-size: 15px;\n          font-weight: 400;\n        }\n\n        .boat-price-box p strong {\n          font-weight: 800;\n        }\n\n        .boat-points {\n          list-style: none;\n          margin: 0;\n          padding: 0;\n          color: #552557;\n          font-size: 15px;\n          line-height: 1.5;\n          font-weight: 400;\n        }\n\n        .boat-points li {\n          position: relative;\n          padding-left: 20px;\n          margin-bottom: 7px;\n          text-align: left;\n        }\n\n        .boat-points li:last-child {\n          margin-bottom: 0;\n        }\n\n        .boat-points li::before {\n          content: \"•\";\n          position: absolute;\n          left: 0;\n          top: 0;\n          color: #552557;\n          font-weight: 700;\n        }\n\n        .boat-actions {\n          text-align: center;\n          margin-top: 26px;\n        }\n\n        .boat-pdf-button {\n          display: inline-block;\n          padding: 13px 22px;\n          background-color: #552557;\n          color: #ffffff !important;\n          text-decoration: none;\n          border-radius: 8px;\n          font-weight: 800;\n          font-size: 16px;\n          transition: transform 0.2s ease, opacity 0.2s ease;\n        }\n\n        .boat-pdf-button:hover {\n          transform: translateY(-1px);\n          opacity: 0.92;\n        }\n\n        @media (max-width: 768px) {\n          .boat-travel-container {\n            margin-top: 40px;\n          }\n\n          .boat-collapsible {\n            padding: 16px 18px;\n            flex-wrap: wrap;\n            gap: 10px;\n          }\n\n          .boat-place {\n            font-size: 13px;\n          }\n\n          .boat-date {\n            font-size: 15px;\n            margin-left: auto;\n            margin-right: 0;\n          }\n\n          .boat-icon {\n            width: 100%;\n            text-align: right;\n          }\n\n          .boat-detail-box p,\n          .boat-price-box p,\n          .boat-points {\n            font-size: 14px;\n          }\n\n          .boat-price-box p {\n            text-align: right;\n          }\n\n          .boat-pdf-button {\n            width: 100%;\n            box-sizing: border-box;\n          }\n        }\n      `;\n      document.head.appendChild(style);\n    }\n\n    function initDenottiBoatTrips() {\n      const containers = document.querySelectorAll(\".boat-travel-container\");\n\n      containers.forEach(container =\u003e {\n        if (container.dataset.boatInitialized === \"true\") return;\n        container.dataset.boatInitialized = \"true\";\n\n        const buttons = container.querySelectorAll(\".boat-collapsible\");\n\n        buttons.forEach(button =\u003e {\n          button.addEventListener(\"click\", function () {\n            const content = this.nextElementSibling;\n            const isActive = this.classList.contains(\"active\");\n\n            buttons.forEach(btn =\u003e {\n              const panel = btn.nextElementSibling;\n              btn.classList.remove(\"active\");\n\n              if (panel \u0026\u0026 panel.classList.contains(\"boat-collapsible-content\")) {\n                panel.style.display = \"none\";\n              }\n            });\n\n            if (!isActive) {\n              this.classList.add(\"active\");\n              content.style.display = \"block\";\n            }\n          });\n        });\n      });\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", initDenottiBoatTrips);\n    } else {\n      initDenottiBoatTrips();\n    }\n  })();\n\u003c\/script\u003e\n\n\n\u003cscript\u003e\n  (function () {\n    if (!window.denottiBoatTripsScriptLoaded) {\n      window.denottiBoatTripsScriptLoaded = true;\n\n      const style = document.createElement(\"style\");\n      style.innerHTML = `\n        .boat-travel-container {\n          font-family: 'Madera', sans-serif;\n          margin-top: 60px;\n        }\n\n        .boat-travel-container h3 {\n          text-align: center;\n          font-size: 26px;\n          margin-bottom: 30px;\n          color: #333;\n        }\n\n        .boat-collapsible {\n          background-color: #ffffff;\n          color: #333;\n          cursor: pointer;\n          padding: 15px 20px;\n          width: 100%;\n          border: none;\n          text-align: left;\n          font-size: 18px;\n          font-weight: 600;\n          border-radius: 12px;\n          margin-bottom: 6px;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          transition: background 0.3s ease, transform 0.2s ease;\n          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\n        }\n\n        .boat-collapsible:hover {\n          background-color: #f9f9f9;\n          transform: translateY(-1px);\n        }\n\n        .boat-place {\n          color: #552557;\n          background-color: #FFD00A;\n          padding: 7px 12px;\n          border-radius: 7px;\n          font-size: 14px;\n          margin-right: 14px;\n          white-space: nowrap;\n          font-weight: 800;\n          text-transform: uppercase;\n        }\n\n        .boat-date {\n          font-size: 16px;\n          color: #552557;\n          flex-grow: 1;\n          font-weight: 800;\n          letter-spacing: 0.2px;\n          text-transform: uppercase;\n        }\n\n        .boat-icon {\n          transition: transform 0.3s ease;\n          font-size: 16px;\n          margin-left: 10px;\n          color: #552557;\n        }\n\n        .boat-collapsible.active .boat-icon {\n          transform: rotate(180deg);\n        }\n\n        .boat-collapsible-content {\n          padding: 22px 22px;\n          display: none;\n          background-color: #fafafa;\n          border-radius: 12px;\n          margin-top: 0;\n          margin-bottom: 30px;\n          box-shadow: inset 0 0 0 1px #eee;\n        }\n\n        .boat-detail-box {\n          margin-bottom: 16px;\n          background: #ffffff;\n          border-left: 5px solid #FFD00A;\n          border-radius: 12px;\n          padding: 17px 20px;\n          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);\n        }\n\n        .boat-detail-box span {\n          display: block;\n          text-align: left;\n          font-size: 13px;\n          text-transform: uppercase;\n          letter-spacing: 0.5px;\n          color: #786074;\n          font-weight: 800;\n          margin-bottom: 8px;\n        }\n\n        .boat-detail-box p {\n          margin: 0;\n          text-align: left;\n          color: #552557;\n          font-size: 16px;\n          line-height: 1.5;\n          font-weight: 400;\n        }\n\n        .boat-price-box p {\n          text-align: right;\n          font-size: 16px;\n          font-weight: 400;\n        }\n\n        .boat-points {\n          list-style: none;\n          margin: 0;\n          padding: 0;\n          color: #552557;\n          font-size: 16px;\n          line-height: 1.5;\n          font-weight: 400;\n        }\n\n        .boat-points li {\n          position: relative;\n          padding-left: 20px;\n          margin-bottom: 7px;\n          text-align: left;\n        }\n\n        .boat-points li:last-child {\n          margin-bottom: 0;\n        }\n\n        .boat-points li::before {\n          content: \"•\";\n          position: absolute;\n          left: 0;\n          top: 0;\n          color: #552557;\n          font-weight: 700;\n        }\n\n        .boat-actions {\n          text-align: center;\n          margin-top: 26px;\n        }\n\n        .boat-pdf-button {\n          display: inline-block;\n          padding: 13px 22px;\n          background-color: #552557;\n          color: #ffffff !important;\n          text-decoration: none;\n          border-radius: 8px;\n          font-weight: 800;\n          font-size: 16px;\n          transition: transform 0.2s ease, opacity 0.2s ease;\n        }\n\n        .boat-pdf-button:hover {\n          transform: translateY(-1px);\n          opacity: 0.92;\n        }\n\n        @media (max-width: 768px) {\n          .boat-travel-container {\n            margin-top: 40px;\n          }\n\n          .boat-collapsible {\n            flex-direction: column;\n            align-items: flex-start;\n            padding: 16px 18px;\n          }\n\n          .boat-place {\n            margin-right: 0;\n            margin-bottom: 10px;\n          }\n\n          .boat-date {\n            font-size: 16px;\n          }\n\n          .boat-icon {\n            margin-top: 8px;\n            align-self: flex-end;\n          }\n\n          .boat-detail-box p,\n          .boat-price-box p,\n          .boat-points {\n            font-size: 15px;\n          }\n\n          .boat-price-box p {\n            text-align: right;\n          }\n\n          .boat-pdf-button {\n            width: 100%;\n            box-sizing: border-box;\n          }\n        }\n      `;\n      document.head.appendChild(style);\n    }\n\n    function initDenottiBoatTrips() {\n      const containers = document.querySelectorAll(\".boat-travel-container\");\n\n      containers.forEach(container =\u003e {\n        if (container.dataset.boatInitialized === \"true\") return;\n        container.dataset.boatInitialized = \"true\";\n\n        const buttons = container.querySelectorAll(\".boat-collapsible\");\n\n        buttons.forEach(button =\u003e {\n          button.addEventListener(\"click\", function () {\n            const content = this.nextElementSibling;\n            const isActive = this.classList.contains(\"active\");\n\n            buttons.forEach(btn =\u003e {\n              const panel = btn.nextElementSibling;\n              btn.classList.remove(\"active\");\n\n              if (panel \u0026\u0026 panel.classList.contains(\"boat-collapsible-content\")) {\n                panel.style.display = \"none\";\n              }\n            });\n\n            if (!isActive) {\n              this.classList.add(\"active\");\n              content.style.display = \"block\";\n            }\n          });\n        });\n      });\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", initDenottiBoatTrips);\n    } else {\n      initDenottiBoatTrips();\n    }\n  })();\n\u003c\/script\u003e\n\n","brand":"Denotti Viaggi","offers":[{"title":"Default Title","offer_id":58373152506201,"sku":null,"price":0.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0830\/1333\/7433\/files\/AdobeStock_67192322_3a933022-be34-46dc-9bd6-5b3edd72731f.jpg?v=1782139585","url":"https:\/\/viaggidenotti.com\/products\/estate-in-barca-con-denotti","provider":"Denotti Viaggi","version":"1.0","type":"link"}