/* ==================================================================
   jamIA — pagine legali (privacy, cookie, note legali)
   Stessi token visivi del sito principale: colori, font, larghezza
   fluida. Niente animazioni: sono pagine di testo, lette da cima a
   fondo, non serve altro.
   ================================================================== */
@font-face{
  font-family:'Jost';font-style:normal;font-weight:200 500;font-display:swap;
  src:url('/fonts/jost-var-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Jost';font-style:normal;font-weight:200 500;font-display:swap;
  src:url('/fonts/jost-var-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Literata';font-style:normal;font-weight:400 600;font-display:swap;
  src:url('/fonts/literata-var-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Literata';font-style:normal;font-weight:400 600;font-display:swap;
  src:url('/fonts/literata-var-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  --carta:#F7F5F1;
  --carta-2:#ECE8E1;
  --ink:#0C0C10;
  --ink-2:#56555B;
  --rosso:#790000;
  --rosso-viv:#A6161C;
  --linea:#DCD7CE;
  --jam-accent:var(--rosso);
  --display:'Jost','Century Gothic','Avenir Next',sans-serif;
  --testo:'Literata',Georgia,'Times New Roman',serif;
  --misura:clamp(20rem, 92vw, 84rem);
  --gutter:clamp(1.25rem, 4vw, 3.5rem);
  --corpo:clamp(1.0625rem, 0.95rem + 0.35vw, 1.25rem);
  --t-breve:.3s;
  --curva:cubic-bezier(.22,.68,.28,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{overflow-x:hidden}
body{
  font-family:var(--testo);
  font-size:var(--corpo);
  line-height:1.72;
  color:var(--ink);
  background:var(--carta);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wrap{width:var(--misura);max-width:100%;margin-inline:auto;padding-inline:var(--gutter)}
a{color:var(--rosso)}
a:focus-visible,button:focus-visible{outline:3px solid var(--rosso);outline-offset:3px;border-radius:2px}
.salta{position:absolute;left:-9999px;background:var(--ink);color:var(--carta);
  padding:12px 20px;z-index:100;font-family:var(--display);font-weight:500}
.salta:focus{left:12px;top:12px}

h1,h2,h3{font-family:var(--display);font-weight:300;line-height:1.12;letter-spacing:-.015em}
h1{font-size:clamp(2.1rem,1.5rem + 2.6vw,3.4rem);margin-bottom:.3em}
h2{font-size:clamp(1.4rem,1.15rem + 1vw,1.9rem);margin:0}
.occhiello{
  font-family:var(--display);font-size:clamp(.72rem,.68rem + .12vw,.86rem);font-weight:500;
  letter-spacing:.26em;text-transform:uppercase;color:var(--rosso);
  display:inline-flex;align-items:center;gap:12px}
.occhiello::before{content:"";width:22px;height:12px;flex:none;background:var(--jam-accent);
  clip-path:polygon(0 0,100% 100%,25% 100%)}

.marchio{display:block;color:var(--ink);line-height:0}
.marchio svg{display:block;height:100%;width:auto}

/* ---------- testata (versione statica, senza scroll/blur via JS) ---------- */
.testata{background:color-mix(in srgb,var(--carta) 90%,transparent);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
.testata__riga{display:flex;align-items:center;justify-content:space-between;
  gap:clamp(1rem,3vw,2.5rem);padding:16px 0}
.testata .marchio{height:clamp(26px,2.4vw,34px)}
.mail-top{font-family:var(--display);font-weight:500;font-size:clamp(.9rem,.85rem + .15vw,1.05rem);
  letter-spacing:.03em;color:var(--carta);background:var(--ink);padding:11px 22px;
  text-decoration:none;white-space:nowrap;
  transition:background var(--t-breve) var(--curva)}
.mail-top:hover{background:var(--rosso)}

/* ---------- contenuto legale ---------- */
.legale{padding:clamp(3rem,6vw,5.5rem) 0}
.legale h1{max-width:26ch}
.legale__aggiornato{font-family:var(--display);font-size:clamp(.8rem,.76rem + .1vw,.92rem);
  color:var(--ink-2);letter-spacing:.04em;margin-bottom:2em}
.legale section{max-width:70ch;margin-top:clamp(2.25rem,3.5vw,3rem);
  padding-top:clamp(2.25rem,3.5vw,3rem);border-top:1px solid var(--linea)}
.legale section:first-of-type{border-top:none;padding-top:0;margin-top:clamp(1.5rem,2.5vw,2.25rem)}
.legale h2{margin-bottom:.6em}
.legale p{color:var(--ink-2);margin-top:.9em}
.legale p:first-of-type{margin-top:0}
.legale ul,.legale ol{color:var(--ink-2);margin-top:.9em;padding-left:1.3em}
.legale li{margin-top:.45em}
.legale table{width:100%;border-collapse:collapse;margin-top:1.2em;font-size:.95em}
.legale th,.legale td{text-align:left;padding:.6em .8em;border-bottom:1px solid var(--linea);
  vertical-align:top}
.legale th{font-family:var(--display);font-weight:500;letter-spacing:.03em}
.legale__placeholder{background:rgba(121,0,0,.08);color:var(--rosso);
  padding:.05em .4em;font-weight:600;white-space:normal}

/* ---------- piè di pagina ---------- */
.pie{background:var(--ink);color:#A9A7B0;padding:clamp(2.75rem,5vw,4rem) 0 2.25rem;
  --jam-accent:var(--rosso-viv)}
.pie__riga{display:flex;justify-content:space-between;gap:clamp(1.5rem,3vw,2.5rem);flex-wrap:wrap}
.pie .marchio{height:clamp(28px,2.6vw,40px);color:var(--carta)}
.pie__motto{margin-top:.8em;color:#A9A7B0}
.pie__dati{font-family:var(--display);font-size:clamp(.82rem,.78rem + .14vw,.95rem);
  line-height:2;letter-spacing:.03em;text-align:right}
.pie__dati a{color:var(--carta);text-decoration:none}
.pie__dati a:hover{color:var(--rosso-viv)}
@media(max-width:700px){.pie__dati{text-align:left}}
.pie__legali{margin-top:clamp(1.75rem,3vw,2.25rem);display:flex;gap:clamp(1rem,2vw,1.75rem);
  flex-wrap:wrap;font-family:var(--display);font-size:clamp(.8rem,.76rem + .12vw,.9rem)}
.pie__legali a{color:#A9A7B0;text-decoration:none}
.pie__legali a:hover{color:var(--carta)}
.pie__legali a[aria-current="page"]{color:var(--carta);text-decoration:underline}
.pie__filo{margin-top:clamp(2rem,3.5vw,2.75rem);padding-top:1.25rem;
  border-top:1px solid rgba(247,245,241,.16);font-family:var(--display);
  font-size:clamp(.75rem,.72rem + .1vw,.86rem);letter-spacing:.05em;color:#7C7A83}