/* Fondamenta · il banner del consenso, nelle sole due pagine del funnel.
   Una barra in fondo, non un riquadro che copre lo schermo: la forma l'ha scelta
   Francesco il 2026-09-04 su un altro sito, misurando la percentuale di schermo
   coperta al primo ingresso. Fondo chiaro apposta, cosi' i due tasti sono i
   .bottone-linea del sistema senza nessuno scostamento di colore. */

.consenso{
  position:fixed;left:0;right:0;bottom:0;
  z-index:70;                                   /* sopra la barra del pollice (60) */
  background:var(--color-surface-raised);
  border-top:1px solid var(--color-border-strong);
  box-shadow:0 -8px 24px rgb(20 17 15 / 0.10);
}
.consenso-dentro{
  display:flex;align-items:center;gap:var(--space-md);
  padding-block:var(--space-xs);
}
.consenso-testo{
  margin:0;flex:1 1 auto;
  font-size:var(--size-caption);line-height:1.5;
  color:var(--color-text-primary);
}
/* Il pavimento dei 44px vale sull'elemento che riceve il dito, non sul
   paragrafo che lo contiene: misurato 17px (38px a 390), curato come la casella
   del consenso di un altro lavoro, con padding e margine uguale e contrario
   cosi' il bersaglio cresce e quello che si vede resta dov'e'. */
.consenso-testo a{
  color:var(--color-text-primary);text-underline-offset:0.2em;
  display:inline-block;padding-block:0.8rem;margin-block:-0.8rem;
}
.consenso-tasti{display:flex;gap:var(--space-2xs);flex:0 0 auto}
.consenso-tasto{white-space:nowrap}

/* Il richiamo per cambiare idea, nel piede scuro: stessi colori dei suoi link. */
.consenso-cambia{
  background:transparent;border:0;padding:0;cursor:pointer;
  font-family:var(--font-body);font-size:var(--size-caption);
  color:var(--color-text-inverse-secondary);
  text-decoration:underline;text-underline-offset:0.2em;
  display:inline-flex;align-items:center;min-height:44px;margin-block:-0.75rem;
}
@media (hover:hover){
  .consenso-cambia:hover{color:var(--color-text-inverse)}
  .consenso-testo a:hover{color:var(--color-accent-active)}
}

/* Telefono: il testo sopra, i due tasti in riga sotto, ciascuno mezza larghezza.
   In colonna sarebbero 44px in piu' di schermo coperto per niente. */
@media (max-width:47.99em){
  .consenso-dentro{flex-direction:column;align-items:stretch;gap:var(--space-2xs)}
  .consenso-tasti{gap:var(--space-2xs)}
  .consenso-tasto{flex:1 1 50%;justify-content:center}
}

/* La barra del pollice aspetta la scelta. Specificita' piu' alta della regola
   che la accende dentro la media query, cosi' non dipende dall'ordine. */
html.consenso-aperto .pollice{display:none}