/* ==========================================================================
   SMAGENCY · privacy.css
   Lo stile che serve solo alla pagina Privacy (privacy.html) e alla
   pagina 404 (404.html).
   Quello uguale in tutte le pagine sta in css/comune.css.
   ========================================================================== */

/* L'introduzione: "In breve" grande, sotto il titolo */
.privacy__breve { max-width: 34em; margin: 0 0 clamp(36px, 5vw, 56px); color: var(--bianco-2); font-size: clamp(1.15rem, 2vw, 1.35rem); }
.privacy__breve strong { color: var(--bianco); font-weight: 600; }

/* I riquadri in vetro: due colonne sul computer, una sul telefono */
.privacy__griglia { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.privacy__voce { padding: clamp(22px, 3vw, 32px); border-radius: 24px; }
.privacy__voce:last-child:nth-child(odd) { grid-column: 1 / -1; }   /* l'ultimo, se resta da solo, prende tutta la riga */
.privacy__voce h2 { margin-bottom: .6em; font-size: 1.25rem; font-weight: 600; letter-spacing: -.02em; }
.privacy__voce p { margin: 0; color: var(--bianco-2); }
.privacy__voce p + p { margin-top: .8em; }
.privacy__data { margin-top: 28px; color: var(--bianco-3); font-size: .86rem; }

@media (max-width: 760px) {
  .privacy__griglia { grid-template-columns: 1fr; }
}

/* ---------- 404: pagina non trovata ---------- */
.non-trovata { min-height: 100svh; display: flex; align-items: center; }
.non-trovata .non-trovata__numero { margin: 0 0 .1em; color: var(--lime); font: 800 clamp(5rem, 18vw, 12rem)/.9 var(--font); letter-spacing: -.06em; }
.non-trovata p { max-width: 28em; color: var(--bianco-2); font-size: 1.15rem; }
.non-trovata__bottoni { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }