/* ===========================================================================
   Recapiti incorporati in un'altra pagina (v. `pages_inlined`).

   ⚠ Foglio CARICATO SOLO da chi incorpora una pagina: un progetto che non lo fa
   non riceve nemmeno il file. Nessuna regola qui tocca selettori esistenti.

   ⚠⚠ Il verticale porta la banda scura dei recapiti E il riquadro del modulo:
   due superfici, due fondi, uno stacco in mezzo. Sullo stesso argomento si
   leggevano come due sezioni diverse. Qui sono una sola: l'intestazione della
   banda diventa il capo del riquadro, e il fondo e' uno solo per tutto.
   =========================================================================== */

/* La testata e' fissa: senza scarto di scorrimento chi arriva da `/#contatti` —
   cioe' dal menu e dai 301 del vecchio indirizzo — si trova il titolo COPERTO
   proprio nel momento in cui ci atterra. */
.contact-section { scroll-margin-top: var(--space-8); }

.contact-intro { margin-bottom: var(--space-7); }
.contact-intro h2 { margin-top: var(--space-2); }
.contact-intro .lead { margin-top: var(--space-4); }
/* Il richiamo telefonico resta: nella banda era l'azione diretta, e il modulo
   che gli sta sotto non la sostituisce — chi vuole parlare non compila un form. */
.contact-intro__actions { margin-top: var(--space-5); display: flex; flex-wrap: wrap; gap: var(--space-3); }

/* I due titoli interni scendono a h3 sotto il «Contattami» della sezione: sono
   parti di quella, non sezioni pari grado. Il corpo resta quello del verticale. */
.contact-section .contact-form h3,
.contact-section .contact-info h3 { font-size: var(--text-lg); }

/* Consenso e nota si fermavano a 62ch dentro una colonna piu' larga, lasciando
   scoperti gli ultimi 200px proprio come i testi di sezione. Scopate sotto
   `.contact-section`: la regola del verticale resta quella che era per tutti. */
.contact-section .contact-form .consent,
.contact-section .contact-form .form-note { max-width: none; }