/* ════════════════════════════════════════════════════════════════════════════
   CAMPI DEI MODULI DEL SITO PUBBLICO — una copia sola (11/11/2026)
   ────────────────────────────────────────────────────────────────────────────
   Prima questi valori erano scritti **due volte**: nella home (per il modulo della
   newsletter, `section#newsletter`) e nella pagina dell'informativa (per il modulo
   della richiesta privacy, `.privacy-form`). Erano gli stessi numeri — 12px di
   etichetta in maiuscolo, 12/14 di riempimento, raggio 12, bordo bianco al 20%,
   fuoco arancio — copiati a mano, e la seconda copia esisteva solo perche' la
   pagina dell'informativa non carica gli stili della home.

   Da qui in avanti si cambia qui. Le pagine tengono solo le loro **differenze**:
   - l'informativa: l'etichetta su due righe (`display: grid`), il campo senza
     maiuscolo ereditato (`text-transform: none`), la casella alta almeno 130px e
     il riquadro caldo attorno al modulo.

   **Perche' i selettori sono quelli generali (`label`, `input`, `select`, `textarea`)**
   e non una classe: e' esattamente com'erano nella home, quindi spostarle qui non
   cambia **niente** di come si vede oggi. Restringerle a una classe avrebbe voluto
   dire toccare la marcatura di tutti e due i moduli e verificare a schermo il
   risultato; su queste due pagine i campi sono solo dentro i moduli, quindi il
   selettore generale non tocca altro.

   **Ordine di caricamento**: va collegato **prima** dello `<style>` della pagina e
   **prima** di `assets/responsive.css`, che sul telefono alza i campi a 16px (sotto
   i 16px il telefono ingrandisce la pagina da solo appena si tocca un campo).
   ════════════════════════════════════════════════════════════════════════════ */

label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--mist);
}

input,
select,
textarea {
  width: 100%;
  margin-top: 6px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(11, 17, 23, 0.85);
  color: var(--ice);
  font-family: inherit;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: rgba(255, 122, 51, 0.8);
  box-shadow: 0 0 0 3px rgba(255, 77, 46, 0.2);
}

.field-error {
  border-color: #ff4d2e !important;
  box-shadow: 0 0 0 2px rgba(255, 77, 46, 0.25);
}

.form-note {
  font-size: 12px;
  color: var(--mist);
  margin: 0;
}

.form-note.is-success {
  color: var(--lime);
}

.form-note.is-error {
  color: #ff9f8f;
}