/* Skeleton Block Unico con sfondo gradient e bordi morbidi */
.skeleton-block {
  position: relative;
  width: 100%;          /* Occupa tutta la larghezza disponibile */
  height: 250px;        /* Altezza desktop in pixel */
  background: linear-gradient(135deg, #f6f9fc00, #e9eff500);
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin: 0 auto;       /* Centro il blocco nella pagina */
}

/* Gatto che cammina - SVG ingrandito per coprire l'intero blocco */
.skeleton-cat {
  position: absolute;
  top: 115%;
  left: 60%;
  transform: translate(-50%, -50%);
  min-width: 60%;
  min-height: 60%;
  width: auto;
  height: auto;
}

/* Regole responsive per dispositivi mobili */
@media (max-width: 600px) {
  .skeleton-block {
    /* Altezza in relazione alla larghezza della viewport */
    height: 60vw;
  }
  .skeleton-cat {
    /* Imposta l'SVG per occupare l'intera larghezza del blocco */
    top: 80%;
    left: 65%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
  }
}