/* Stile base per il popup */

#popup {

    display: none; /* Nascondi il popup di default */

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5); /* Sfondo semi-trasparente */

    justify-content: center;

    align-items: center;

    z-index: 9999; /* Assicurati che sia sopra gli altri elementi */

}



#popup .popup-content {

    background-color: #fff; /* Colore di sfondo del popup */

    padding: 20px;

    border-radius: 8px;

    max-width: 500px;

    width: 90%;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

    text-align: center;

}



#popup .popup-content h2 {

    margin-top: 0;

    font-size: 1.5em;

}



#popup .popup-content p {

    font-size: 1em;

    line-height: 1.5;

    color: #333;

}



#popup .close {

    position: absolute;

    top: 15px;

    right: 15px;

    font-size: 1.2em;

    cursor: pointer;

    color: #999;

}



#popup .close:hover {

    color: #000;

}