.popup-link {
    text-decoration: none; /* Rimuove il sottolineato dai link */
    color: inherit; /* Il testo all'interno del link eredita il colore del testo normale */
  }
  
  
  .popup-container {
    cursor: pointer;
    position: fixed; /* Posizionamento fisso rispetto alla viewport */
    top: 50%; /* Centrato verticalmente */
    left: 50%; /* Centrato orizzontalmente */
    transform: translate(-50%, -50%); /* Compensa la dimensione della popup */
    max-width: 600px; /* Larghezza massima della popup */
    width: 100%; /* Larghezza responsive */
    box-shadow: 0 5px 15px rgba(0,0,0,0.3); /* Ombra per la popup */
    z-index: 1000; /* Assicura che la popup sia sopra gli altri elementi */
  }
  
  .popup-container .close-button {
    position: absolute;
    top: 10px; /* Distanza dal top */
    right: 10px; /* Distanza dal lato destro */
    cursor: pointer; /* Cambia il cursore quando si passa sopra il pulsante */
    z-index: 10;
  
    width: 50px;
      height: 32px;
      border-radius: 9px;
      background-color: white;
      text-transform: uppercase;
      font-size: 10px;
    /* Aggiungi altri stili per il pulsante qui se necessario */
  }
  
  
  .popup-container img {
  
    position: relative;
    z-index: -1;
  
    width: 100%; /* L'immagine occupa tutta la larghezza del container */
    max-height: calc(100vh - 200px); /* Altezza massima per evitare overflow */
    object-fit: cover; /* Assicura che l'immagine copra l'area senza distorcersi */
  }
  
  .popup-content {
    position: absolute; /* Posizionamento assoluto all'interno della popup */
    top: 0; /* Allinea al fondo della popup */
    left: 0; /* Allinea a sinistra della popup */
    
    color: white; /* Testo bianco per contrasto */
    
    max-height: 200px; /* Altezza massima della banda rossa */
    padding: 20px; /* Spaziatura interna */
    box-sizing: border-box; /* Include padding e bordi nella larghezza */
  
    
    width: 100%; /* Assicura che la banda copra tutta la larghezza */
  
  
  }
  
  /* Stili aggiuntivi per il testo all'interno della banda rossa */
  /*
  .popup-content h2,
  .popup-content p {
      margin: 0; 
      
  }
  */
  
  /* Media query per dispositivi più piccoli */
  @media (max-width: 767px) {
    .popup-container {
        max-width: 90%; /* Popup più piccola sui dispositivi mobili */
    }
  }