/* ==========================================================================================
   pagine/legali.css — /privacy-policy/ e /cookie-policy-ue/ (agente contatti-blog)
   Prosa e indice dei paragrafi vengono da blog.css (stessa lettura degli articoli); qui la testa,
   il riquadro «in breve», l'elenco delle chiavi di memoria e i rimandi in fondo.
   ========================================================================================== */
.legale-testa {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: clamp(18px, 2.6vh, 28px);
  padding-top: clamp(130px, 20vh, 210px);
  padding-bottom: clamp(24px, 4vh, 48px);
}
.legale-testa__sopra { display: flex; flex-wrap: wrap; gap: 8px 26px; }
.legale-testa__titolo { max-width: 100%; }
.legale-testa__piede { display: grid; gap: 24px; }
.legale-testa__lead { max-width: 52ch; color: var(--carta-2); }
.legale-riquadro {
  position: relative;
  display: grid;
  gap: 12px;
  align-self: start;
  padding: 20px 22px;
  background: var(--nero-2);
  box-shadow: inset 0 0 0 1px var(--linea-forte);
}
.legale-riquadro::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 2px; background: var(--viola); }
.legale-riquadro .etichetta { display: inline-flex; align-items: center; gap: 10px; color: var(--carta); }
.legale-riquadro__segno { width: 7px; height: 7px; border-radius: 50%; background: var(--viola-luce); box-shadow: 0 0 10px rgba(169, 139, 255, .8); }
.legale-riquadro p:last-child { color: var(--carta-2); font-size: 16px; line-height: 1.55; }
@media (min-width: 1024px) {
  .legale-testa__piede { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); align-items: start; }
  .legale-testa__lead { grid-column: 1 / span 6; }
  .legale-riquadro { grid-column: 8 / -1; }
}
.legale-corpo { padding-top: clamp(32px, 6vh, 72px); }

/* chiavi di memoria (cookie policy) */
.legale-chiavi { list-style: none; padding: 0 !important; display: grid; gap: 10px; }
.art-prosa ul.legale-chiavi li { padding-left: 0; }
.art-prosa ul.legale-chiavi li::before { display: none; }
.legale-chiave { padding: 16px 18px; background: var(--nero-2); box-shadow: inset 0 0 0 1px var(--linea); }
.legale-chiavi .legale-chiave + .legale-chiave { margin-top: 0; }
.legale-chiave p { margin: 0; }
.legale-chiave__testa { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 16px; margin-bottom: 8px !important; }
.legale-chiave__testa code { font: 500 16px/1.2 var(--font-mono); color: var(--viola-luce); letter-spacing: .01em; }
.legale-chiave__testa .etichetta { color: var(--carta-3); }
.legale-chiave__scopo { color: var(--carta-2); font-size: 16px; line-height: 1.55; }
.legale-chiave__durata { margin-top: 10px !important; color: var(--carta-3); }
.legale-nota { font-size: 16px; color: var(--carta-3); }
.legale-data { padding-top: 1em; border-top: 1px solid var(--linea); font: 500 12px/1.4 var(--font-mono); letter-spacing: .05em; text-transform: uppercase; color: var(--carta-3); }

/* rimandi in fondo */
.legale-altre { display: grid; gap: 0; padding-bottom: clamp(48px, 8vh, 96px); }
.legale-altre__link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "et freccia" "nome freccia";
  gap: 6px 16px;
  align-items: center;
  padding: 20px 0;
  border-top: 1px solid var(--linea);
  transition: color .4s;
}
.legale-altre__link:last-child { border-bottom: 1px solid var(--linea); }
.legale-altre__link .etichetta { grid-area: et; color: var(--carta-3); }
.legale-altre__nome { grid-area: nome; font: var(--peso-display) clamp(24px, 3vw, 44px)/1 var(--font-display); letter-spacing: -.03em; text-transform: uppercase; overflow-wrap: anywhere; }
.legale-altre__link .freccia { grid-area: freccia; width: 18px; height: 18px; transition: transform .6s var(--curva-expo); }
.legale-altre__link:hover { color: var(--viola-luce); }
.legale-altre__link:hover .freccia { transform: translateX(6px); }
@media (min-width: 1024px) {
  .legale-altre { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); }
  .legale-altre__link { grid-column: 5 / span 7; }
}