/* LA CASA DEL RUOTINO — animazione a linea continua.
   Nessuna regola esce da #ruotino-anim: lo sfondo del sito non viene toccato.
   Il blocco e' trasparente, quindi si vede il fondo della fascia dov'e' inserito. */
#ruotino-anim{
  --ruo-carta:#EAEAF1;
  --ruo-altezza:240px;
  position:relative;
  width:100%;
  max-width:1100px;
  margin:0 auto;
  padding:4px 0 0;
  box-sizing:border-box;
  background:transparent;
}
#ruotino-anim svg{display:block;width:100%;height:auto;max-height:var(--ruo-altezza);margin:0 auto}
#ruotino-anim .ruo-rivedi{
  position:absolute;
  right:4px;
  bottom:4px;
  border:1px solid #AEB6C2;
  background:#FFFFFF;
  color:#14161A;
  border-radius:999px;
  padding:7px 15px;
  margin:0;
  min-height:32px;
  font:600 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
}
#ruotino-anim .ruo-rivedi:hover,
#ruotino-anim .ruo-rivedi:focus-visible{background:#14161A;color:#FFFFFF;border-color:#14161A}
#ruotino-anim .ruo-rivedi[hidden]{display:none}
@media (max-width:600px){
  #ruotino-anim{padding:2px 0 0}
  #ruotino-anim svg{max-height:none}
  #ruotino-anim .ruo-rivedi{right:2px;bottom:0;padding:6px 12px;font-size:12px}
}