/* Pagina coming soon (fonte: base/src/assets/css/coming-soon.css, copiato nei siti). La pagina sta in
   src/coming-soon.njk dei siti non ancora pronti e si vede sul dominio vero finché pubblicazione.js → comingSoon è true
   (regola: lib/coming-soon.js). Colori: solo le variabili di main.css e tema-scuro.css, niente valori propri.
   La fascia alta è nel colore del marchio (--marca nel tema scuro, dove --ink diventa chiaro). */
body.coming-soon { min-height: 100vh; min-height: 100dvh; display: flex; }
.cs { flex: 1; display: flex; flex-direction: column; --cs-lato: max(var(--gutter), calc((100vw - var(--max)) / 2)); }

.cs__marca {
  flex: 1 1 auto;
  display: flex; flex-direction: column; justify-content: space-between; gap: clamp(56px, 14vh, 160px);
  padding: clamp(28px, 4.5vw, 56px) var(--cs-lato) clamp(40px, 7vw, 88px);
  background: var(--marca, var(--primario));
  color: #fff;
}
.cs__riga { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; }
.cs__logo { margin: 0; line-height: 0; }
.cs__logo .marchio__logo { width: clamp(132px, 13vw, 180px); height: auto; color: #fff; }
.cs__chip {
  margin: 0; padding: .35em 1.1em;
  border: 1px solid var(--su-scuro-2); border-radius: 999px;
  color: var(--su-scuro);
  font-size: .76rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap;
}
.cs__titolo { max-width: 17em; margin: 0 0 .5em; color: #fff; font-size: clamp(2rem, 5.2vw, 4rem); line-height: 1.08; text-wrap: balance; }
.cs__testo { margin: 0; color: var(--su-scuro); font-size: clamp(1rem, 1.5vw, 1.2rem); }

.cs__sotto {
  display: flex; flex-direction: column; gap: clamp(24px, 3.5vw, 40px);
  padding: clamp(28px, 4vw, 48px) var(--cs-lato) clamp(24px, 3vw, 36px);
  background: var(--fondo);
}
.cs__contatti { display: flex; flex-wrap: wrap; gap: 20px clamp(32px, 6vw, 72px); margin: 0; }
.cs__contatti div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cs__contatti dt { color: var(--testo-2); font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.cs__contatti dd { margin: 0; font-weight: 560; overflow-wrap: anywhere; }
.cs__contatti a { color: var(--ink); text-decoration: none; }
.cs__contatti a:hover { text-decoration: underline; }
.cs__legale { margin: 0; padding-top: clamp(16px, 2vw, 24px); border-top: 1px solid var(--linea); color: var(--testo-2); font-size: .82rem; line-height: 1.6; }
.cs__legale strong { color: var(--testo); }