<turbo-stream action="replace" target="modal"><template>
  <turbo-frame id="modal">
  <div data-controller="modal"
       class="fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6">
    <!-- backdrop -->
    <div class="fixed inset-0 bg-black/40 backdrop-blur-sm"
         data-action="click->modal#close"></div>

    <!-- panel -->
    <div data-modal-target="panel"
         class="relative z-10 w-full max-w-2xl rounded-[var(--radius-xl2)] card p-6
                max-h-[85vh] overflow-y-auto">
      <button class="sticky top-0 ml-auto -mt-2 -mr-2 mb-2 block rounded-full p-2
                     hover:bg-[rgba(0,0,0,.04)]"
              data-action="modal#close" aria-label="Chiudi">
        ✕
      </button>

      
        <div class="mb-3 w-full h-50 md:h-48 overflow-hidden rounded-xl bg-white flex items-center justify-center">

      <img alt="Il tuo appuntamento fisso con il relax" class="w-full h-full object-cover" loading="lazy" decoding="async" src="https://www.riflessidibenessere.it/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzE4LCJwdXIiOiJibG9iX2lkIn19--65872fe9015d0289f91224c30aa2c0d91cf2358e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw2MDAseyJjcm9wIjoiYXR0ZW50aW9uIn1dfSwicHVyIjoidmFyaWF0aW9uIn19--219d748cb2b66d498f9a551671a08c622cfe38a3/abbonamento.png" />
    </div>

<header class="mb-4">
  <p class="section-eyebrow">Trattamento</p>

  <div class="flex flex-wrap items-start justify-between gap-3">
    <h2 class="text-2xl lg:text-3xl font-semibold leading-tight">
      <span class="section-underline">Il tuo appuntamento fisso con il relax</span>
    </h2>

    <div class="flex flex-wrap items-center gap-2">
        <span class="chip">Benessere</span>

        <span class="badge">Disponibile</span>
    </div>
  </div>

  <div class="mt-3 flex flex-wrap items-center gap-3">

  </div>
</header>

<article class="prose prose-slate mt-4">
  <div class="content">
  <div>Prendersi cura di sé non dovrebbe essere un'eccezione, ma una sana abitudine. Per questo abbiamo creato i nostri <strong>Programmi di Benessere in Abbonamento</strong>: il modo più conveniente e costante per rigenerare corpo e mente, senza stress e con la massima flessibilità.<br><br></div><div>Scegli la formula più adatta ai tuoi ritmi e inizia a dedicarti il tempo che meriti.<br><br>- Abbonamento Elasticità &amp; Relax (Base)</div><div><em>Ideale per chi desidera una pausa rigenerante mensile per staccare dalla routine.</em></div><div>&nbsp; &nbsp; <strong>Cosa include:</strong> 1 Trattamento Viso o Corpo a scelta al mese (durata 50/60 minuti).</div><ul><li><strong>Vantaggio esclusivo:</strong> Sconto del 10% su eventuali altri trattamenti extra fuori abbonamento.</li><li><strong>Prezzo:</strong> <strong>€ 40 al mese</strong> (oppure € 440 con pagamento unico annuale - 1<em> mese in regalo!</em>)</li></ul><div><br>- Abbonamento Vitalità Totale (Premium)</div><div><em>Perfetto per chi cerca risultati visibili e duraturi o soffre di tensioni frequenti.</em></div><ul><li><strong>Cosa include:</strong> 2 Trattamenti Viso o Corpo a scelta al mese.</li><li><strong>Vantaggio esclusivo:</strong> Sconto del 15% su su eventuali altri trattamenti extra fuori abbonamento.</li><li><strong>Prezzo:</strong> <strong>€ 75 al mese</strong> (oppure € 825 con pagamento unico annuale - 1<em> mese in regalo!</em>)&nbsp;</li></ul><div><br><strong>Come funziona? Zero vincoli, solo benessere</strong></div><div><strong>Massima Flessibilità: </strong>Non sei riuscito a fare il tuo trattamento questo mese? Nessun problema, puoi recuperarlo il mese successivo ed accumularlo senza perderlo.</div><div><strong>Regala il tuo Relax: </strong>Non riesci proprio a venire? Puoi cedere la tua seduta del mese a un'amica, a tua mamma o a chi vuoi tu, comunicandolo al momento della prenotazione.<br><br>&nbsp;<strong>Inizia oggi il tuo percorso!!</strong></div>
</div>

</article>

<hr class="my-6 hr-soft" />

<div class="flex flex-wrap items-center gap-3">
  <a class="inline-flex items-center justify-center rounded-xl2 px-5 py-3 text-sm font-medium transition shadow-soft focus:outline-none focus:ring-2 focus:ring-offset-2 border border-spa-teal/50 bg-white text-spa-teal border border-spa-teal hover:bg-spa-foam focus:ring-spa-teal px-5 py-3 text-sm" data-turbo-frame="_top" href="/contatti">
    <span class="mr-2"><svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></span>
  <span>Richiedi Informazioni</span>
</a>
</div>

<div class="mt-4 text-xs text-slate-500">
  <span>Aggiornato il 18 ott</span>
</div>


    </div>
  </div>
</turbo-frame></template></turbo-stream>