/* =============================================================================
   FLUIDITA' [AUDIT] — animazioni continue in pausa quando sono fuori schermo
   (classe .fuori-vista messa da main.js). A vista non cambia nulla.
   ============================================================================= */
.reviews__viewport.fuori-vista .reviews__track { animation-play-state: paused; }
.hero.fuori-vista::after { animation-play-state: paused; }   /* solo la griglia infinita: lo zoom iniziale dello sfondo e' una volta sola */

/* [AUDIT] sul telefono gli stati d'ingresso delle sezioni (.wrap ingrandito, pannelli spostati di
   24px) sporgevano a destra: il browser allargava la pagina (390 -> 400 px) e la rimpiccioliva,
   la scena 3D prendeva le misure sbagliate e, scorrendo, la larghezza cambiava (400 -> 394 -> 390)
   ridimensionando la tela a meta' scorrimento. Il ritaglio orizzontale lo impedisce; a vista il
   contenuto e' identico (sporgeva solo fuori dallo schermo). */
main { overflow-x: clip; }

/* [AUDIT] rete di sicurezza: se lo script dell'intro non partisse, il velo non coprirebbe il sito
   per sempre. Con lo script (sempre) il velo prende .in-corso subito e questa regola non vale. */
.intro3:not(.in-corso) { animation: intro3-salva 0s 6s forwards; }
@keyframes intro3-salva { to { opacity: 0; visibility: hidden; pointer-events: none; } }

/* [AUDIT] il pannellino Trustpilot: finita l'entrata delle Recensioni il blocco non ha piu' filtri,
   e la sua sfocatura avrebbe cominciato a sfocare le stelline dietro (prima vedeva solo il blocco,
   cioe' nulla). Stessi pixel di prima, un ricalcolo in meno a ogni fotogramma. */
.cine-section.is-cine-init .reviews__badge { backdrop-filter: none; -webkit-backdrop-filter: none; }