/* Stile delle pagine legali. Stessi colori e stesso font della home,
   ma impaginato per essere letto: colonna stretta, righe alte, niente
   effetti. Una privacy policy non deve essere bella, deve essere chiara. */

:root{
  --violet:#5E17EB;
  --violet-deep:#6440AB;
  --grad-a:#4995FF;
  --grad-b:#B517FF;
  --ink:#150B2E;
  --body:#4C4660;
  --tint:#F7F5FE;
  --line:#E7E1F6;
  --grad:linear-gradient(135deg,var(--grad-a) 0%,var(--grad-b) 100%);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:#fff;color:var(--body);
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:16.5px;line-height:1.75;
}
a{color:var(--violet)}
a:hover{text-decoration:none}

.wrap{max-width:760px;margin-inline:auto;padding-inline:20px}

/* ---------- testata ---------- */
.lhead{border-bottom:1px solid var(--line);background:#fff}
.lhead__in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:74px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand svg{width:36px;height:36px}
.brand span{font-size:1.28rem;font-weight:700;letter-spacing:-.03em;color:var(--violet-deep)}
.lhead a.back{font-size:.92rem;font-weight:500;color:var(--ink);text-decoration:none}
.lhead a.back:hover{color:var(--violet)}

/* ---------- documento ---------- */
.doc{padding:clamp(40px,6vw,72px) 0 clamp(48px,7vw,88px)}
.doc h1{
  color:var(--ink);font-size:clamp(2rem,5vw,2.9rem);font-weight:700;
  line-height:1.1;letter-spacing:-.035em;margin:0 0 12px;
}
.doc .updated{
  display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--violet);margin-bottom:28px;
}
.doc .intro{font-size:1.06rem;color:var(--body);margin-bottom:40px}
.doc h2{
  color:var(--ink);font-size:1.3rem;font-weight:700;letter-spacing:-.02em;
  line-height:1.25;margin:44px 0 14px;padding-top:28px;border-top:1px solid var(--line);
}
.doc h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
.doc h3{color:var(--ink);font-size:1.02rem;font-weight:600;margin:26px 0 8px}
.doc p{margin:0 0 1.05em}
.doc ul{margin:0 0 1.2em;padding-left:22px}
.doc li{margin-bottom:.5em}
.doc strong{color:var(--ink);font-weight:600}

.doc .box{
  background:var(--tint);border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;margin:24px 0;font-size:.96rem;
}
.doc .box p:last-child{margin-bottom:0}

.doc .todo{
  background:#FFF8E6;border:1px solid #F2D694;border-radius:14px;
  padding:18px 20px;margin:24px 0;font-size:.93rem;color:#6B5512;
}
.doc .todo strong{color:#6B5512}
.doc .todo p:last-child{margin-bottom:0}

/* ---------- tabella cookie ---------- */
.tbl{width:100%;border-collapse:collapse;margin:20px 0 28px;font-size:.88rem}
.tbl caption{
  text-align:left;font-weight:600;color:var(--ink);font-size:.95rem;
  padding-bottom:10px;
}
.tbl th,.tbl td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{
  font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink);font-weight:700;background:var(--tint);
}
.tbl td code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.86em;color:var(--ink);background:var(--tint);
  padding:2px 6px;border-radius:5px;
}
.tbl tbody tr:last-child td{border-bottom:none}

@media (max-width:620px){
  .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
  .tbl thead{display:none}
  .tbl tr{border:1px solid var(--line);border-radius:12px;padding:6px 4px;margin-bottom:12px}
  .tbl td{border-bottom:none;padding:7px 12px}
  .tbl td::before{
    content:attr(data-l);display:block;font-size:.68rem;letter-spacing:.07em;
    text-transform:uppercase;color:var(--violet);font-weight:700;margin-bottom:2px;
  }
}

/* ---------- piede ---------- */
.lfoot{background:var(--ink);color:rgba(255,255,255,.7);padding:40px 0;font-size:.88rem}
.lfoot a{color:rgba(255,255,255,.7)}
.lfoot a:hover{color:#fff}
.lfoot__in{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between}
.lfoot button{
  background:none;border:none;padding:0;font:inherit;color:rgba(255,255,255,.7);
  text-decoration:underline;cursor:pointer;
}
.lfoot button:hover{color:#fff}

@media print{
  .lhead,.lfoot,.cc{display:none!important}
  body{font-size:11pt}
  .doc h2{break-after:avoid}
}