/* ============================================================
   Avviso contenuti generati con IA (AI Act, art. 50 par. 4)
   La scena del bancone e l'intro animata della home desktop sono generate
   con IA e possono sembrare autentiche: lo si dichiara con una didascalia
   permanente sulla scena. Caricato solo ≥761px (media nel <link>): sotto
   quella soglia .stage è nascosta e il carosello mobile non usa immagini IA.
   Token da DESIGN.md: Hanken body-sm, --atr-dark su bianco, spaziatura a
   ladder 8px, radius --r-sm, hairline --atr-line.
   ============================================================ */

/* Figlia di .stage (box dello schermo, overflow: hidden), non di .scene: la
   scena "cover" eccede il viewport su un asse e un angolo suo verrebbe
   tagliato.

   z-index 12: sopra .scene (stacking context di intro e fotogrammi, z 60/70
   al suo interno), sopra la sfumatura di .scroll-cue (7) e sopra .scene
   quando l'anteprima di un servizio la alza (10); sotto nav e dialog (≥50).
   Con l'anteprima aperta su schermi bassi (sotto ~700px di altezza) può
   sfiorare l'angolo in basso a sinistra del popup: si preferisce coprire
   qualche pixel dell'anteprima (i click la attraversano) piuttosto che far
   sparire l'avviso sotto la foto della scena.

   pointer-events: none — non interattiva: i click attraversano la didascalia
   (il click sull'intro continua a saltarla).

   Sfondo: lo stesso velo del nav quando scorre (bianco all'88%, vedi
   css/style.css), senza blur — dietro c'è la scena che si anima di continuo
   e il blur andrebbe ricalcolato a ogni frame. Garantisce il contrasto AA su
   qualunque cosa stia dietro: splash bianco, fotogrammi, foto della scena.

   max-width: sulle finestre più strette va a capo prima di toccare il
   chevron di .scroll-cue. 20px = metà del suo lato (40px, css/style.css):
   se quel chevron cambia misura, cambia anche qui. */
.scene-ai-note {
  position: absolute;
  left: var(--sp-6);
  bottom: var(--sp-6);
  z-index: 12;
  max-width: calc(50% - var(--sp-6) - var(--sp-3) - 20px);
  padding: var(--sp-2) var(--sp-3);
  font-family: var(--font);
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--atr-dark);
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid var(--atr-line);
  border-radius: var(--r-sm);
  pointer-events: none;
}

/* ---- Nota nel footer aziendale (desktop) ----
   Stessa dichiarazione della didascalia, in fondo alla pagina. Sta nella
   riga legale (.site-footer__bottom, flex a capo): occupa una riga tutta
   sua sotto copyright, link e note, con il carattere e il colore della
   riga (0.82rem, bianco al 50% su --atr-ink-strong: ~5,3:1, AA). */
.site-footer__ai-note {
  flex: 0 0 100%;
}