/* ═══════════════════════════════════════════════
   ETNA ZERO TREMILA — documento.css
   Stili per la pagina documento generica (regolamento,
   informativa privacy, ecc.). Richiede global.css caricato prima.
   ═══════════════════════════════════════════════ */

.documento {
  padding: 140px 24px 96px;
}

.documento-container {
  max-width: 720px;
}

.documento-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(32px, 6vw, 52px);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.05;
  color: var(--white);
  margin: 12px 0 40px;
}

.documento-body {
  color: var(--snow);
  font-size: 16px;
  line-height: 1.75;
}
.documento-body h2,
.documento-body h3 {
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  color: var(--white);
  margin: 32px 0 12px;
}
.documento-body h2 { font-size: 24px; }
.documento-body h3 { font-size: 19px; }
.documento-body p  { margin: 0 0 18px; }
.documento-body ul,
.documento-body ol {
  margin: 0 0 18px;
  padding-left: 22px;
}
.documento-body li { margin-bottom: 8px; }
.documento-body a  { color: var(--glow); }
.documento-body strong { color: var(--white); }

.documento-back {
  display: inline-block;
  margin-top: 32px;
}

@media (max-width: 480px) {
  .documento { padding: 110px 16px 64px; }
}