From 5c39b04c31d6d16c85046e4cb6b7d367c9ac7fca Mon Sep 17 00:00:00 2001
From: "Adriano (goldrake)" <adrianodalpastro@gmail.com>
Date: Tue, 29 Sep 2026 20:39:15 +0000
Subject: [PATCH] Consulenza: la nota sta sotto il suo bottone, non sotto
 Contattaci (#22)

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 src/pages/services/[slug].astro | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/pages/services/[slug].astro b/src/pages/services/[slug].astro
index 09a0eba..f561de4 100644
--- a/src/pages/services/[slug].astro
+++ b/src/pages/services/[slug].astro
@@ -44,10 +44,12 @@ const tones = ['tan', 'taupe', 'dark'];
             <div class="prog__cta-row">
               {slug === 'reformer-class' && <a class="btn" href="/contact">{t('service.contact-cta')}</a>}
               {PAGINE_CON_CONSULENZA.includes(slug) && (
-                <a class="btn btn--consulenza" href={linkConsulenza(t('global.consulenza.url'))} target="_blank" rel="noopener noreferrer">{t('service.consulenza-cta')}</a>
+                <div class="prog__cta-consulenza">
+                  <a class="btn btn--consulenza" href={linkConsulenza(t('global.consulenza.url'))} target="_blank" rel="noopener noreferrer">{t('service.consulenza-cta')}</a>
+                  <T tag="service.consulenza-note" as="p" class="prog__cta-note" />
+                </div>
               )}
             </div>
-            {PAGINE_CON_CONSULENZA.includes(slug) && <T tag="service.consulenza-note" as="p" class="prog__cta-note" />}
           </div>
         )}
         {service.features.length > 0 && (
@@ -158,12 +160,14 @@ const tones = ['tan', 'taupe', 'dark'];
   .prog__calendario { display: flex; align-items: center; gap: 14px; width: 100%; margin-top: 36px; padding: 10px 16px 10px 10px; border: 0; cursor: pointer; text-align: left; background: #6b5d5b; color: #fff; font-family: var(--font-heading); font-size: .82rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; transition: background .2s; }
   .prog__calendario:hover { background: var(--c-accent-dark); }
   .prog__cta { margin: 10px 0 30px; }
-  .prog__cta-row { display: flex; flex-wrap: wrap; gap: 12px; }
+  .prog__cta-row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; }
+  /* La nota (durata, sede) sta sotto il suo bottone, non sotto Contattaci (Adriano 29/09). */
+  .prog__cta-consulenza { display: flex; flex-direction: column; }
   .btn--consulenza { background: #6b5d5b; }
   .btn--consulenza:hover { background: var(--c-accent-dark); }
   /* Il paragrafo lo stampa il componente T: senza :global lo stile scoped della pagina non lo raggiunge. */
   .prog__cta :global(.prog__cta-note) { font-size: .8rem; color: var(--c-text-light); margin: 8px 0 0; }
-  @media (max-width: 600px) { .prog__cta-row .btn { flex: 1 1 100%; justify-content: center; text-align: center; } }
+  @media (max-width: 600px) { .prog__cta-row > .btn, .prog__cta-consulenza { flex: 1 1 100%; } .prog__cta-row .btn { justify-content: center; text-align: center; } }
   .prog__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--c-accent); color: #fff; flex-shrink: 0; }
   .price__group { border-top: 1px solid #ddd5ca; padding-block: 18px; }
   .price__group summary { cursor: pointer; font-family: var(--font-heading); letter-spacing: .12em; text-transform: uppercase; font-size: .85rem; color: var(--c-heading); }