/* Sfondo scuro dietro al popup */

.overlay {

  position: fixed;

  top: 0; 

  left: 0;

  width: 100%; 

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  display: none; /* nascosto di default */

  justify-content: center;

  align-items: center;

  z-index: 1000;

}



/* Contenuto del popup */

.popup {

  background: #fff;

  padding: 20px;

  border-radius: 12px;

  max-width: 600px;

  text-align: center;

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

}



.popup button {

  margin-top: 15px;

  padding: 8px 16px;

  border: none;

  background: #007BFF;

  color: white;

  border-radius: 8px;

  cursor: pointer;

}



.popup button:hover {

  background: #0056b3;

}