/* Stile condiviso delle pagine legali - Fabrizio Bertoluzzo */
:root{
  --notte:#071B2E; --blu:#0E3556; --blu-alto:#17537F; --azzurro:#4E9FD6;
  --ottone:#C99A4E; --nebbia:#EDF1F5; --carta:#F8F7F4; --grigio:#5A6B7C;
  --riga:rgba(7,27,46,.14);
  --testo:"Archivo","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--carta);color:var(--notte);font-family:var(--testo);
  font-size:1.02rem;line-height:1.72;-webkit-font-smoothing:antialiased;
}
a{color:var(--blu-alto)}
:focus-visible{outline:3px solid var(--azzurro);outline-offset:3px;border-radius:2px}
.salta{position:fixed;left:16px;top:-90px;z-index:99;background:var(--notte);color:#fff;padding:12px 16px;text-decoration:none;transition:top .2s}
.salta:focus{top:16px}

.testa-legale{background:var(--notte);color:#fff;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.wrap{width:min(100% - 40px,760px);margin-inline:auto}
.testa-legale .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.firma{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#fff}
.firma svg{width:22px;height:26px;flex:none}
.firma b{font-weight:600;font-size:.98rem;letter-spacing:-.01em}
.torna{font-family:var(--mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:#B8CBDD;text-decoration:none}
.torna:hover{color:#fff}

main{padding:clamp(36px,6vw,64px) 0 64px}
.occhio{
  display:inline-flex;align-items:center;gap:11px;margin:0 0 14px;
  font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;color:var(--blu-alto);
}
.occhio::before{content:"";width:26px;height:2px;background:var(--ottone)}
h1{font-family:var(--testo);font-weight:700;font-stretch:108%;letter-spacing:-.02em;font-size:clamp(1.9rem,1.5rem + 2vw,2.9rem);line-height:1.1;margin:0 0 12px}
.aggiornato{font-family:var(--mono);font-size:.78rem;color:var(--grigio);margin:0 0 40px;letter-spacing:.03em}
h2{font-family:var(--testo);font-weight:600;font-stretch:106%;letter-spacing:-.016em;font-size:clamp(1.3rem,1.1rem + .9vw,1.6rem);line-height:1.22;margin:44px 0 14px;padding-top:8px}
h3{font-weight:600;font-size:1.08rem;margin:28px 0 8px}
p{margin:0 0 16px;max-width:68ch}
ul{margin:0 0 18px;padding-left:22px;max-width:68ch}
li{margin-bottom:8px}
strong{font-weight:600}
.riquadro{background:#fff;border:1px solid var(--riga);border-left:4px solid var(--ottone);padding:20px 22px;margin:0 0 24px}
.riquadro p:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:.94rem}
th,td{text-align:left;padding:11px 12px;border:1px solid var(--riga);vertical-align:top}
th{background:var(--nebbia);font-weight:600;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.piede-legale{border-top:1px solid var(--riga);margin-top:48px;padding-top:24px;font-size:.9rem;color:var(--grigio);display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}
.piede-legale a{font-family:var(--mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:var(--grigio)}
.piede-legale a:hover{color:var(--notte)}
.link-cookie{background:none;border:0;padding:0;cursor:pointer;font-family:var(--mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--grigio)}
.link-cookie:hover{color:var(--notte)}