.legale-testata {
  padding: calc(var(--header-h) + clamp(48px, 7vw, 88px)) 0 clamp(40px, 6vw, 72px);
  color: var(--bianco);
  background: radial-gradient(120% 140% at 50% 0%,
    #0B5098 0%, #183461 45%, #122748 72%, #0c192e 100%);
}

.legale-testata__inner {
  max-width: var(--contenitore);
  margin-inline: auto;
  padding-inline: clamp(24px, 8.3vw, 120px);
}

.legale-testata__eyebrow {
  font-family: var(--font-etichette);
  font-size: calc(var(--fs-eyebrow) * 1.15);
  font-weight: 600;
  letter-spacing: .08em;
  line-height: 1.125;
  text-transform: uppercase;
  color: var(--bianco);
  margin: 0 0 14px;
}

.legale-testata h1 {
  font-size: var(--fs-title);
  font-weight: 900;
  line-height: 1.1;
  margin: 0;
}

.legale-testata__data {
  margin: 18px 0 0;
  font-size: 15px;
  color: rgba(255, 255, 255, .72);
}

.legale {
  padding-block: clamp(56px, 8vw, 96px) clamp(72px, 10vw, 128px);
}

.legale__inner {
  max-width: var(--contenitore);
  margin-inline: auto;
  padding-inline: clamp(24px, 8.3vw, 120px);
}

.legale__inner > * { max-width: 760px; }

.legale h2 {
  font-size: var(--fs-sub);
  font-weight: 800;
  line-height: 1.2;
  color: var(--navy-900);
  margin: clamp(40px, 5vw, 56px) 0 14px;
}

.legale h2:first-child { margin-top: 0; }

.legale h3 {
  font-size: 18px;
  font-weight: 800;
  color: var(--navy-700);
  margin: 28px 0 8px;
}

.legale p,
.legale li {
  font-size: var(--fs-desc);
  line-height: 1.65;
  color: var(--nero);
}

.legale p { margin: 0 0 14px; }

.legale ul { margin: 0 0 16px; padding-left: 22px; list-style: disc; }
.legale ul li { margin-bottom: 8px; }

.legale a {
  color: var(--blu);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.legale a:hover { color: var(--navy-600); }

.legale strong { font-weight: 800; color: var(--navy-900); }

.legale__scheda {
  margin: 24px 0 8px;
  padding: clamp(20px, 3vw, 28px);
  border: 1px solid #dfe4ec;
  border-left: 3px solid var(--blu);
  border-radius: var(--raggio);
  background: var(--grigio-chiaro);
}
.legale__scheda p:last-child { margin-bottom: 0; }

.legale__tabella {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0 20px;
  font-size: 15px;
}
.legale__tabella th,
.legale__tabella td {
  text-align: left;
  vertical-align: top;
  padding: 12px 14px;
  border-bottom: 1px solid #e4e8ef;
  line-height: 1.5;
}
.legale__tabella th {
  font-weight: 800;
  color: var(--navy-900);
  background: var(--grigio-chiaro);
}
.legale__tabella td { color: var(--nero); }

.legale__scorri { overflow-x: auto; }

.legale__indice {
  margin: 0 0 clamp(32px, 4vw, 44px);
  padding: 20px 24px;
  border-radius: var(--raggio);
  background: var(--grigio-chiaro);
}
.legale__indice h2 {
  font-size: 15px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--grigio);
  margin: 0 0 12px;
}
.legale__indice ol {
  margin: 0;
  padding-left: 20px;
  columns: 2;
  column-gap: 32px;
}
.legale__indice li { margin-bottom: 6px; font-size: 15px; }

@media (max-width: 700px) {
  .legale__indice ol { columns: 1; }
}