/* Estilo para o contêiner do mapa */
.map-container {
    position: relative;
    width: 100%;
    height: 400px;
    /* Altura do mapa */
    overflow: hidden;
}

/* Estilo para a camada escura */
.dark-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Cor e transparência da camada escura */
    pointer-events: none;
    /* Permitir cliques e interações no mapa subjacente */
}

/* Estilo para o mapa */
.map-iframe {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    /* Remover a borda padrão do iframe */
}