/* ==========================================================================
   SuperEasyWeb — pagine/contatti.css (rilancio 28/09/2026)
   Hero corto, form, recapiti segnaposto, riga finale sul prezzo. Niente bolle o avvisi, niente mappa.
   ========================================================================== */

/* hero interno corto: display ridotto (≤ 96 px) */
.hero-interna { min-height: clamp(400px, 54vh, 560px); }
.hero-interna .t-hero { font-size: clamp(48px, 7vw, 96px); max-width: 14ch; }
.hero-interna > .pillola { align-self: flex-start; }
@media (max-width: 767px) { .hero-interna { min-height: 0; } .hero-interna .hero__azioni { margin-bottom: 40px; } }
@media (min-width: 768px) {
  .hero-interna .linguetta--bd { max-width: min(40ch, 44%); }
  .hero-interna .hero__azioni { max-width: 54%; }
}

/* ancora #scrivici sotto la nav fissa */
#scrivici { scroll-margin-top: calc(var(--nav-h) + 36px); }

/* form */
.campo__facoltativo { font-weight: 500; color: var(--testo-2); }
.campo--consenso { align-items: flex-start; flex-wrap: wrap; }
.campo--consenso input[type="checkbox"] { margin-top: 2px; flex: 0 0 auto; }
.campo--consenso label { flex: 1 1 0; min-width: 0; line-height: 1.45; }
.campo--consenso label a { color: var(--blu-testo); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.campo--consenso .campo__errore { flex-basis: 100%; }

/* recapiti su tile ink */
.recapiti__elenco { display: grid; gap: 18px; margin: 24px 0 0; }
.recapiti__voce { display: grid; grid-template-columns: 110px 1fr; gap: 12px; align-items: baseline; }
.recapiti__voce dt { font-size: 14px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: rgba(255, 255, 255, .72); }
.recapiti__voce dd { margin: 0; font-weight: 500; }
.recapiti__voce dd a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 480px) { .recapiti__voce { grid-template-columns: 1fr; gap: 4px; } }

/* segnaposto [DA CONFERMARE]: pillola in linea, visibile ma discreta */
.segnaposto {
  display: inline-block;
  padding: 2px 12px;
  border-radius: 999px;
  background: var(--sfondo);
  color: var(--testo-2);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
}
.segnaposto--scuro { background: rgba(255, 255, 255, .14); color: var(--carta); }

/* riga finale lime: domanda a sinistra, testo e bottone a destra */
.prezzo { align-items: center; gap: clamp(20px, 3vw, 48px); }
.prezzo .t-frase { max-width: 16ch; }