/* Stili per il logo */
.logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    transform-origin: center;
}

/* Dimensioni del logo adattate al layout desktop */
.logo .mainlogo {
    width: 120vw; /* Adatta le dimensioni all'85% della larghezza del viewport */
    max-width: 2000px; /* Imposta una larghezza massima di 2000px per il logo */
    height: auto; /* L'altezza verrà calcolata proporzionalmente */
}
/* Stile base del percorso */
.animated-path {
  fill: none;
  stroke: #009fe3;
  stroke-width: 7.5px;
  stroke-dasharray: 100%;
  stroke-dashoffset: 100%;
  opacity: 0;
  visibility: hidden;
}

/* Animazione per il percorso del tracciato */
@keyframes drawPath {
  to {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

/* Animazione per il percorso del tracciato al contrario */
@keyframes drawPathReverse {
  from {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  to {
    stroke-dashoffset: 100%;
    opacity: 0;
  }
}