{"id":3549,"date":"2026-03-29T07:49:30","date_gmt":"2026-03-29T07:49:30","guid":{"rendered":"https:\/\/crisbarbarino.com\/?page_id=3549"},"modified":"2026-04-14T12:58:05","modified_gmt":"2026-04-14T12:58:05","slug":"ruota-della-vita","status":"publish","type":"page","link":"https:\/\/crisbarbarino.com\/en\/ruota-della-vita\/","title":{"rendered":"RUOTA DELLA VITA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3549\" class=\"elementor elementor-3549\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4525c75 e-con-full e-flex e-con e-parent\" data-id=\"4525c75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0be13ee elementor-widget elementor-widget-html\" data-id=\"0be13ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"wheel-page\">\n  <div class=\"form-layout\">\n\n    <!-- LEFT -->\n    <div class=\"form-left\">\n      <form id=\"multiStepForm\">\n\n        <!-- STEP 0 INTRO -->\n        <div class=\"form-step active intro-step\">\n          <div class=\"intro-content\">\n              <span class=\"intro\">free test - ruota della vita<\/span>\n            <h1>Sar\u00e0 come guardarti allo specchio.<\/h1>\n\n            <p class=\"subtitle\">\n              La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, individuando cosa funziona e cosa migliorare, per favorire cambiamenti concreti e duraturi.\n            <\/p>\n\n            <button type=\"button\" class=\"next-btn intro-btn\">\n              Inizia il percorso \u2192\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <!-- HONEYPOT -->\n        <input type=\"text\" name=\"website\" style=\"display:none;\">\n\n        <!-- STEP 1 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 1<\/p>\n          <h2>Ambiente<\/h2>\n          <p class=\"subtitle\">Quanto ti senti davvero connesso nel posto dove vivi?<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"ambiente\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 2 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 2<\/p>\n          <h2>Carriera<\/h2>\n          <p class=\"subtitle\">Quello che sto facendo oggi \u00e8 allineato con la direzione che voglio dare alla mia vita.<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"carriera\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 3 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 3<\/p>\n          <h2>Salute<\/h2>\n          <p class=\"subtitle\">Sono soddisfatto del mio stato di salute generale, del mio benessere e delle condizioni generali del mio corpo.<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"salute\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 4 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 4<\/p>\n          <h2>Relazioni<\/h2>\n          <p class=\"subtitle\">L'amore e la passione quotidiani nella mia attuale (o pi\u00f9 recente) relazione intima sono esattamente come li desidero.<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"relazioni\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 5 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 5<\/p>\n          <h2>Finanze<\/h2>\n          <p class=\"subtitle\">La mia attuale situazione e il mio piano finanziario corrispondono esattamente a come li desidero.<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"finanze\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 6 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 6<\/p>\n          <h2>Crescita personale<\/h2>\n          <p class=\"subtitle\">Sto evolvendo attivamente come persona e investendo su me stesso.<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"crescita\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 7 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 7<\/p>\n          <h2>Spiritualit\u00e0<\/h2>\n          <p class=\"subtitle\">Quanto ti senti in contatto con il tuo mondo interiore, il tuo senso e ci\u00f2 che per te conta davvero?<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 8 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 8<\/p>\n          <h2>Svago<\/h2>\n          <p class=\"subtitle\">Quanto spazio stai dando nella tua vita al piacere, al divertimento e alle attivit\u00e0 che ti rigenerano?<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"svago\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP FINALE -->\n        <div class=\"form-step centered result-step\">\n          <div class=\"wheel-wrapper\">\n            <div id=\"wheel\"><\/div>\n          <\/div>\n\n          <p class=\"subtitle\">\n            Questa \u00e8 la tua ruota della vita oggi.\n            Il punto \u00e8 capire cosa farne.\n          <\/p>\n\n          <a href=\"\/booking\">\n            <button type=\"button\">prenota una call gratuita<\/button>\n          <\/a>\n        <\/div>\n\n      <\/form>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"form-right\">\n      <div class=\"form-image\"><\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\nhtml, body {\n  margin: 0;\n  padding: 0;\n  height: auto !important;\n  min-height: 100%;\n  overflow-x: hidden;\n}\n\nbody {\n  font-family: sans-serif;\n  background: #ADADAD;\n}\n\n.intro-content span.intro{font-family:'poppins'; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; font-weight: normal;}\n.wheel-page {\n  height: auto !important;\n  min-height: 100vh;\n  overflow: visible !important;\n}\n\nform {\n  width: 80%;\n  margin: 0 auto;\n}\n\n\/* LAYOUT *\/\n.form-layout {\n  display: flex;\n  min-height: 100vh;\n  height: auto !important;\n  align-items: stretch;\n  overflow: visible !important;\n}\n\n.form-left {\n  width: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  background: #DBDBDB;\n  overflow: visible !important;\n  height: auto !important;\n  min-height: 100vh;\n  box-sizing: border-box;\n  transition: width 0.3s ease;\n}\n\n.form-right {\n  width: 50%;\n  overflow: visible !important;\n  height: auto !important;\n  min-height: 100vh;\n\n}\n\n.form-image {\n  width: 100%;\n  height: 100%;\n  min-height: 100vh;\n  background-size: cover;\n  background-position: center;\n  transition: opacity 0.4s ease;\n}\n\n\/* RESULT MODE *\/\n.form-layout.result-mode .form-right {\n  display: none;\n}\n\n.form-layout.result-mode .form-left {\n  width: 100%;\n  min-height: 100vh;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 100px 40px 40px 40px;\n}\n\n.form-layout.result-mode form {\n  width: 100%;\n  max-width: 900px;\n}\n\n.result-step.active {\n  min-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n\/* STEPS *\/\n.form-step {\n  display: none;\n}\n\n.form-step.active {\n  display: block;\n}\n\n\/* TEXT *\/\n.step-label {\n  font-size: 14px;\n  color: #888;\n}\n\nh1, h2 {\n  font-size: 48px;\n  margin: 10px 0;\n  letter-spacing: -2px;\n  line-height: 45px;\n}\n\n.subtitle {\n  color: #666;\n  margin-bottom: 30px;\n}\n\n\/* OPTIONS *\/\n.options {\n  display: flex !important;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.options label {\n  display: inline-flex !important;\n  width: auto !important;\n  padding: 0 !important;\n  border: none !important;\n  background: transparent !important;\n  flex: 0 0 auto;\n}\n\n.options input[type=\"radio\"] {\n  display: none;\n}\n\n.options span {\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  border: 1px solid #ddd;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  background: white;\n  transition: all 0.2s ease;\n  cursor: pointer;\n}\n\n.options span:hover {\n  background: #e4b476;\n  color: white;\n}\n\n.options input:checked + span {\n  background: #e4b476;\n  color: white;\n  border-color: #e4b476;\n}\n\n\/* INPUT NORMALI *\/\n.form-step input:not([type=\"radio\"]) {\n  width: 100%;\n  padding: 20px 24px;\n  margin-bottom: 15px;\n  border-radius: 18px;\n  border: 1px solid #ddd;\n  font-size: 16px;\n  background: white;\n  outline: none;\n  box-sizing: border-box;\n}\n\n.form-step input:not([type=\"radio\"]):focus {\n  border-color: #e4b476;\n  box-shadow: 0 0 0 3px rgba(200,155,94,0.15);\n}\n\n\/* BUTTON *\/\nbutton {\n  margin-top: 30px;\n  padding: 15px 25px;\n  border-radius: 30px;\n  border: none;\n  background: #e4b476;\n  color: white;\n  font-size: 15px;\n  cursor: pointer;\n}\n\n\/* WHEEL *\/\n.wheel-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n#wheel {\n  width: 100%;\n}\n\n#wheel svg {\n  width: 100%;\n  max-width: 620px;\n  height: auto;\n}\n\n.centered {\n  text-align: center;\n  width: 100%;\n}\n\n@media (max-width: 768px) {\n  .wheel-page .form-layout {\n    display: flex;\n    flex-direction: column;\n    min-height: auto;\n    height: auto !important;\n  }\n\n  .wheel-page .form-right {\n    display: block !important;\n    order: -1;\n    width: 100%;\n    height: 40vh !important;\n    min-height: 220px;\n  }\n\n  .wheel-page .form-image {\n    height: 100%;\n    min-height: 40vh;\n  }\n\n  .wheel-page .form-left {\n    width: 100%;\n    min-height: 60vh;\n    padding: 20px 20px 40px 20px;\n    background: #f5f5f5 !important;\n    color: #000 !important;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .wheel-page .form-layout.result-mode .form-right {\n    display: none !important;\n  }\n\n  .wheel-page .form-layout.result-mode .form-left {\n    width: 100%;\n    min-height: 100vh;\n    padding: 100px 20px 40px 20px;\n    justify-content: flex-start;\n    align-items: center;\n  }\n\n  .wheel-page .result-step.active {\n    min-height: calc(100vh - 140px);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n  }\n\n  .wheel-page form {\n    margin: 0 !important;\n    width: 100%;\n  }\n\n  .wheel-page .form-left h1,\n  .wheel-page .form-left h2,\n  .wheel-page .form-left p,\n  .wheel-page .step-label,\n  .wheel-page .subtitle {\n    color: #000 !important;\n  }\n\n  .wheel-page .subtitle {\n    color: #666 !important;\n  }\n\n  .wheel-page .options label {\n    color: #000 !important;\n    border-color: #ddd !important;\n    background: transparent !important;\n  }\n\n  .wheel-page .form-step input {\n    background: #fff !important;\n    color: #000 !important;\n    border: 1px solid #ddd !important;\n  }\n\n  .wheel-page .form-step input::placeholder {\n    color: #999 !important;\n  }\n\n  .wheel-page h1 {\n    font-size: 38px;\n    line-height: 1.1;\n  }\n\n  .wheel-page h2 {\n    font-size: 35px;\n  }\n\n  .wheel-page h2.centered {\n    text-align: center;\n    width: 100%;\n    padding: 0;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const imageContainer = document.querySelector(\".form-image\");\n  const formLayout = document.querySelector(\".form-layout\");\n\n  const images = [\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ruotadellavita-img1.jpg')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ambiente.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-carriera.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-salute.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-relazioni.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-finanze.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-crescitapersonale.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-spiritualita.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-svago.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/capire-cosa-vuoi-davvero.jpg')\"\n  ];\n\n  const steps = document.querySelectorAll(\"#multiStepForm .form-step\");\n  const nextBtns = document.querySelectorAll(\".next-btn\");\n  const prevBtns = document.querySelectorAll(\".prev-btn\");\n  const finalStepIndex = steps.length - 1;\n\n  let currentStep = 0;\n\n  function updateStep() {\n    steps.forEach((step, index) => {\n      step.classList.toggle(\"active\", index === currentStep);\n    });\n\n    if (formLayout) {\n      formLayout.classList.toggle(\"result-mode\", currentStep === finalStepIndex);\n    }\n\n    if (imageContainer && images[currentStep] && currentStep !== finalStepIndex) {\n      imageContainer.style.opacity = 0;\n\n      setTimeout(() => {\n        imageContainer.style.backgroundImage = images[currentStep];\n        imageContainer.style.opacity = 1;\n      }, 200);\n    }\n\n    if (currentStep === finalStepIndex) {\n      generateFinalWheel();\n    }\n  }\n\n  function validateStep() {\n    const current = steps[currentStep];\n    const radios = current.querySelectorAll(\"input[type='radio']\");\n    const inputs = current.querySelectorAll(\"input[required]\");\n\n    if (radios.length > 0) {\n      const checked = current.querySelector(\"input[type='radio']:checked\");\n      if (!checked) {\n        alert(\"Seleziona un'opzione\");\n        return false;\n      }\n    }\n\n    if (inputs.length > 0) {\n      for (let input of inputs) {\n        if (!input.value.trim()) {\n          alert(\"Compila tutti i campi\");\n          return false;\n        }\n      }\n    }\n\n    return true;\n  }\n\n  const allRadios = document.querySelectorAll(\"#multiStepForm input[type='radio']\");\n\n  allRadios.forEach(radio => {\n    radio.addEventListener(\"change\", () => {\n      const current = steps[currentStep];\n      const checked = current.querySelector(\"input[type='radio']:checked\");\n\n      if (!checked) return;\n\n      setTimeout(() => {\n        currentStep++;\n        updateStep();\n      }, 120);\n    });\n  });\n\n  nextBtns.forEach(btn => {\n    btn.addEventListener(\"click\", () => {\n      if (!validateStep()) return;\n      currentStep++;\n      updateStep();\n    });\n  });\n\n  prevBtns.forEach(btn => {\n    btn.addEventListener(\"click\", () => {\n      currentStep--;\n      updateStep();\n    });\n  });\n\n  updateStep();\n});\n\nfunction getValue(name) {\n  const selected = document.querySelector(`input[name=\"${name}\"]:checked`);\n  return selected ? parseInt(selected.value) : 0;\n}\n\nfunction getFormValues() {\n  return [\n    getValue(\"ambiente\"),\n    getValue(\"carriera\"),\n    getValue(\"salute\"),\n    getValue(\"relazioni\"),\n    getValue(\"finanze\"),\n    getValue(\"crescita\"),\n    getValue(\"spiritualita\"),\n    getValue(\"svago\")\n  ];\n}\n\nfunction generateFinalWheel() {\n  const data = getFormValues().map(v => v || 0);\n\n  const colors = [\n    \"#00A99D\",\n    \"#9C27B0\",\n    \"#F44336\",\n    \"#3F51B5\",\n    \"#2196F3\",\n    \"#FF9800\",\n    \"#4CAF50\",\n    \"#E91E63\"\n  ];\n\n  const size = 500;\n  const center = size \/ 2;\n  const levels = 10;\n  const maxRadius = 180;\n\n  const svgNS = \"http:\/\/www.w3.org\/2000\/svg\";\n  const svg = document.createElementNS(svgNS, \"svg\");\n\n  svg.setAttribute(\"viewBox\", `0 0 ${size} ${size}`);\n\n  const angleStep = (Math.PI * 2) \/ data.length;\n\n  function polarToCartesian(angle, radius) {\n    return {\n      x: center + radius * Math.cos(angle - Math.PI \/ 2),\n      y: center + radius * Math.sin(angle - Math.PI \/ 2)\n    };\n  }\n\n  function createSlice(startAngle, endAngle, innerR, outerR) {\n    const p1 = polarToCartesian(startAngle, outerR);\n    const p2 = polarToCartesian(endAngle, outerR);\n    const p3 = polarToCartesian(endAngle, innerR);\n    const p4 = polarToCartesian(startAngle, innerR);\n\n    return `\n      M ${p1.x} ${p1.y}\n      A ${outerR} ${outerR} 0 0 1 ${p2.x} ${p2.y}\n      L ${p3.x} ${p3.y}\n      A ${innerR} ${innerR} 0 0 0 ${p4.x} ${p4.y}\n      Z\n    `;\n  }\n\n  data.forEach((value, i) => {\n    const startAngle = i * angleStep;\n    const endAngle = startAngle + angleStep;\n\n    for (let l = 1; l <= levels; l++) {\n      const innerR = ((l - 1) \/ levels) * maxRadius;\n      const outerR = (l \/ levels) * maxRadius;\n\n      const path = document.createElementNS(svgNS, \"path\");\n      path.setAttribute(\"d\", createSlice(startAngle, endAngle, innerR, outerR));\n      path.setAttribute(\"fill\", l <= value ? colors[i] : \"#eee\");\n      path.setAttribute(\"stroke\", \"#ccc\");\n      path.setAttribute(\"stroke-width\", \"0.5\");\n\n      svg.appendChild(path);\n    }\n  });\n\n  const labels = [\n    \"Ambiente\",\n    \"Carriera\",\n    \"Salute\",\n    \"Relazioni\",\n    \"Finanze\",\n    \"Crescita\",\n    \"Spiritualita\",\n    \"Svago\"\n  ];\n\n  labels.forEach((label, i) => {\n    const angle = i * angleStep + angleStep \/ 2;\n    const radius = maxRadius + 35;\n    const pos = polarToCartesian(angle, radius);\n\n    const text = document.createElementNS(svgNS, \"text\");\n    text.setAttribute(\"x\", pos.x);\n    text.setAttribute(\"y\", pos.y);\n    text.setAttribute(\"text-anchor\", \"middle\");\n    text.setAttribute(\"dominant-baseline\", \"middle\");\n    text.setAttribute(\"font-size\", \"12\");\n    text.setAttribute(\"fill\", \"#333\");\n\n    let rotation = angle * 180 \/ Math.PI;\n    if (rotation > 90 && rotation < 270) {\n      rotation += 180;\n    }\n\n    text.setAttribute(\"transform\", `rotate(${rotation}, ${pos.x}, ${pos.y})`);\n    text.textContent = label;\n\n    svg.appendChild(text);\n  });\n\n  const wheelContainer = document.getElementById(\"wheel\");\n  if (wheelContainer) {\n    wheelContainer.innerHTML = \"\";\n    wheelContainer.appendChild(svg);\n  }\n}\n<\/script>\n\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>free test &#8211; ruota della vita Sar\u00e0 come guardarti allo specchio. La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, individuando cosa funziona e cosa migliorare, per favorire cambiamenti concreti e duraturi. Inizia il percorso \u2192 step 1 Ambiente Quanto ti senti davvero connesso nel posto [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5071,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"episode_type":"","audio_file":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":""},"class_list":["post-3549","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>FREE TEST - La ruota della vita<\/title>\n<meta name=\"description\" content=\"La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, per capire cosa funziona e cosa migliorare.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crisbarbarino.com\/en\/ruota-della-vita\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FREE TEST - La ruota della vita\" \/>\n<meta property=\"og:description\" content=\"La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, per capire cosa funziona e cosa migliorare.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crisbarbarino.com\/en\/ruota-della-vita\/\" \/>\n<meta property=\"og:site_name\" content=\"CrisBarbarino\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cristian.barbarino\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T12:58:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ruotadellavita-img1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1710\" \/>\n\t<meta property=\"og:image:height\" content=\"1840\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/ruota-della-vita\\\/\",\"url\":\"https:\\\/\\\/crisbarbarino.com\\\/ruota-della-vita\\\/\",\"name\":\"FREE TEST - La ruota della vita\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/ruota-della-vita\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/ruota-della-vita\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/crisbarbarino-ruotadellavita-img1.jpg\",\"datePublished\":\"2026-03-29T07:49:30+00:00\",\"dateModified\":\"2026-04-14T12:58:05+00:00\",\"description\":\"La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, per capire cosa funziona e cosa migliorare.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/ruota-della-vita\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/crisbarbarino.com\\\/ruota-della-vita\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/ruota-della-vita\\\/#primaryimage\",\"url\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/crisbarbarino-ruotadellavita-img1.jpg\",\"contentUrl\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/crisbarbarino-ruotadellavita-img1.jpg\",\"width\":1710,\"height\":1840},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/ruota-della-vita\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/crisbarbarino.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"RUOTA DELLA VITA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/#website\",\"url\":\"https:\\\/\\\/crisbarbarino.com\\\/\",\"name\":\"Cris Barbarino\",\"description\":\"Identity Strategist\",\"publisher\":{\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/#\\\/schema\\\/person\\\/e0bf751040b16132309d4c004de6a93c\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/crisbarbarino.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/#\\\/schema\\\/person\\\/e0bf751040b16132309d4c004de6a93c\",\"name\":\"Cris\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/ico.jpg\",\"url\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/ico.jpg\",\"contentUrl\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/ico.jpg\",\"width\":200,\"height\":200,\"caption\":\"Cris\"},\"logo\":{\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/ico.jpg\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/cristian.barbarino\",\"https:\\\/\\\/www.instagram.com\\\/crisbarbarino\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/cristianbarbarino\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@crisbarbarino\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FREE TEST - La ruota della vita","description":"La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, per capire cosa funziona e cosa migliorare.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crisbarbarino.com\/en\/ruota-della-vita\/","og_locale":"en_US","og_type":"article","og_title":"FREE TEST - La ruota della vita","og_description":"La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, per capire cosa funziona e cosa migliorare.","og_url":"https:\/\/crisbarbarino.com\/en\/ruota-della-vita\/","og_site_name":"CrisBarbarino","article_publisher":"https:\/\/www.facebook.com\/cristian.barbarino","article_modified_time":"2026-04-14T12:58:05+00:00","og_image":[{"width":1710,"height":1840,"url":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ruotadellavita-img1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crisbarbarino.com\/ruota-della-vita\/","url":"https:\/\/crisbarbarino.com\/ruota-della-vita\/","name":"FREE TEST - La ruota della vita","isPartOf":{"@id":"https:\/\/crisbarbarino.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/crisbarbarino.com\/ruota-della-vita\/#primaryimage"},"image":{"@id":"https:\/\/crisbarbarino.com\/ruota-della-vita\/#primaryimage"},"thumbnailUrl":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ruotadellavita-img1.jpg","datePublished":"2026-03-29T07:49:30+00:00","dateModified":"2026-04-14T12:58:05+00:00","description":"La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, per capire cosa funziona e cosa migliorare.","breadcrumb":{"@id":"https:\/\/crisbarbarino.com\/ruota-della-vita\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crisbarbarino.com\/ruota-della-vita\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crisbarbarino.com\/ruota-della-vita\/#primaryimage","url":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ruotadellavita-img1.jpg","contentUrl":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ruotadellavita-img1.jpg","width":1710,"height":1840},{"@type":"BreadcrumbList","@id":"https:\/\/crisbarbarino.com\/ruota-della-vita\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crisbarbarino.com\/"},{"@type":"ListItem","position":2,"name":"RUOTA DELLA VITA"}]},{"@type":"WebSite","@id":"https:\/\/crisbarbarino.com\/#website","url":"https:\/\/crisbarbarino.com\/","name":"Cris Barbarino","description":"Identity Strategist","publisher":{"@id":"https:\/\/crisbarbarino.com\/#\/schema\/person\/e0bf751040b16132309d4c004de6a93c"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crisbarbarino.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/crisbarbarino.com\/#\/schema\/person\/e0bf751040b16132309d4c004de6a93c","name":"Cris","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/ico.jpg","url":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/ico.jpg","contentUrl":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/ico.jpg","width":200,"height":200,"caption":"Cris"},"logo":{"@id":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/ico.jpg"},"sameAs":["https:\/\/www.facebook.com\/cristian.barbarino","https:\/\/www.instagram.com\/crisbarbarino\/","https:\/\/www.linkedin.com\/in\/cristianbarbarino\/","https:\/\/www.youtube.com\/@crisbarbarino"]}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/pages\/3549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/comments?post=3549"}],"version-history":[{"count":254,"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/pages\/3549\/revisions"}],"predecessor-version":[{"id":5280,"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/pages\/3549\/revisions\/5280"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/media\/5071"}],"wp:attachment":[{"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/media?parent=3549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}