/* ═══ 13. DOVE SIAMO ══════════════════════════════════════════════════════
   La mappa è sempre visibile, senza pulsante di caricamento: è un'immagine
   statica costruita da tessere OpenStreetMap (attribuzione impressa in basso
   a destra, come richiede la licenza ODbL). Nessuna chiamata a terzi parte
   dal browser di chi visita, quindi l'informativa resta invariata e non
   serve alcun banner.                                                  ═══ */

.mappa{
  position:relative;
  margin:0;
  border-radius:var(--r-xl) var(--r-xl) var(--r-giant) var(--r-xl);
  overflow:hidden;
  background:var(--ghiaccio);
  box-shadow:var(--shadow-hard);
}

.mappa img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.mappa__pin{
  position:absolute;
  left:50%;
  top:46%;
  translate:-50% -100%;
  margin:0;
  pointer-events:none;
  background:var(--corallo-ui);
  color:var(--panna);
  font-family:var(--display);
  font-size:1.3rem;
  text-transform:uppercase;
  padding:.7rem 1.3rem;
  border-radius:var(--r-pill);
  box-shadow:var(--shadow-sticker);
}
.mappa__pin::after{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  translate:-50% 0;
  border:9px solid transparent;
  border-top-color:var(--corallo-ui);
}

/* ── Colonna di testo, impaginata come il blocco mappa del reference:
   sticker impilati → nome del luogo → tipo di spazio → indirizzo → pulsante.
   Nome, tipo e indirizzo stanno su fondo pagina, senza riquadro. ────────── */

.dove__righe{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.2em;
  margin:0 0 clamp(1.1rem,.9rem + 1vw,1.9rem);
}
.dove__righe .sticker:nth-child(2){margin-left:1.1rem}

.dove__nome{
  font-family:var(--display);
  font-size:clamp(1.3rem,1.1rem + .9vw,1.75rem);
  line-height:1.15;
  margin:0;
}

.dove__tipo{
  font-size:clamp(1rem,.95rem + .3vw,1.15rem);
  margin:.45rem 0 0;
}

.dove__ind{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  margin:clamp(1rem,.8rem + .8vw,1.5rem) 0 0;
  font-size:clamp(.95rem,.9rem + .25vw,1.05rem);
  line-height:1.45;
}
.dove__stella{flex:0 0 auto;fill:var(--terracotta);margin-top:.05em}

.dove__cta{margin:clamp(1.3rem,1rem + 1.2vw,2.2rem) 0 0}

@media(max-width:400px){
  .mappa__pin{font-size:1.05rem;padding:.55rem 1rem}
}