/* Riquadro che sta al posto di un contenuto di terzi finché non lo si chiede
   (componenti/mappa_differita.js).

   Occupa la stessa area che occuperà il contenuto: caricandolo la pagina non sussulta e
   ciò che sta sotto non si sposta da sotto il puntatore.

   Ha l'aria di un segnaposto e non di un errore — bordo tratteggiato, fondo tenue: chi
   legge deve capire che manca qualcosa perché non è stato ancora chiesto, non perché si
   sia rotto. */

.mappa-differita {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 450px;
  padding: 24px;
  border: 1px dashed #d4dbe0;
  border-radius: 9px;
  background: #f7f9fa;
  text-align: center;
}

.mappa-differita-icona { color: #6a6c5e; opacity: 0.55; }

.mappa-differita-titolo {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #252525;
}

/* La conseguenza del clic, detta prima del clic: è questa riga a rendere informato il
   consenso, quindi non va nascosta dietro un carattere più piccolo del leggibile. */
.mappa-differita-avviso {
  max-width: 46ch;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #6a6c5e;
}

@media (max-width: 575px) {
  .mappa-differita { min-height: 320px; padding: 20px 16px; }
}