/* O PINO NO ENDEREÇO — o mapinha que volta ao formulário de endereço.

   Só o essencial: o Leaflet precisa de ALTURA declarada no container (ele mede
   o elemento na construção e, com altura zero, desenha uma faixa cinza), e a
   tela é de celular na rua tanto quanto de computador no gabinete. */
.ponto-no-mapa {
  display: grid;
  gap: var(--esp-2);
  margin-top: var(--esp-3);
}

.ponto-no-mapa__tela {
  /* Alto o bastante para reconhecer a quadra num celular, sem empurrar o resto
     do formulário para fora da tela. */
  height: 260px;
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-md);
  margin-bottom: var(--esp-2);
  overflow: hidden;
  /* O mapa fica DENTRO de um cartão com overflow controlado; sem isto o
     controle de zoom do Leaflet aparece por cima da barra do topo. */
  z-index: 0;
}