.mapa { width: 100%; height: 300px; margin: 10px 0; border: 1px solid var(--borde); border-radius: var(--radio); z-index: 1; }
.mapa--grande { height: 360px; }
.mapa--eligiendo { cursor: crosshair; }
@media (min-width: 640px) { .mapa { height: 360px; } .mapa--grande { height: 480px; } }
@media (min-width: 1024px) { .mapa--grande { height: 600px; } }

/* Autocompletado de direcciones */
.buscador { position: relative; }
.sugerencias {
  position: absolute; left: 0; right: 0; top: 100%; z-index: 1000; margin: 4px 0 0; padding: 4px; list-style: none;
  background: #fff; border: 1px solid var(--borde); border-radius: var(--radio-chico); box-shadow: var(--sombra);
  max-height: 260px; overflow-y: auto;
}
.sugerencias button {
  display: block; width: 100%; padding: 10px 12px; text-align: left; font: inherit; font-size: 0.92rem;
  background: none; border: 0; border-radius: 6px; cursor: pointer; color: var(--tinta);
}
.sugerencias button:hover, .sugerencias button:focus { background: var(--yellow-s); }
.sugerencias__vacio { padding: 10px 12px; font-size: 0.88rem; color: var(--tinta-suave); }
.campo--busqueda { margin-bottom: 10px; }

/* Etiquetas de precio dentro de los círculos y pin del probador */
.zona-etiqueta { background: none; border: 0; }
.zona-etiqueta span {
  display: inline-block; padding: 1px 8px; font-weight: 800; font-size: 0.85rem; white-space: nowrap;
  background: rgba(255, 255, 255, 0.92); border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.pin-probador { background: #1f6feb; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); }