/* Il riquadro del consenso (src/consenso.js): in basso a sinistra, sul nero del brand, due bottoni dello stesso peso
   (rifiutare costa quanto accettare). Entra col gesto del sito, salita breve e dissolvenza. */
.consenso{position:fixed;left:var(--gronda,32px);bottom:var(--gronda,32px);z-index:90;width:min(420px,calc(100vw - 2*var(--gronda,32px)));
  padding:22px 22px 20px;background:var(--nero);color:var(--crema);border-radius:2px;box-shadow:0 18px 48px rgba(53,30,28,.28);
  opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.consenso--su{opacity:1;transform:none}
.consenso[hidden]{display:none}
.consenso__kicker{color:var(--arancio);margin:0 0 10px}
.consenso__testo{margin:0;font-size:15px;line-height:1.45;color:var(--crema)}
.consenso__testo a{color:var(--crema);text-decoration:underline;text-underline-offset:3px}
.consenso__testo a:hover,.consenso__testo a:focus-visible{color:var(--arancio)}
.consenso__azioni{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.consenso__b{appearance:none;cursor:pointer;padding:13px 12px;background:transparent;color:var(--crema);border:1px solid rgba(245,244,237,.55);border-radius:2px;
  transition:background .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1)}
.consenso__b:hover,.consenso__b:focus-visible{background:var(--crema);border-color:var(--crema);color:var(--nero)}
.consenso__b--si{background:var(--crema);border-color:var(--crema);color:var(--nero)}
.consenso__b--si:hover,.consenso__b--si:focus-visible{background:var(--arancio);border-color:var(--arancio);color:var(--nero)}
.consenso ::selection{background:var(--arancio);color:var(--nero)}
/* il «Cookie» nel piede: un bottone che si legge come i link accanto */
.piede__cookie{appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;
  transition:color .4s cubic-bezier(.16,1,.3,1)}
.piede__cookie:hover,.piede__cookie:focus-visible{color:var(--nero)}
.piede__copy a{color:inherit}
.piede__copy a:hover,.piede__copy a:focus-visible{color:var(--nero)}
@media (prefers-reduced-motion:reduce){.consenso{transition:none;transform:none}}
@media (max-width:640px){.consenso{left:12px;right:12px;bottom:12px;width:auto;padding:18px}.consenso__testo{font-size:14px}}