/*Imposta font, larghezza massima, centra la pagina e migliora la leggibilità del testo.*/
body {
    font-family: Arial, Helvetica, sans-serif;
    max-width: 800px;
    margin: 20px auto;
    line-height: 1.5;
  }
/*Cambia il colore del titolo principale.*/
  
  h1 {
    color: #333;
  }
/*Stile dei pulsanti: spaziatura, bordo, angoli arrotondati e cursore “cliccabile”.*/
  
  button {
    margin-right: 10px;
    margin-top: 5px;
    padding: 6px 12px;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #eee;
    cursor: pointer;
  }
/*Cambia colore del pulsante quando passi sopra col mouse.*/
  
  button:hover {
    background-color: #ddd;
  }
/*Imposta dimensioni e bordo della mappa.*/
  
  #map {
    height: 300px;
    border: 1px solid #ccc;
    margin-top: 10px;
  }
  
  /* Classe per nascondere elementi */
.nascosto { /*Nasconde completamente un elemento.*/
  display: none;
}

/* FAQ styling */
.faq { /*Aggiunge spazio sotto ogni blocco FAQ.*/
  margin-bottom: 15px;
}
/*Rende la domanda cliccabile e la colora.*/

.faq h3 {
  cursor: pointer;
  margin-bottom: 5px;
  color: #0055aa;
}