/* ═══════════════════════════════════════════════════════════
   FANTA ARENA — Pagine legali (Termini, Privacy, Cookie…)
   ═══════════════════════════════════════════════════════════ */
:root {
  --blu: #020a18;
  --card: #071a34;
  --card-2: #05132a;
  --lime: #AAFF00;
  --oro: #E9BB4F;
  --testo: #EAF1FA;
  --dim: rgba(234, 241, 250, .68);
  --bordo: rgba(170, 255, 0, .18);
  --display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --body: "Inter", system-ui, sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background:
    radial-gradient(90% 40% at 50% 0%, rgba(170, 255, 0, .06), transparent 60%),
    var(--blu);
  color: var(--testo); font-family: var(--body); line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--lime); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; display: block; }

/* Barra superiore */
.pg__top { padding: 18px 22px; border-bottom: 1px solid rgba(234, 241, 250, .08); }
.pg__brand { display: inline-flex; align-items: center; gap: 12px; color: var(--testo); }
.pg__brand:hover { text-decoration: none; }
.pg__brand img { width: 42px; height: 42px; border-radius: 11px; }
.pg__brand span {
  font-family: var(--display); font-weight: 900; text-transform: uppercase;
  font-size: 21px; letter-spacing: .03em;
}
.pg__brand em { font-style: italic; color: var(--oro); }

/* Contenuto */
.pg { max-width: 860px; margin: 0 auto; padding: 34px 22px 20px; }
.pg__card {
  background: linear-gradient(180deg, var(--card), var(--card-2));
  border: 1px solid var(--bordo); border-radius: 20px;
  padding: 40px 38px 32px;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .5);
}
.pg__title {
  font-family: var(--display); font-weight: 900; text-transform: uppercase;
  font-size: clamp(28px, 6vw, 42px); line-height: 1.05; margin-bottom: 24px;
  padding-bottom: 18px; border-bottom: 2px solid var(--bordo);
}

.pg__body { font-size: 15.5px; color: var(--dim); }
.pg__body h2, .pg__body h3, .pg__body h4 {
  font-family: var(--display); font-weight: 800; text-transform: uppercase;
  color: var(--oro); line-height: 1.15; margin: 28px 0 10px;
}
.pg__body h2 { font-size: 24px; }
.pg__body h3 { font-size: 21px; }
.pg__body h4 { font-size: 18px; }
.pg__body p { margin-bottom: 14px; }
.pg__body strong { color: var(--testo); }
.pg__body ul, .pg__body ol { margin: 0 0 16px 22px; display: grid; gap: 8px; }
.pg__body li::marker { color: var(--oro); }
.pg__body a { color: var(--lime); }
.pg__body table { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
.pg__body th, .pg__body td {
  text-align: left; padding: 10px 12px; font-size: 14.5px;
  border-bottom: 1px solid rgba(234, 241, 250, .1);
}
.pg__body th { color: var(--oro); text-transform: uppercase; font-size: 12.5px; letter-spacing: .08em; }

.pg__aggiornata {
  margin-top: 26px; padding-top: 16px; border-top: 1px solid rgba(234, 241, 250, .1);
  font-size: 12.5px; color: rgba(234, 241, 250, .45);
}
.pg__torna { display: inline-block; margin-top: 18px; font-size: 14px; }

/* Footer */
.pg__footer { max-width: 860px; margin: 0 auto; padding: 26px 22px 46px; text-align: center; }
.pg__nav { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: center; margin-bottom: 14px; }
.pg__nav a { font-size: 13px; color: var(--dim); }
.pg__nav a:hover { color: var(--lime); }
.pg__legal { font-size: 11.5px; color: rgba(234, 241, 250, .4); margin-bottom: 10px; line-height: 1.6; }
.pg__legal strong { color: rgba(234, 241, 250, .6); }
.pg__credits { font-size: 11px; color: rgba(234, 241, 250, .38); }
.pg__credits a { color: var(--oro); }

@media (max-width: 620px) {
  .pg { padding: 22px 16px 16px; }
  .pg__card { padding: 28px 22px 24px; border-radius: 16px; }
  .pg__body { font-size: 15px; }
}