/* CSS Customizado para controlar a altura do mapa e garantir responsividade */
.map-responsive-wrapper {
    /* Altura reduzida para mobile/desktop, tornando a seção 'menos' alta */
    height: 350px; /* Altura padrão para mobile. Ajuste este valor se precisar de mais ou menos altura. */
}

/* Ajuste de altura para telas maiores (Desktop) */
@media (min-width: 992px) { /* min-width: 992px é o breakpoint do lg do Bootstrap */
    .map-responsive-wrapper {
        height: 450px; /* Aumenta a altura no desktop, mas ainda é menor que os 550px originais */
    }
}
/* Se você tiver um btn-custom-green, garanta que está definido no seu CSS */
.btn-custom-green {
    background-color: #28a745; /* Exemplo de verde */
    border-color: #28a745;
    color: white;
}