#map {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: calc(100% - 50px);
            top: 50px
        }

        .navbar-toggler {
            border: 2px solid white;
            /* contorno branco */
            border-radius: 5px;
        }

        /* Mudança ao clicar/expandir */
        .navbar-toggler[aria-expanded="false"] {
            background-color: white;
            /* muda o fundo */
        }

        .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
            filter: invert(1);
            /* inverte a cor do ícone para preto */
        }

        .custom-cluster {
            border-radius: 50%;
            color: #fff;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            line-height: 60px;
            width: 60px;
            height: 60px;
            border: 2px solid #fff;
            box-shadow: 0 0 5px #333;
            transition: transform 0.2s ease;
            backdrop-filter: blur(1px);
        }

        .custom-cluster:hover {
            transform: scale(1.1);
            cursor: pointer;
        }

        .cluster-icon {
            width: 60px;
            height: 60px;
            line-height: 60px;
            border: 2px solid white;
            box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
            user-select: none;
            cursor: pointer;
        }


        .bg-verde {
            background-color: rgba(40, 167, 69, 0.8) !important;
        }

        .bg-amarelo {
            background-color: rgba(255, 193, 7, 0.8) !important;
            /* color: #212529 !important; */
        }

        .bg-vermelho {
            background-color: rgba(220, 53, 69, 0.8) !important;
        }

        .bg-cinza {
            background-color: rgba(108, 117, 125, 0.8) !important;
        }

        /* Estilo para o controle de busca */
        .leaflet-control-search {
            background: white;
            border-radius: 4px;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
            border: 1px solid #ccc !important;
        }

        .leaflet-control-search .search-input {
            width: 250px;
            padding: 8px 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
        }

        .leaflet-control-search .search-button {
            background-color: white;
            color: white;
            border: none;
            padding: 8px 15px;
            border-radius: 4px;
            cursor: pointer;
            transition: background 0.3s;
        }

        .leaflet-control-search .search-button:hover {
            background-color: #ddd;
        }

        .leaflet-control-search .search-tooltip {
            max-height: 300px;
            overflow-y: auto;
            background: white;
            border-radius: 0 0 4px 4px;
            border: 1px solid #ddd;
            border-top: none;
        }

        .leaflet-control-search .search-tip {
            padding: 10px 15px;
            border-bottom: 1px solid #eee;
            cursor: pointer;
            transition: all 0.2s;
        }

        .leaflet-control-search .search-tip:hover {
            background-color: #f8f9fa;
        }

        .leaflet-control-search .search-tip strong {
            color: #2c3e50;
            font-size: 15px;
        }

        .leaflet-control-search .search-tip small {
            color: #7f8c8d;
            font-size: 13px;
        }

        /* Estilo para o marcador encontrado */
        .found-marker {
            filter: drop-shadow(0 0 8px rgba(46, 204, 113, 0.8));
            transform: scale(1.1);
            transition: all 0.3s ease;
        }