/* Clean-For · stil pagini legale */
:root{
  --aquifer:#07212B;--water:#1FC3E6;--ink:#08222C;--paper:#EEF5F6;--paper-2:#FFFFFF;
  --muted:#5E7C87;--line:rgba(8,34,44,.12);
  --display:'Archivo',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--water);text-decoration:none}
a:hover{text-decoration:underline}

.legal-header{background:var(--aquifer);position:sticky;top:0;z-index:10}
.legal-header .bar{max-width:880px;margin-inline:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-logo{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:900;font-size:1.2rem;color:#fff;letter-spacing:-.03em}
.legal-logo .drop{width:26px;height:26px}
.legal-logo b{color:var(--water)}
.legal-header .back{font-family:var(--display);font-weight:700;font-size:.92rem;color:rgba(234,248,251,.85);display:flex;align-items:center;gap:7px}
.legal-header .back svg{width:18px;height:18px}
.legal-header .back:hover{color:var(--water);text-decoration:none}

main.legal{max-width:820px;margin:0 auto;padding:48px 22px 90px}
.legal h1{font-family:var(--display);font-weight:900;font-size:clamp(1.9rem,5vw,2.7rem);letter-spacing:-.02em;line-height:1.05;margin-bottom:10px}
.legal .updated{color:var(--muted);font-size:.92rem;margin-bottom:34px}
.legal h2{font-family:var(--display);font-weight:800;font-size:1.32rem;margin:34px 0 12px;letter-spacing:-.01em}
.legal h3{font-family:var(--display);font-weight:700;font-size:1.08rem;margin:22px 0 8px}
.legal p{margin-bottom:14px;color:#284049}
.legal ul,.legal ol{margin:0 0 16px 22px;color:#284049}
.legal li{margin-bottom:8px}
.legal strong{color:var(--ink)}
.legal a{font-weight:600}

.note{background:#FFF7E6;border:1px solid #F0D9A0;border-radius:14px;padding:16px 18px;margin:20px 0;font-size:.95rem;color:#6b5418}
.note strong{color:#6b5418}
.fill{background:rgba(31,195,230,.12);border-radius:6px;padding:1px 7px;font-weight:600;color:#0a4a59;font-family:var(--body)}

.legal-foot{border-top:1px solid var(--line);margin-top:46px;padding-top:22px;font-size:.9rem;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap}
.legal-foot a{font-weight:600}

@media(max-width:600px){
  .legal-header .back span{display:none}
}