{"id":915,"date":"2026-05-19T07:14:53","date_gmt":"2026-05-19T07:14:53","guid":{"rendered":"https:\/\/alessandrosimoneweb.com\/?page_id=915"},"modified":"2026-06-29T17:41:36","modified_gmt":"2026-06-29T17:41:36","slug":"apn-homepage2","status":"publish","type":"page","link":"https:\/\/apnapiedinudi.it\/en\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"915\" class=\"elementor elementor-915\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7416621 e-flex e-con-boxed e-con e-parent\" data-id=\"7416621\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1c34c4 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-image\" data-id=\"f1c34c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/piantina_bauhaus_quadrata_png_senza_sfondo_reale-1-1024x1024.png\" class=\"attachment-large size-large wp-image-920\" alt=\"\" srcset=\"https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/piantina_bauhaus_quadrata_png_senza_sfondo_reale-1-1024x1024.png 1024w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/piantina_bauhaus_quadrata_png_senza_sfondo_reale-1-300x300.png 300w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/piantina_bauhaus_quadrata_png_senza_sfondo_reale-1-150x150.png 150w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/piantina_bauhaus_quadrata_png_senza_sfondo_reale-1-768x768.png 768w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/piantina_bauhaus_quadrata_png_senza_sfondo_reale-1.png 1254w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a454b1 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-spacer\" data-id=\"3a454b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f5c8ef e-flex e-con-boxed e-con e-parent\" data-id=\"2f5c8ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cf2dc15 e-con-full e-flex e-con e-child\" data-id=\"cf2dc15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11fd937 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"11fd937\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">apn<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e86f70 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1e86f70\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">life is<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6656a2b animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6656a2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:750}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">circle<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6660e7c elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"6660e7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/apnapiedinudi.it\/apn-pagina-prenotazioni-tutti\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Prenota Ora<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf53934 e-con-full e-flex e-con e-child\" data-id=\"cf53934\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e4138c animated-slow elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-image\" data-id=\"3e4138c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:900}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/piantina_bauhaus_quadrata_png_senza_sfondo_reale-1-1024x1024.png\" class=\"attachment-large size-large wp-image-920\" alt=\"\" srcset=\"https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/piantina_bauhaus_quadrata_png_senza_sfondo_reale-1-1024x1024.png 1024w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/piantina_bauhaus_quadrata_png_senza_sfondo_reale-1-300x300.png 300w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/piantina_bauhaus_quadrata_png_senza_sfondo_reale-1-150x150.png 150w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/piantina_bauhaus_quadrata_png_senza_sfondo_reale-1-768x768.png 768w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/piantina_bauhaus_quadrata_png_senza_sfondo_reale-1.png 1254w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93b439f e-con-full e-flex e-con e-parent\" data-id=\"93b439f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-56e2a42 e-con-full e-flex e-con e-child\" data-id=\"56e2a42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96e0c51 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"96e0c51\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"768\" data-end=\"869\">Costruisci il tuo spazio, gioca il tuo tempo, combina la tua pausa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e623f93 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"e623f93\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0,&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"bauhaus-composition-section\">\r\n  <div class=\"bauhaus-composition-wrap\">\r\n\r\n    <button class=\"bauhaus-play-button\" type=\"button\" aria-pressed=\"false\">\r\n      <span class=\"bauhaus-play-dot\"><\/span>\r\n      <span class=\"bauhaus-play-text\">Crea il tuo ritmo<\/span>\r\n    <\/button>\r\n\r\n    <svg\r\n      id=\"bauhausMobileComposition\"\r\n      class=\"bauhaus-mobile-svg\"\r\n      viewBox=\"0 0 1240 1240\"\r\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n      aria-label=\"Composizione Bauhaus interattiva APN\"\r\n    >\r\n\r\n      <!-- Linea rossa orizzontale -->\r\n      <g class=\"bh-draggable\" data-name=\"red-horizontal-line\">\r\n        <rect\r\n          x=\"50\"\r\n          y=\"980\"\r\n          width=\"1100\"\r\n          height=\"62\"\r\n          fill=\"#F0442D\"\r\n        \/>\r\n      <\/g>\r\n\r\n      <!-- Barra verticale nera -->\r\n      <g class=\"bh-draggable\" data-name=\"black-vertical-bar\">\r\n        <rect\r\n          x=\"807\"\r\n          y=\"14\"\r\n          width=\"88\"\r\n          height=\"1145\"\r\n          fill=\"#11100F\"\r\n        \/>\r\n      <\/g>\r\n\r\n      <!-- Cerchio arancione APN -->\r\n      <g class=\"bh-draggable apn-frame\" data-name=\"apn-frame\">\r\n        <circle\r\n          cx=\"585\"\r\n          cy=\"510\"\r\n          r=\"300\"\r\n          fill=\"#F6A313\"\r\n        \/>\r\n      <\/g>\r\n\r\n      <!-- Lettera A -->\r\n      <g class=\"bh-draggable apn-letter\" data-name=\"apn-a\">\r\n        <text\r\n          x=\"450\"\r\n          y=\"510\"\r\n          class=\"apn-logo-letter\"\r\n        >a<\/text>\r\n      <\/g>\r\n\r\n      <!-- Lettera P -->\r\n      <g class=\"bh-draggable apn-letter\" data-name=\"apn-p\">\r\n        <text\r\n          x=\"585\"\r\n          y=\"510\"\r\n          class=\"apn-logo-letter\"\r\n        >p<\/text>\r\n      <\/g>\r\n\r\n      <!-- Lettera N -->\r\n      <g class=\"bh-draggable apn-letter\" data-name=\"apn-n\">\r\n        <text\r\n          x=\"720\"\r\n          y=\"510\"\r\n          class=\"apn-logo-letter\"\r\n        >n<\/text>\r\n      <\/g>\r\n\r\n    <\/svg>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  @font-face {\r\n    font-family: \"Hopscotch APN\";\r\n    src: url(\"https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/Hopscotch_by_Zetafonts.woff2\") format(\"woff2\");\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  html,\r\n  body {\r\n    max-width: 100%;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  .bauhaus-composition-section {\r\n    position: relative;\r\n    width: 100%;\r\n    background: transparent;\r\n    overflow: visible !important;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .bauhaus-composition-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 760px;\r\n    margin: 0 auto;\r\n    background: transparent;\r\n    overflow: visible !important;\r\n  }\r\n\r\n  .bauhaus-mobile-svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    aspect-ratio: 1 \/ 1;\r\n    background: transparent;\r\n    overflow: visible !important;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    touch-action: pan-y;\r\n  }\r\n\r\n  .bauhaus-mobile-svg.play-mode {\r\n    touch-action: none;\r\n  }\r\n\r\n  .bauhaus-mobile-svg .bh-draggable {\r\n    cursor: grab;\r\n    transform-box: fill-box;\r\n    transform-origin: center;\r\n    will-change: transform;\r\n  }\r\n\r\n  .bauhaus-mobile-svg .bh-draggable.dragging {\r\n    cursor: grabbing;\r\n    filter: drop-shadow(0 16px 24px rgba(0, 0, 0, 0.22));\r\n  }\r\n\r\n  .bauhaus-mobile-svg * {\r\n    shape-rendering: geometricPrecision;\r\n  }\r\n\r\n  .apn-logo-letter {\r\n    fill: #ffffff;\r\n    font-family: \"Hopscotch APN\", Arial, sans-serif;\r\n    font-size: 185px;\r\n    font-weight: 400;\r\n    text-anchor: middle;\r\n    dominant-baseline: middle;\r\n    pointer-events: visiblePainted;\r\n  }\r\n\r\n  .apn-frame {\r\n    opacity: 1;\r\n  }\r\n\r\n  .apn-letter {\r\n    mix-blend-mode: normal;\r\n  }\r\n\r\n  .bauhaus-play-button {\r\n    display: none;\r\n    position: absolute;\r\n    z-index: 20;\r\n    top: 18px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    align-items: center;\r\n    gap: 9px;\r\n    padding: 10px 16px 10px 12px;\r\n    border: 3px solid #11100F;\r\n    border-radius: 0;\r\n    background: #F5F0EC;\r\n    color: #11100F;\r\n    font-family: \"Hopscotch APN\", Arial, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    letter-spacing: 0.04em;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    box-shadow: 6px 6px 0 #11100F;\r\n    -webkit-tap-highlight-color: transparent;\r\n    -webkit-touch-callout: none;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    outline: none;\r\n    transition:\r\n      transform 0.18s ease,\r\n      box-shadow 0.18s ease,\r\n      background 0.18s ease,\r\n      color 0.18s ease;\r\n  }\r\n\r\n  .bauhaus-play-button:focus,\r\n  .bauhaus-play-button:focus-visible,\r\n  .bauhaus-play-button:active {\r\n    outline: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .bauhaus-play-button:active {\r\n    transform: translateX(-50%) translate(4px, 4px);\r\n    box-shadow: 2px 2px 0 #11100F;\r\n  }\r\n\r\n  .bauhaus-play-button.is-active {\r\n    background: #F0442D;\r\n    color: #F5F0EC;\r\n    box-shadow: 6px 6px 0 #F6A313;\r\n  }\r\n\r\n  .bauhaus-play-dot {\r\n    width: 14px;\r\n    height: 14px;\r\n    display: inline-block;\r\n    border-radius: 50%;\r\n    background: #F6A313;\r\n    border: 2px solid #11100F;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .bauhaus-play-button.is-active .bauhaus-play-dot {\r\n    background: #11100F;\r\n    border-color: #F5F0EC;\r\n  }\r\n\r\n  .elementor-widget-html,\r\n  .elementor-widget-html .elementor-widget-container,\r\n  .elementor-section,\r\n  .elementor-container,\r\n  .elementor-column,\r\n  .elementor-widget-wrap {\r\n    overflow: visible;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .bauhaus-composition-wrap {\r\n      max-width: 620px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    html,\r\n    body {\r\n      max-width: 100%;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    .bauhaus-composition-section {\r\n      overflow: visible !important;\r\n    }\r\n\r\n    .bauhaus-composition-wrap {\r\n      width: 118%;\r\n      max-width: none;\r\n      margin-left: -9%;\r\n      margin-right: -9%;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n      overflow: visible !important;\r\n    }\r\n\r\n    .bauhaus-mobile-svg {\r\n      width: 100%;\r\n      min-height: 340px;\r\n      touch-action: pan-y;\r\n      overflow: visible !important;\r\n    }\r\n\r\n    .bauhaus-mobile-svg.play-mode {\r\n      touch-action: none;\r\n    }\r\n\r\n    .bauhaus-mobile-svg:not(.play-mode) .bh-draggable {\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bauhaus-mobile-svg.play-mode .bh-draggable {\r\n      pointer-events: auto;\r\n      touch-action: none;\r\n    }\r\n\r\n    .bauhaus-play-button {\r\n      display: inline-flex;\r\n      top: 88px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .bauhaus-composition-wrap {\r\n      width: 126%;\r\n      margin-left: -13%;\r\n      margin-right: -13%;\r\n    }\r\n\r\n    .bauhaus-mobile-svg {\r\n      min-height: 300px;\r\n    }\r\n\r\n    .bauhaus-play-button {\r\n      top: 88px;\r\n      font-size: 12px;\r\n      padding: 9px 14px 9px 11px;\r\n      box-shadow: 5px 5px 0 #11100F;\r\n    }\r\n\r\n    .apn-logo-letter {\r\n      font-size: 170px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const svg = document.getElementById(\"bauhausMobileComposition\");\r\n    if (!svg) return;\r\n\r\n    const wrapper = svg.closest(\".bauhaus-composition-wrap\");\r\n    const playButton = wrapper ? wrapper.querySelector(\".bauhaus-play-button\") : null;\r\n    const playText = playButton ? playButton.querySelector(\".bauhaus-play-text\") : null;\r\n    const draggables = svg.querySelectorAll(\".bh-draggable\");\r\n\r\n    let activeElement = null;\r\n    let startClientX = 0;\r\n    let startClientY = 0;\r\n    let startTranslateX = 0;\r\n    let startTranslateY = 0;\r\n    let playMode = false;\r\n\r\n    function isMobileView() {\r\n      return window.matchMedia(\"(max-width: 767px)\").matches;\r\n    }\r\n\r\n    function canDrag() {\r\n      if (!isMobileView()) return true;\r\n      return playMode;\r\n    }\r\n\r\n    function getTranslateValues(element) {\r\n      return {\r\n        x: parseFloat(element.getAttribute(\"data-x\") || \"0\"),\r\n        y: parseFloat(element.getAttribute(\"data-y\") || \"0\")\r\n      };\r\n    }\r\n\r\n    function setTranslate(element, x, y) {\r\n      element.setAttribute(\"data-x\", x);\r\n      element.setAttribute(\"data-y\", y);\r\n      element.setAttribute(\"transform\", \"translate(\" + x + \" \" + y + \")\");\r\n    }\r\n\r\n    function enablePlayMode() {\r\n      playMode = true;\r\n      svg.classList.add(\"play-mode\");\r\n\r\n      if (playButton) {\r\n        playButton.classList.add(\"is-active\");\r\n        playButton.setAttribute(\"aria-pressed\", \"true\");\r\n      }\r\n\r\n      if (playText) {\r\n        playText.textContent = \"Fine\";\r\n      }\r\n    }\r\n\r\n    function disablePlayMode() {\r\n      playMode = false;\r\n      svg.classList.remove(\"play-mode\");\r\n\r\n      if (playButton) {\r\n        playButton.classList.remove(\"is-active\");\r\n        playButton.setAttribute(\"aria-pressed\", \"false\");\r\n      }\r\n\r\n      if (playText) {\r\n        playText.textContent = \"Crea il tuo ritmo\";\r\n      }\r\n\r\n      stopDrag();\r\n    }\r\n\r\n    function startDrag(element, event) {\r\n      if (!canDrag()) return;\r\n\r\n      event.preventDefault();\r\n\r\n      activeElement = element;\r\n      activeElement.classList.add(\"dragging\");\r\n\r\n      svg.appendChild(activeElement);\r\n\r\n      const translate = getTranslateValues(activeElement);\r\n\r\n      startClientX = event.clientX;\r\n      startClientY = event.clientY;\r\n      startTranslateX = translate.x;\r\n      startTranslateY = translate.y;\r\n\r\n      if (activeElement.setPointerCapture) {\r\n        try {\r\n          activeElement.setPointerCapture(event.pointerId);\r\n        } catch (error) {}\r\n      }\r\n    }\r\n\r\n    function moveDrag(event) {\r\n      if (!activeElement) return;\r\n\r\n      event.preventDefault();\r\n\r\n      const svgRect = svg.getBoundingClientRect();\r\n      if (!svgRect.width || !svgRect.height) return;\r\n\r\n      const scaleX = 1240 \/ svgRect.width;\r\n      const scaleY = 1240 \/ svgRect.height;\r\n\r\n      const deltaX = (event.clientX - startClientX) * scaleX;\r\n      const deltaY = (event.clientY - startClientY) * scaleY;\r\n\r\n      setTranslate(\r\n        activeElement,\r\n        startTranslateX + deltaX,\r\n        startTranslateY + deltaY\r\n      );\r\n    }\r\n\r\n    function stopDrag(event) {\r\n      if (!activeElement) return;\r\n\r\n      activeElement.classList.remove(\"dragging\");\r\n\r\n      if (\r\n        activeElement.releasePointerCapture &&\r\n        event &&\r\n        event.pointerId !== undefined\r\n      ) {\r\n        try {\r\n          activeElement.releasePointerCapture(event.pointerId);\r\n        } catch (error) {}\r\n      }\r\n\r\n      activeElement = null;\r\n    }\r\n\r\n    draggables.forEach(function (element) {\r\n      setTranslate(element, 0, 0);\r\n\r\n      element.addEventListener(\"pointerdown\", function (event) {\r\n        startDrag(element, event);\r\n      }, { passive: false });\r\n    });\r\n\r\n    window.addEventListener(\"pointermove\", moveDrag, { passive: false });\r\n    window.addEventListener(\"pointerup\", stopDrag);\r\n    window.addEventListener(\"pointercancel\", stopDrag);\r\n\r\n    if (playButton) {\r\n      playButton.addEventListener(\"click\", function () {\r\n        if (!isMobileView()) return;\r\n\r\n        if (playMode) {\r\n          disablePlayMode();\r\n        } else {\r\n          enablePlayMode();\r\n        }\r\n      });\r\n    }\r\n\r\n    window.addEventListener(\"resize\", function () {\r\n      if (!isMobileView()) {\r\n        disablePlayMode();\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-7954bf7 elementor-widget elementor-widget-heading\" data-id=\"7954bf7\" 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\">apn<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6722d8b elementor-widget elementor-widget-heading\" data-id=\"6722d8b\" 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\">Tempo lento, natura vera\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbcc8cf elementor-widget elementor-widget-spacer\" data-id=\"fbcc8cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5736a9 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-heading\" data-id=\"a5736a9\" 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\">Un\u2019esperienza da vivere senza fretta<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96b28e0 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-heading\" data-id=\"96b28e0\" 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\">CHI SIAMO\n<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dce7056 e-con-full e-flex e-con e-child\" data-id=\"dce7056\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cdc7998 e-con-full e-flex e-con e-child\" data-id=\"cdc7998\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a903e85 elementor-absolute elementor-widget elementor-widget-spacer\" data-id=\"a903e85\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:6.5,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:36,&quot;end&quot;:73}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-124c5d8 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"124c5d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2baea41 elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"2baea41\" 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\">Un\u2019esperienza da vivere senza fretta<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c126da elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"0c126da\" 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\">CHI SIAMO\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a987c81 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"a987c81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/apnapiedinudi.it\/apn-about\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Scopri di pi\u00f9<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f791b69 e-con-full e-flex e-con e-parent\" data-id=\"f791b69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0a0db6c e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"0a0db6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49e1bb2 elementor-absolute elementor-widget elementor-widget-spacer\" data-id=\"49e1bb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-502542d elementor-widget elementor-widget-image\" data-id=\"502542d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_25_43.jpg\" class=\"attachment-large size-large wp-image-1162\" alt=\"\" srcset=\"https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_25_43.jpg 1000w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_25_43-300x300.jpg 300w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_25_43-150x150.jpg 150w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_25_43-768x768.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9becbdb e-con-full e-flex e-con e-child\" data-id=\"9becbdb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b75a7ee elementor-widget elementor-widget-heading\" data-id=\"b75a7ee\" 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\">2026<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d277c02 elementor-widget elementor-widget-heading\" data-id=\"d277c02\" 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\">RELAX E NATURA\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5e75bc elementor-widget elementor-widget-text-editor\" data-id=\"d5e75bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Tra piscina, cucina, eventi e attivit\u00e0 all\u2019aperto, APN \u00e8 un luogo dove rallentare e ritrovare il piacere semplice della natura, nel cuore della Murgia.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e54bbd6 elementor-mobile-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"e54bbd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0,&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/apnapiedinudi.it\/apn-dove-siamo\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Servizi APN<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af87b7b e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-child\" data-id=\"af87b7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2b8c427 e-con-full e-flex e-con e-child\" data-id=\"2b8c427\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a5c4fb elementor-absolute sezione-no-scroll-x elementor-widget elementor-widget-spacer\" data-id=\"2a5c4fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;motion_fx_range&quot;:&quot;viewport&quot;,&quot;motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ad2240 elementor-widget elementor-widget-image\" data-id=\"0ad2240\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_25_43.jpg\" class=\"attachment-large size-large wp-image-1162\" alt=\"\" srcset=\"https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_25_43.jpg 1000w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_25_43-300x300.jpg 300w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_25_43-150x150.jpg 150w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_25_43-768x768.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-877c6d2 e-con-full e-flex e-con e-parent\" data-id=\"877c6d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f9d72a animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"4f9d72a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"963\" data-end=\"1076\">Un piccolo spazio libero dove muovere le forme e costruire il tuo mondo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccb5554 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"ccb5554\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"bauhaus-artwork-section\">\r\n  <div class=\"bauhaus-artwork-wrap\">\r\n\r\n    <button class=\"bauhaus-play-button\" type=\"button\" aria-pressed=\"false\">\r\n      <span class=\"bauhaus-play-dot\"><\/span>\r\n      <span class=\"bauhaus-play-text\">Crea la tua puasa<\/span>\r\n    <\/button>\r\n\r\n    <div class=\"bauhaus-artwork\" id=\"bauhausArtworkResponsive\">\r\n\r\n      <div class=\"bh-shape draggable bh-black bh-vertical-left\"><\/div>\r\n      <div class=\"bh-shape draggable bh-blue bh-circle bh-circle-blue\"><\/div>\r\n      <div class=\"bh-shape draggable bh-orange bh-circle bh-small-orange-dot\"><\/div>\r\n\r\n      <div class=\"bh-shape draggable bh-black bh-small-black-block\"><\/div>\r\n      <div class=\"bh-shape draggable bh-black bh-horizontal-black\"><\/div>\r\n\r\n      <div class=\"bh-shape draggable bh-yellow bh-yellow-square\"><\/div>\r\n      <div class=\"bh-shape draggable bh-blue bh-blue-rect\"><\/div>\r\n\r\n      <div class=\"bh-shape draggable bh-red bh-circle bh-red-circle\"><\/div>\r\n\r\n      <div class=\"bh-shape draggable bh-black bh-left-lower-black\"><\/div>\r\n      <div class=\"bh-shape draggable bh-red bh-red-semicircle\"><\/div>\r\n\r\n      <div class=\"bh-shape draggable bh-orange bh-orange-rect\"><\/div>\r\n      <div class=\"bh-shape draggable bh-black bh-right-lower-black\"><\/div>\r\n      <div class=\"bh-shape draggable bh-black bh-center-vertical-black\"><\/div>\r\n\r\n      <div class=\"bh-shape draggable bh-blue bh-small-blue-rect\"><\/div>\r\n      <div class=\"bh-shape draggable bh-yellow bh-yellow-semicircle\"><\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  :root {\r\n    --bh-black: #15110f;\r\n    --bh-blue: #1f4f8b;\r\n    --bh-red: #e3271b;\r\n    --bh-yellow: #f3c933;\r\n    --bh-orange: #ef5a1a;\r\n    --bh-bg: #F5F0EC;\r\n  }\r\n\r\n  .bauhaus-artwork-section {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100vw;\r\n    background: transparent;\r\n    overflow-x: clip;\r\n    overflow-y: visible;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .bauhaus-artwork-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 736px;\r\n    margin: 0 auto;\r\n    background: transparent;\r\n    overflow-x: clip;\r\n    overflow-y: visible;\r\n  }\r\n\r\n  .bauhaus-artwork {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 736 \/ 1042;\r\n    background: transparent;\r\n    overflow: visible;\r\n    margin: 0 auto;\r\n    touch-action: pan-y;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .bauhaus-artwork.play-mode {\r\n    touch-action: none;\r\n  }\r\n\r\n  .bh-shape {\r\n    position: absolute;\r\n    display: block;\r\n    cursor: grab;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    transform-origin: center center;\r\n    transition: filter 0.18s ease, opacity 0.18s ease;\r\n    will-change: transform;\r\n  }\r\n\r\n  .bh-shape:hover {\r\n    filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.18));\r\n  }\r\n\r\n  .bh-shape.is-dragging {\r\n    cursor: grabbing;\r\n    z-index: 999 !important;\r\n    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.28));\r\n  }\r\n\r\n  .bh-black {\r\n    background: var(--bh-black);\r\n    mix-blend-mode: normal;\r\n  }\r\n\r\n  .bh-blue {\r\n    background: var(--bh-blue);\r\n    mix-blend-mode: multiply;\r\n  }\r\n\r\n  .bh-red {\r\n    background: var(--bh-red);\r\n    mix-blend-mode: multiply;\r\n  }\r\n\r\n  .bh-yellow {\r\n    background: var(--bh-yellow);\r\n    mix-blend-mode: multiply;\r\n  }\r\n\r\n  .bh-orange {\r\n    background: var(--bh-orange);\r\n    mix-blend-mode: multiply;\r\n  }\r\n\r\n  .bh-circle {\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .bh-vertical-left {\r\n    width: 5.7%;\r\n    height: 36.7%;\r\n    left: 22.6%;\r\n    top: 5.8%;\r\n  }\r\n\r\n  .bh-circle-blue {\r\n    width: 23.6%;\r\n    height: 16.7%;\r\n    left: 27%;\r\n    top: 24.4%;\r\n  }\r\n\r\n  .bh-small-orange-dot {\r\n    width: 5.7%;\r\n    height: 4%;\r\n    left: 53%;\r\n    top: 17.5%;\r\n  }\r\n\r\n  .bh-small-black-block {\r\n    width: 8.7%;\r\n    height: 4%;\r\n    left: 42.4%;\r\n    top: 41%;\r\n  }\r\n\r\n  .bh-horizontal-black {\r\n    width: 17.9%;\r\n    height: 6.5%;\r\n    left: 51.1%;\r\n    top: 32.4%;\r\n  }\r\n\r\n  .bh-yellow-square {\r\n    width: 19%;\r\n    height: 9.6%;\r\n    left: 32.1%;\r\n    top: 44.9%;\r\n  }\r\n\r\n  .bh-blue-rect {\r\n    width: 26.4%;\r\n    height: 9.5%;\r\n    left: 51.1%;\r\n    top: 44.9%;\r\n  }\r\n\r\n  .bh-red-circle {\r\n    width: 14.7%;\r\n    height: 10.4%;\r\n    left: 64.4%;\r\n    top: 34.2%;\r\n  }\r\n\r\n  .bh-left-lower-black {\r\n    width: 6%;\r\n    height: 17.7%;\r\n    left: 26.4%;\r\n    top: 44.9%;\r\n  }\r\n\r\n  .bh-red-semicircle {\r\n    width: 25.6%;\r\n    height: 9.2%;\r\n    left: 26.4%;\r\n    top: 62.6%;\r\n    border-radius: 0 0 999px 999px;\r\n  }\r\n\r\n  .bh-orange-rect {\r\n    width: 12%;\r\n    height: 8%;\r\n    left: 51.1%;\r\n    top: 54.3%;\r\n  }\r\n\r\n  .bh-right-lower-black {\r\n    width: 5.7%;\r\n    height: 11.9%;\r\n    left: 63.1%;\r\n    top: 54.3%;\r\n  }\r\n\r\n  .bh-center-vertical-black {\r\n    width: 5.7%;\r\n    height: 31.7%;\r\n    left: 51.6%;\r\n    top: 62.4%;\r\n  }\r\n\r\n  .bh-small-blue-rect {\r\n    width: 14.4%;\r\n    height: 4.1%;\r\n    left: 63.1%;\r\n    top: 62.3%;\r\n  }\r\n\r\n  .bh-yellow-semicircle {\r\n    width: 9.8%;\r\n    height: 11.1%;\r\n    left: 67.7%;\r\n    top: 69.2%;\r\n    border-radius: 0 999px 999px 0;\r\n  }\r\n\r\n  .bauhaus-play-button {\r\n    display: none;\r\n    position: absolute;\r\n    z-index: 20;\r\n    top: 18px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    align-items: center;\r\n    gap: 9px;\r\n    padding: 10px 16px 10px 12px;\r\n    border: 3px solid var(--bh-black);\r\n    border-radius: 0;\r\n    background: var(--bh-bg);\r\n    color: var(--bh-black);\r\n    font-family: \"Bauhaus 93\", \"Blippo\", Arial, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    letter-spacing: 0.04em;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    box-shadow: 6px 6px 0 var(--bh-black);\r\n    transition:\r\n      transform 0.18s ease,\r\n      box-shadow 0.18s ease,\r\n      background 0.18s ease,\r\n      color 0.18s ease;\r\n  }\r\n\r\n  .bauhaus-play-button:active {\r\n    transform: translateX(-50%) translate(4px, 4px);\r\n    box-shadow: 2px 2px 0 var(--bh-black);\r\n  }\r\n\r\n  .bauhaus-play-button.is-active {\r\n    background: var(--bh-red);\r\n    color: var(--bh-bg);\r\n    box-shadow: 6px 6px 0 var(--bh-yellow);\r\n  }\r\n\r\n  .bauhaus-play-dot {\r\n    width: 14px;\r\n    height: 14px;\r\n    display: inline-block;\r\n    border-radius: 50%;\r\n    background: var(--bh-yellow);\r\n    border: 2px solid var(--bh-black);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .bauhaus-play-button.is-active .bauhaus-play-dot {\r\n    background: var(--bh-black);\r\n    border-color: var(--bh-bg);\r\n  }\r\n\r\n  @media (min-width: 1200px) {\r\n    .bauhaus-artwork-wrap {\r\n      max-width: 760px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .bauhaus-artwork-wrap {\r\n      max-width: 620px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    html,\r\n    body {\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    .bauhaus-artwork-section {\r\n      max-width: 100vw;\r\n      overflow-x: clip;\r\n      overflow-y: visible;\r\n    }\r\n\r\n    .bauhaus-artwork-wrap {\r\n      width: 118%;\r\n      max-width: none;\r\n      margin-left: -9%;\r\n      margin-right: -9%;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n      overflow-x: clip;\r\n      overflow-y: visible;\r\n    }\r\n\r\n    .bauhaus-artwork {\r\n      width: 100%;\r\n      min-height: 340px;\r\n      touch-action: pan-y;\r\n      overflow: visible;\r\n    }\r\n\r\n    .bauhaus-artwork.play-mode {\r\n      touch-action: none;\r\n    }\r\n\r\n    .bauhaus-artwork:not(.play-mode) .bh-shape {\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bauhaus-artwork.play-mode .bh-shape {\r\n      pointer-events: auto;\r\n      touch-action: none;\r\n    }\r\n\r\n    .bauhaus-play-button {\r\n      display: inline-flex;\r\n      top: 88px;\r\n      z-index: 20;\r\n    }\r\n\r\n    .bh-shape:hover {\r\n      filter: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .bauhaus-artwork-wrap {\r\n      width: 126%;\r\n      margin-left: -13%;\r\n      margin-right: -13%;\r\n    }\r\n\r\n    .bauhaus-artwork {\r\n      min-height: 300px;\r\n    }\r\n\r\n    .bauhaus-play-button {\r\n      top: 88px;\r\n      font-size: 12px;\r\n      padding: 9px 14px 9px 11px;\r\n      box-shadow: 5px 5px 0 var(--bh-black);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const artwork = document.getElementById(\"bauhausArtworkResponsive\");\r\n    if (!artwork) return;\r\n\r\n    const wrapper = artwork.closest(\".bauhaus-artwork-wrap\");\r\n    const playButton = wrapper ? wrapper.querySelector(\".bauhaus-play-button\") : null;\r\n    const playText = playButton ? playButton.querySelector(\".bauhaus-play-text\") : null;\r\n    const shapes = artwork.querySelectorAll(\".draggable\");\r\n\r\n    let activeShape = null;\r\n    let startClientX = 0;\r\n    let startClientY = 0;\r\n    let startTranslateX = 0;\r\n    let startTranslateY = 0;\r\n    let zIndexCounter = 20;\r\n    let playMode = false;\r\n\r\n    function isMobileView() {\r\n      return window.matchMedia(\"(max-width: 767px)\").matches;\r\n    }\r\n\r\n    function canDrag() {\r\n      if (!isMobileView()) return true;\r\n      return playMode;\r\n    }\r\n\r\n    function getTranslateValues(el) {\r\n      return {\r\n        x: parseFloat(el.getAttribute(\"data-x\") || \"0\"),\r\n        y: parseFloat(el.getAttribute(\"data-y\") || \"0\")\r\n      };\r\n    }\r\n\r\n    function setTranslate(el, x, y) {\r\n      el.setAttribute(\"data-x\", x);\r\n      el.setAttribute(\"data-y\", y);\r\n      el.style.transform = \"translate3d(\" + x + \"px, \" + y + \"px, 0)\";\r\n    }\r\n\r\n    function enablePlayMode() {\r\n      playMode = true;\r\n      artwork.classList.add(\"play-mode\");\r\n\r\n      if (playButton) {\r\n        playButton.classList.add(\"is-active\");\r\n        playButton.setAttribute(\"aria-pressed\", \"true\");\r\n      }\r\n\r\n      if (playText) {\r\n        playText.textContent = \"Fine\";\r\n      }\r\n    }\r\n\r\n    function disablePlayMode() {\r\n      playMode = false;\r\n      artwork.classList.remove(\"play-mode\");\r\n\r\n      if (playButton) {\r\n        playButton.classList.remove(\"is-active\");\r\n        playButton.setAttribute(\"aria-pressed\", \"false\");\r\n      }\r\n\r\n      if (playText) {\r\n        playText.textContent = \"Gioca un po\u2019\";\r\n      }\r\n\r\n      stopDrag();\r\n    }\r\n\r\n    function startDrag(event) {\r\n      if (!canDrag()) return;\r\n\r\n      event.preventDefault();\r\n\r\n      activeShape = event.currentTarget;\r\n\r\n      const translate = getTranslateValues(activeShape);\r\n\r\n      startClientX = event.clientX;\r\n      startClientY = event.clientY;\r\n      startTranslateX = translate.x;\r\n      startTranslateY = translate.y;\r\n\r\n      zIndexCounter++;\r\n      activeShape.style.zIndex = zIndexCounter;\r\n      activeShape.classList.add(\"is-dragging\");\r\n\r\n      if (activeShape.setPointerCapture) {\r\n        try {\r\n          activeShape.setPointerCapture(event.pointerId);\r\n        } catch (error) {}\r\n      }\r\n    }\r\n\r\n    function moveDrag(event) {\r\n      if (!activeShape) return;\r\n\r\n      event.preventDefault();\r\n\r\n      const deltaX = event.clientX - startClientX;\r\n      const deltaY = event.clientY - startClientY;\r\n\r\n      let nextX = startTranslateX + deltaX;\r\n      let nextY = startTranslateY + deltaY;\r\n\r\n      const shapeRect = activeShape.getBoundingClientRect();\r\n      const currentTranslate = getTranslateValues(activeShape);\r\n\r\n      const baseLeft = shapeRect.left - currentTranslate.x;\r\n      const baseRight = shapeRect.right - currentTranslate.x;\r\n\r\n      const viewportPadding = 8;\r\n      const minX = viewportPadding - baseLeft;\r\n      const maxX = window.innerWidth - viewportPadding - baseRight;\r\n\r\n      nextX = Math.max(minX, Math.min(nextX, maxX));\r\n\r\n      setTranslate(activeShape, nextX, nextY);\r\n    }\r\n\r\n    function stopDrag(event) {\r\n      if (!activeShape) return;\r\n\r\n      activeShape.classList.remove(\"is-dragging\");\r\n\r\n      if (\r\n        activeShape.releasePointerCapture &&\r\n        event &&\r\n        event.pointerId !== undefined\r\n      ) {\r\n        try {\r\n          activeShape.releasePointerCapture(event.pointerId);\r\n        } catch (error) {}\r\n      }\r\n\r\n      activeShape = null;\r\n    }\r\n\r\n    shapes.forEach(function (shape) {\r\n      setTranslate(shape, 0, 0);\r\n      shape.addEventListener(\"pointerdown\", startDrag, { passive: false });\r\n    });\r\n\r\n    window.addEventListener(\"pointermove\", moveDrag, { passive: false });\r\n    window.addEventListener(\"pointerup\", stopDrag);\r\n    window.addEventListener(\"pointercancel\", stopDrag);\r\n\r\n    if (playButton) {\r\n      playButton.addEventListener(\"click\", function () {\r\n        if (!isMobileView()) return;\r\n\r\n        if (playMode) {\r\n          disablePlayMode();\r\n        } else {\r\n          enablePlayMode();\r\n        }\r\n      });\r\n    }\r\n\r\n    window.addEventListener(\"resize\", function () {\r\n      if (!isMobileView()) {\r\n        disablePlayMode();\r\n      }\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60de649 e-flex e-con-boxed e-con e-parent\" data-id=\"60de649\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03b20b3 elementor-widget elementor-widget-heading\" data-id=\"03b20b3\" 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\">apn<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3559473 elementor-widget elementor-widget-spacer\" data-id=\"3559473\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-620edae elementor-widget elementor-widget-spacer\" data-id=\"620edae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32fe2dc elementor-widget elementor-widget-spacer\" data-id=\"32fe2dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4be7fc3 elementor-widget elementor-widget-spacer\" data-id=\"4be7fc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e2f52c elementor-absolute elementor-widget elementor-widget-image\" data-id=\"0e2f52c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_38_29.jpg\" class=\"attachment-large size-large wp-image-1169\" alt=\"\" srcset=\"https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_38_29.jpg 1000w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_38_29-300x300.jpg 300w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_38_29-150x150.jpg 150w, https:\/\/apnapiedinudi.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-23-mag-2026-18_38_29-768x768.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52fde5c elementor-widget elementor-widget-spacer\" data-id=\"52fde5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-250891c elementor-widget elementor-widget-spacer\" data-id=\"250891c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-daebec0 elementor-widget elementor-widget-spacer\" data-id=\"daebec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e29da8c elementor-widget elementor-widget-spacer\" data-id=\"e29da8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3b192e elementor-widget elementor-widget-spacer\" data-id=\"e3b192e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb1993d elementor-widget elementor-widget-spacer\" data-id=\"cb1993d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3332a32 elementor-widget elementor-widget-spacer\" data-id=\"3332a32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30868af animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"30868af\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Rallenta abbastanza, e ritrovi te stesso.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de229a5 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"de229a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5de63f6 elementor-widget elementor-widget-html\" data-id=\"5de63f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"apn-bauhaus-hero\">\r\n  <div class=\"apn-stage\" id=\"apnStage\">\r\n\r\n    <!-- TEXT MAIN -->\r\n    <div class=\"apn-brand draggable\">\r\n      <div class=\"apn-logo\">a.p.n.<\/div>\r\n      <div class=\"apn-name\">a piedi nudi<\/div>\r\n    <\/div>\r\n\r\n    <!-- OUTLINE BACKGROUND WORDS -->\r\n    <div class=\"apn-outline-word word-1 draggable\">cammina<\/div>\r\n    <div class=\"apn-outline-word word-2 draggable\">cammina<\/div>\r\n    <div class=\"apn-outline-word word-3 draggable\">cammina<\/div>\r\n\r\n    <!-- CLAIM -->\r\n    <div class=\"apn-claim draggable\">\r\n      cammina. senti. riconnettiti.\r\n    <\/div>\r\n\r\n    <!-- SHAPES -->\r\n    <div class=\"apn-shape apn-yellow-circle draggable\"><\/div>\r\n    <div class=\"apn-shape apn-red-rect draggable\"><\/div>\r\n    <div class=\"apn-shape apn-green-circle draggable\"><\/div>\r\n\r\n    <!-- MAIN SUBJECT -->\r\n    <div class=\"apn-person draggable\">\r\n      <img decoding=\"async\" src=\"https:\/\/alessandrosimoneweb.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-18-mag-2026-12_50_31-2.png\" alt=\"A piedi nudi\">\r\n    <\/div>\r\n\r\n    <!-- GROUND TEXTURE -->\r\n    <div class=\"apn-ground draggable\"><\/div>\r\n\r\n    <!-- FOOTER DETAILS -->\r\n    <div class=\"apn-footer-info draggable\">\r\n      <span>a.p.n.<br>a piedi nudi<\/span>\r\n      <span><\/span>\r\n      <span>ritorno all\u2019essenziale.<br>passo dopo passo.<\/span>\r\n      <span><\/span>\r\n      <span>esperienze naturali<br>percorsi sensoriali<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"apn-site draggable\">apn.it<\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root {\r\n    --apn-bg: #e7d6c0;\r\n    --apn-black: #272727;\r\n    --apn-outline: rgba(39, 39, 39, 0.28);\r\n    --apn-yellow: #d49b31;\r\n    --apn-red: #e95d45;\r\n    --apn-green: #79816d;\r\n\r\n    \/*\r\n      Se carichi un font Bauhaus in Elementor Pro,\r\n      chiamalo \"Bauhaus\" nei Custom Fonts.\r\n    *\/\r\n    --apn-font-display: \"Bauhaus\", \"Bauhaus 93\", \"Arial Rounded MT Bold\", \"Helvetica Neue\", Arial, sans-serif;\r\n    --apn-font-body: \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\r\n  }\r\n\r\n  .apn-bauhaus-hero {\r\n    width: 100%;\r\n    min-height: 92vh;\r\n    background: var(--apn-bg);\r\n    overflow: hidden;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .apn-stage {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1720px;\r\n    height: clamp(680px, 92vh, 940px);\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(circle at 65% 38%, rgba(255,255,255,0.16), transparent 34%),\r\n      linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0));\r\n    isolation: isolate;\r\n    user-select: none;\r\n    touch-action: none;\r\n  }\r\n\r\n  .draggable {\r\n    position: absolute;\r\n    cursor: grab;\r\n    user-select: none;\r\n    touch-action: none;\r\n    will-change: left, top, transform;\r\n    transition: filter 0.18s ease, opacity 0.18s ease;\r\n  }\r\n\r\n  .draggable:hover {\r\n    filter: drop-shadow(0 14px 22px rgba(0, 0, 0, 0.14));\r\n  }\r\n\r\n  .draggable.is-dragging {\r\n    cursor: grabbing;\r\n    z-index: 999 !important;\r\n    filter: drop-shadow(0 24px 38px rgba(0, 0, 0, 0.26));\r\n  }\r\n\r\n  \/* BRAND *\/\r\n\r\n  .apn-brand {\r\n    left: 5.5vw;\r\n    top: 8vh;\r\n    z-index: 35;\r\n    color: var(--apn-black);\r\n  }\r\n\r\n  .apn-logo {\r\n    font-family: var(--apn-font-display);\r\n    font-size: clamp(74px, 10vw, 170px);\r\n    font-weight: 400;\r\n    line-height: 0.75;\r\n    letter-spacing: -0.055em;\r\n  }\r\n\r\n  .apn-name {\r\n    margin-top: clamp(18px, 2vw, 34px);\r\n    font-family: var(--apn-font-display);\r\n    font-size: clamp(30px, 4vw, 68px);\r\n    font-weight: 400;\r\n    line-height: 0.9;\r\n    letter-spacing: -0.045em;\r\n  }\r\n\r\n  \/* OUTLINE WORDS *\/\r\n\r\n  .apn-outline-word {\r\n    font-family: var(--apn-font-display);\r\n    font-size: clamp(92px, 11vw, 210px);\r\n    font-weight: 400;\r\n    line-height: 0.78;\r\n    letter-spacing: -0.06em;\r\n    color: transparent;\r\n    -webkit-text-stroke: 1px var(--apn-outline);\r\n    text-stroke: 1px var(--apn-outline);\r\n    z-index: 5;\r\n    opacity: 0.95;\r\n  }\r\n\r\n  .word-1 {\r\n    left: 5.5vw;\r\n    top: 33vh;\r\n  }\r\n\r\n  .word-2 {\r\n    left: 5.5vw;\r\n    top: 46vh;\r\n  }\r\n\r\n  .word-3 {\r\n    left: 5.5vw;\r\n    top: 59vh;\r\n  }\r\n\r\n  \/* CLAIM *\/\r\n\r\n  .apn-claim {\r\n    left: 5.7vw;\r\n    top: 76vh;\r\n    z-index: 38;\r\n    font-family: var(--apn-font-body);\r\n    font-size: clamp(20px, 2vw, 34px);\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    letter-spacing: -0.035em;\r\n    color: var(--apn-black);\r\n  }\r\n\r\n  \/* SHAPES *\/\r\n\r\n  .apn-shape {\r\n    z-index: 8;\r\n    mix-blend-mode: multiply;\r\n  }\r\n\r\n  .apn-yellow-circle {\r\n    width: clamp(310px, 29vw, 520px);\r\n    height: clamp(310px, 29vw, 520px);\r\n    border-radius: 50%;\r\n    left: 51vw;\r\n    top: 10vh;\r\n    background: var(--apn-yellow);\r\n  }\r\n\r\n  .apn-red-rect {\r\n    width: clamp(360px, 38vw, 680px);\r\n    height: clamp(190px, 20vw, 350px);\r\n    left: 66vw;\r\n    top: 27vh;\r\n    background: var(--apn-red);\r\n    transform: rotate(-2deg);\r\n  }\r\n\r\n  .apn-green-circle {\r\n    width: clamp(180px, 17vw, 310px);\r\n    height: clamp(180px, 17vw, 310px);\r\n    border-radius: 50%;\r\n    left: 69vw;\r\n    top: 58vh;\r\n    background: var(--apn-green);\r\n  }\r\n\r\n  \/* PERSON *\/\r\n\r\n  .apn-person {\r\n    right: 6vw;\r\n    top: 13vh;\r\n    width: clamp(520px, 47vw, 820px);\r\n    z-index: 30;\r\n    mix-blend-mode: multiply;\r\n  }\r\n\r\n  .apn-person img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    filter: grayscale(1) contrast(1.18) brightness(0.96);\r\n  }\r\n\r\n  \/*\r\n    Effetto puntinato \/ stampa.\r\n    Funziona bene con PNG scontornati.\r\n  *\/\r\n  .apn-person::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: radial-gradient(circle, rgba(0,0,0,0.28) 1px, transparent 1.4px);\r\n    background-size: 4px 4px;\r\n    mix-blend-mode: multiply;\r\n    opacity: 0.34;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* GROUND *\/\r\n\r\n  .apn-ground {\r\n    left: 22vw;\r\n    bottom: 5vh;\r\n    width: 74vw;\r\n    height: 23vh;\r\n    z-index: 22;\r\n    opacity: 0.72;\r\n    mix-blend-mode: multiply;\r\n    background:\r\n      radial-gradient(circle at 10% 70%, rgba(39,39,39,0.75) 0 1px, transparent 1.6px),\r\n      radial-gradient(circle at 45% 35%, rgba(39,39,39,0.65) 0 1px, transparent 1.6px),\r\n      radial-gradient(circle at 78% 62%, rgba(39,39,39,0.70) 0 1px, transparent 1.6px),\r\n      linear-gradient(0deg, rgba(39,39,39,0.38), rgba(39,39,39,0.08) 60%, transparent);\r\n    background-size: 8px 8px, 12px 12px, 6px 6px, 100% 100%;\r\n    clip-path: polygon(\r\n      0% 72%,\r\n      9% 55%,\r\n      18% 60%,\r\n      28% 38%,\r\n      40% 48%,\r\n      51% 31%,\r\n      61% 45%,\r\n      72% 28%,\r\n      84% 48%,\r\n      93% 34%,\r\n      100% 44%,\r\n      100% 100%,\r\n      0% 100%\r\n    );\r\n  }\r\n\r\n  \/* FOOTER *\/\r\n\r\n  .apn-footer-info {\r\n    left: 5.7vw;\r\n    bottom: 4vh;\r\n    z-index: 42;\r\n    display: grid;\r\n    grid-template-columns: auto 1px auto 1px auto;\r\n    gap: clamp(22px, 3vw, 54px);\r\n    align-items: start;\r\n    font-family: var(--apn-font-body);\r\n    font-size: clamp(10px, 0.78vw, 13px);\r\n    font-weight: 400;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.02em;\r\n    color: rgba(39,39,39,0.78);\r\n  }\r\n\r\n  .apn-footer-info span:nth-child(2),\r\n  .apn-footer-info span:nth-child(4) {\r\n    width: 1px;\r\n    height: 38px;\r\n    background: rgba(39,39,39,0.45);\r\n    display: block;\r\n  }\r\n\r\n  .apn-site {\r\n    right: 7vw;\r\n    bottom: 4vh;\r\n    z-index: 42;\r\n    font-family: var(--apn-font-body);\r\n    font-size: clamp(14px, 1.2vw, 20px);\r\n    font-weight: 400;\r\n    letter-spacing: -0.03em;\r\n    color: var(--apn-black);\r\n  }\r\n\r\n  \/* TABLET *\/\r\n\r\n  @media (max-width: 1024px) {\r\n    .apn-stage {\r\n      height: 850px;\r\n    }\r\n\r\n    .apn-brand {\r\n      left: 7vw;\r\n      top: 7vh;\r\n    }\r\n\r\n    .apn-outline-word {\r\n      font-size: clamp(80px, 15vw, 150px);\r\n    }\r\n\r\n    .word-1 {\r\n      left: 7vw;\r\n      top: 32vh;\r\n    }\r\n\r\n    .word-2 {\r\n      left: 7vw;\r\n      top: 44vh;\r\n    }\r\n\r\n    .word-3 {\r\n      left: 7vw;\r\n      top: 56vh;\r\n    }\r\n\r\n    .apn-person {\r\n      width: 62vw;\r\n      right: -5vw;\r\n      top: 24vh;\r\n    }\r\n\r\n    .apn-yellow-circle {\r\n      left: 43vw;\r\n      top: 21vh;\r\n    }\r\n\r\n    .apn-red-rect {\r\n      left: 52vw;\r\n      top: 38vh;\r\n    }\r\n\r\n    .apn-green-circle {\r\n      left: 63vw;\r\n      top: 63vh;\r\n    }\r\n\r\n    .apn-ground {\r\n      left: 10vw;\r\n      width: 100vw;\r\n      bottom: 8vh;\r\n    }\r\n\r\n    .apn-claim {\r\n      left: 7vw;\r\n      top: 72vh;\r\n    }\r\n  }\r\n\r\n  \/* MOBILE *\/\r\n\r\n  @media (max-width: 767px) {\r\n    .apn-bauhaus-hero {\r\n      min-height: 780px;\r\n    }\r\n\r\n    .apn-stage {\r\n      height: 780px;\r\n    }\r\n\r\n    .apn-brand {\r\n      left: 7vw;\r\n      top: 6vh;\r\n    }\r\n\r\n    .apn-logo {\r\n      font-size: clamp(76px, 24vw, 112px);\r\n    }\r\n\r\n    .apn-name {\r\n      font-size: clamp(34px, 11vw, 52px);\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .apn-outline-word {\r\n      font-size: 88px;\r\n      opacity: 0.75;\r\n    }\r\n\r\n    .word-1 {\r\n      left: 7vw;\r\n      top: 31vh;\r\n    }\r\n\r\n    .word-2 {\r\n      left: 7vw;\r\n      top: 41vh;\r\n    }\r\n\r\n    .word-3 {\r\n      left: 7vw;\r\n      top: 51vh;\r\n    }\r\n\r\n    .apn-person {\r\n      width: 96vw;\r\n      right: -26vw;\r\n      top: 35vh;\r\n    }\r\n\r\n    .apn-yellow-circle {\r\n      width: 330px;\r\n      height: 330px;\r\n      left: 38vw;\r\n      top: 34vh;\r\n    }\r\n\r\n    .apn-red-rect {\r\n      width: 360px;\r\n      height: 190px;\r\n      left: 48vw;\r\n      top: 45vh;\r\n    }\r\n\r\n    .apn-green-circle {\r\n      width: 190px;\r\n      height: 190px;\r\n      left: 58vw;\r\n      top: 63vh;\r\n    }\r\n\r\n    .apn-ground {\r\n      left: -8vw;\r\n      width: 120vw;\r\n      bottom: 8vh;\r\n      height: 22vh;\r\n    }\r\n\r\n    .apn-claim {\r\n      left: 7vw;\r\n      top: 70vh;\r\n      font-size: 22px;\r\n    }\r\n\r\n    .apn-footer-info {\r\n      left: 7vw;\r\n      bottom: 3vh;\r\n      grid-template-columns: 1fr;\r\n      gap: 4px;\r\n      font-size: 10px;\r\n    }\r\n\r\n    .apn-footer-info span:nth-child(2),\r\n    .apn-footer-info span:nth-child(4) {\r\n      display: none;\r\n    }\r\n\r\n    .apn-site {\r\n      right: 7vw;\r\n      bottom: 3vh;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .draggable:hover {\r\n      filter: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const stage = document.getElementById(\"apnStage\");\r\n    if (!stage) return;\r\n\r\n    const elements = stage.querySelectorAll(\".draggable\");\r\n\r\n    let active = null;\r\n    let offsetX = 0;\r\n    let offsetY = 0;\r\n    let zIndexCounter = 100;\r\n\r\n    function clamp(value, min, max) {\r\n      return Math.max(min, Math.min(value, max));\r\n    }\r\n\r\n    function freezePosition(el) {\r\n      const stageRect = stage.getBoundingClientRect();\r\n      const elRect = el.getBoundingClientRect();\r\n\r\n      const left = elRect.left - stageRect.left;\r\n      const top = elRect.top - stageRect.top;\r\n\r\n      el.style.left = left + \"px\";\r\n      el.style.top = top + \"px\";\r\n      el.style.right = \"auto\";\r\n      el.style.bottom = \"auto\";\r\n    }\r\n\r\n    function onPointerDown(event) {\r\n      const el = event.currentTarget;\r\n\r\n      if (event.button !== undefined && event.button !== 0) return;\r\n\r\n      event.preventDefault();\r\n\r\n      freezePosition(el);\r\n\r\n      const rect = el.getBoundingClientRect();\r\n\r\n      active = el;\r\n      offsetX = event.clientX - rect.left;\r\n      offsetY = event.clientY - rect.top;\r\n\r\n      zIndexCounter++;\r\n      active.style.zIndex = zIndexCounter;\r\n      active.classList.add(\"is-dragging\");\r\n\r\n      if (active.setPointerCapture && event.pointerId !== undefined) {\r\n        active.setPointerCapture(event.pointerId);\r\n      }\r\n    }\r\n\r\n    function onPointerMove(event) {\r\n      if (!active) return;\r\n\r\n      event.preventDefault();\r\n\r\n      const stageRect = stage.getBoundingClientRect();\r\n      const activeRect = active.getBoundingClientRect();\r\n\r\n      let newLeft = event.clientX - stageRect.left - offsetX;\r\n      let newTop = event.clientY - stageRect.top - offsetY;\r\n\r\n      const maxLeft = stage.clientWidth - activeRect.width;\r\n      const maxTop = stage.clientHeight - activeRect.height;\r\n\r\n      \/*\r\n        Limiti morbidi: gli elementi possono uscire leggermente dalla hero,\r\n        come in una composizione editoriale.\r\n      *\/\r\n      newLeft = clamp(newLeft, -activeRect.width * 0.5, maxLeft + activeRect.width * 0.5);\r\n      newTop = clamp(newTop, -activeRect.height * 0.5, maxTop + activeRect.height * 0.5);\r\n\r\n      active.style.left = newLeft + \"px\";\r\n      active.style.top = newTop + \"px\";\r\n    }\r\n\r\n    function onPointerUp(event) {\r\n      if (!active) return;\r\n\r\n      active.classList.remove(\"is-dragging\");\r\n\r\n      if (active.releasePointerCapture && event.pointerId !== undefined) {\r\n        try {\r\n          active.releasePointerCapture(event.pointerId);\r\n        } catch (error) {}\r\n      }\r\n\r\n      active = null;\r\n    }\r\n\r\n    elements.forEach(function (el) {\r\n      el.addEventListener(\"pointerdown\", onPointerDown, { passive: false });\r\n    });\r\n\r\n    window.addEventListener(\"pointermove\", onPointerMove, { passive: false });\r\n    window.addEventListener(\"pointerup\", onPointerUp);\r\n    window.addEventListener(\"pointercancel\", onPointerUp);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>apn life is circle Prenota Ora Costruisci il tuo spazio, gioca il tuo tempo, combina la tua pausa. Crea il tuo ritmo a p n apn Tempo lento, natura vera Un\u2019esperienza da vivere senza fretta CHI SIAMO Un\u2019esperienza da vivere senza fretta CHI SIAMO Scopri di pi\u00f9 2026 RELAX E NATURA Tra piscina, cucina, eventi [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-915","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/apnapiedinudi.it\/en\/wp-json\/wp\/v2\/pages\/915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apnapiedinudi.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apnapiedinudi.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apnapiedinudi.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apnapiedinudi.it\/en\/wp-json\/wp\/v2\/comments?post=915"}],"version-history":[{"count":114,"href":"https:\/\/apnapiedinudi.it\/en\/wp-json\/wp\/v2\/pages\/915\/revisions"}],"predecessor-version":[{"id":2025,"href":"https:\/\/apnapiedinudi.it\/en\/wp-json\/wp\/v2\/pages\/915\/revisions\/2025"}],"wp:attachment":[{"href":"https:\/\/apnapiedinudi.it\/en\/wp-json\/wp\/v2\/media?parent=915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}