/* Contenitore con immagine di sfondo */
  .immaginefissa {
    position: relative;
    width: 610px;
    /* Imposta la larghezza del contenitore */
    height: 750px;
    /* Imposta l'altezza del contenitore */
    background-image: url('https://i.postimg.cc/J0sKL8f2/palcogif2.gif');
    /* Immagine di sfondo */
    overflow: hidden;
    /* Nasconde il contenuto che fuoriesce */
  }

  /* Immagine nascosta di default */
  .aika {
    position: relative;
    top: 5px;
    right: 750px;
    left: 165px;
    /* Posiziona fuori dallo schermo a sinistra */
    width: 610px;
    height: 750px;
    background-image: url('https://i.postimg.cc/dV3b0RMP/AIKA.png');
    transition: transform 1.5s ease;
    /* Transizione per l'effetto di scorrimento */
    transform: translateX(100%);
    /* Nasconde l'immagine a sinistra */
    transition-delay: 1s;
        z-index: 3;

  }

  /* Mostra l'immagine .aika al passaggio del mouse */
  .immaginefissa:hover .aika {
    transform: translateX(-40px);
    /* L'immagine scorre a destra, visibile al centro */
    transition-delay: 0.5s;
  }

  /* Stili generici per i contenitori di testo */
  .boxAIKA {
    top: 382px;
    left: 22px;
    width: 195px;
    height: 133px;
    position: absolute;
    overflow: auto;
    opacity: 0;
    text-decoration: none;
    -webkit-transition: opacity 0s;
    padding: 2px;
    font-family: futura;
    font-size: 12px;
    text-align: justify;
    z-index: 3;
    transform: scale(0.8);
    /* Riduce leggermente la dimensione */
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition-delay: 0.5s;
    color: #7b7bb4;
  }
  
  .aikaoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 610px;
  height: 750px;
  background-image: url('https://i.postimg.cc/5NBRFVgv/aikarender1.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none; /* ⬅️ Questo è FONDAMENTALE per non bloccare l'hover */
  z-index: 2; /* Deve stare sopra lo sfondo ma sotto .aika, oppure anche sopra .aika se vuoi che copra */
}

  .boxIDOL {
    top: 515px;
    left: 22px;
    width: 195px;
    height: 210px;
    position: absolute;
    overflow: auto;
    opacity: 0;
    text-decoration: none;
    -webkit-transition: opacity 0s;
    padding: 2px;
    font-family: futura;
    font-size: 12px;
    text-align: justify;
    z-index: 3;
    transform: scale(0.8);
    /* Riduce leggermente la dimensione */
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition-delay: 0.5s;
    color: #7b7bb4;
  }

  /* Stile generico per le immagini */
  .sfondoboxTESTO {
    position: absolute;
    width: 267px;
    height: 707px;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.0s ease;
    transition-delay: 0.5s;
        z-index: 3;

  }

  /* Posizione e immagine specifica */
  .sfondoboxTESTO {
    background-image: url('https://i.postimg.cc/3JtM7ScF/testi1.png');
    /* Sostituisci con il percorso della prima immagine */
    top: 30px;
    left: 10px;
  }

  /* Mostra i contenitori di testo al passaggio del mouse */
  .immaginefissa:hover .boxAIKA,
  .immaginefissa:hover .sfondoboxTESTO,
  .immaginefissa:hover .boxIDOL {
    opacity: 1;
    /* Rende visibile */
    transform: scale(1);
    /* Riporta alla dimensione originale */
    transition-delay: 2.5s;
  }

    .boxAika::-webkit-scrollbar {
    display: none;
  }
  
  .p-link {
    cursor: pointer;
  }

  summary {
    cursor: pointer;
  }

  /* ---------------- GESTIONE LINKS ---------------- */
  /* unvisited link */
  a:link {
    color: #ffffff;
  }

  /* visited link */
  a:visited {
    color: #ff00f4;
  }

  /* mouse over link */
  a:hover {
    color: #ffffff;
  }

  /* selected link */
  a:active {
    color: #ffffff;
  }

  .brush {
    font-family: Brush Script MT;
    font-size: 23px;
    line-height: 16px;
  }