/* webaziendale · pagine di testo (privacy e cookie, note legali)
   Stessi caratteri, colori e sfondo della home, senza animazioni né script. */
@font-face { font-family: 'Loverica'; src: url('Loverica.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Switzer'; src: url('Switzer-Regular.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Switzer'; src: url('Switzer-Semibold.woff') format('woff'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 300 500; font-display: swap; src: url('Newsreader-normal-latin.woff2') format('woff2'); }
@font-face { font-family: 'Newsreader'; font-style: italic; font-weight: 300 400; font-display: swap; src: url('Newsreader-italic-latin.woff2') format('woff2'); }

:root {
  --inchiostro: #4A3F38;
  --oro: #B89D4F;
  --bruno: #52463F;
  --crema: #FAF9F5;
  --f-titoli: 'Loverica', 'Times New Roman', serif;
  --f-testo: 'Switzer', system-ui, -apple-system, sans-serif;
  --f-lettura: 'Newsreader', Georgia, serif;
  --margine: clamp(20px, 4vw, 64px);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; min-height: 100vh; color: var(--inchiostro);
  background: #e7e7e1 radial-gradient(ellipse at 50% 0%, #f9f9f6 0%, #e7e7e1 55%, #d0cfc7 100%) fixed;
  font-family: var(--f-testo); font-size: 17px; line-height: 1.55;
  -webkit-font-smoothing: antialiased; overflow-x: clip;
}
a { color: inherit; }
::selection { background: var(--bruno); color: var(--crema); }
:focus-visible { outline: 1.5px solid var(--oro); outline-offset: 4px; border-radius: 4px; }

.salta {
  position: absolute; left: 16px; top: 12px; z-index: 10; padding: 10px 16px; border-radius: 999px;
  background: var(--crema); transform: translateY(-160%); transition: transform .3s;
}
.salta:focus { transform: translateY(0); }

/* testata: il logo riporta alla home */
.testo-testata {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  width: min(1080px, calc(100% - 2 * var(--margine))); margin: 0 auto; padding: 22px 0;
}
.testo-testata__logo svg { display: block; height: 30px; width: auto; }
.testo-testata__torna {
  font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; text-decoration: none;
  padding: 12px 18px; border-radius: 999px; border: .5px solid rgba(184, 157, 79, .45);
  background: radial-gradient(ellipse at 30% 20%, rgba(255, 255, 255, .8), rgba(250, 243, 230, .55) 50%, rgba(232, 214, 182, .5));
  transition: background-color .4s;
}
.testo-testata__torna:hover { background-color: rgba(232, 210, 176, .6); }

/* il testo */
.legale { width: min(720px, calc(100% - 2 * var(--margine))); margin: 0 auto; padding: clamp(60px, 12vh, 140px) 0 clamp(80px, 14vh, 160px); }
.legale .legale__etichetta {
  font-size: 12px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; opacity: .75;
  display: flex; align-items: center; gap: 14px; margin: 0 0 36px;
}
.legale .legale__etichetta::after { content: ""; width: 60px; height: 1px; background: currentColor; opacity: .5; }
.legale h1 {
  font-family: var(--f-titoli); font-weight: 400; text-transform: uppercase;
  font-size: clamp(44px, 8vw, 96px); line-height: .98; letter-spacing: .5px; margin: 0 0 40px;
}
.legale .legale__apertura { font-family: var(--f-lettura); font-weight: 300; font-size: clamp(20px, 2.2vw, 25px); line-height: 1.45; margin: 0 0 20px; }
.legale .legale__data { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; opacity: .7; margin: 0 0 clamp(50px, 9vh, 90px); }
.legale h2 {
  font-size: 12px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase;
  margin: clamp(48px, 8vh, 72px) 0 18px; padding-top: 22px; border-top: .5px solid rgba(74, 63, 56, .25);
}
.legale p:not([class]), .legale li { font-family: var(--f-lettura); font-weight: 400; font-size: 18px; line-height: 1.62; }
.legale p { margin: 0 0 16px; }
.legale ul { margin: 0 0 16px; padding-left: 1.1em; }
.legale li { margin: 0 0 8px; }
.legale li::marker { color: var(--oro); }
.legale strong { font-weight: 500; }
.legale a { text-decoration-thickness: .5px; text-underline-offset: 3px; }
.legale address { font-style: normal; }

.piede {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px 24px;
  padding: 28px var(--margine); font-size: 9.5px; letter-spacing: .18em; text-transform: uppercase; opacity: .75;
}
.piede a { text-decoration: none; }

@media (max-width: 820px) {
  .testo-testata__logo svg { height: 26px; }
  .legale p:not([class]), .legale li { font-size: 17px; }
}