/* ============================================================
   SAFIRA — ANIMAZIONI DI COMPARSA (v1)
   Usato da: ricerca.html, contatti.html, prodotti.html
   (la home ha gia' il suo effetto .reveal-on-scroll in style.css)

   Cosa fa: i blocchi che si trovano piu' in basso nella pagina
   compaiono con una salita morbida quando arrivano sullo schermo.
   Le schede vicine entrano una dopo l'altra, con un piccolo
   ritardo, come nella home.

   Sicurezze:
   - il blocco viene nascosto SOLO se JavaScript funziona (classe
     anim-pronte messa da animazioni.js): se lo script non parte,
     tutto resta visibile come prima;
   - cio' che e' gia' visibile all'apertura non viene toccato
     (niente lampi);
   - chi ha attivato "Riduci movimento" su iPhone/Mac non vede
     animazioni;
   - finita l'animazione la classe viene tolta: gli effetti al
     passaggio del mouse delle schede restano quelli di sempre.
   ============================================================ */
html.anim-pronte .anim-attesa{
  opacity:0;
}
.anim-entra{
  animation:safiraEntra .8s cubic-bezier(.22,.9,.24,1) backwards;
  animation-delay:var(--anim-ritardo,0ms);
}
@keyframes safiraEntra{
  from{opacity:0;transform:translateY(26px)}
  to{opacity:1;transform:none}
}
@media (prefers-reduced-motion: reduce){
  html.anim-pronte .anim-attesa{opacity:1}
  .anim-entra{animation:none}
}
@media print{
  html.anim-pronte .anim-attesa{opacity:1}
}