/* Estilos para layout adaptável */
        body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        #menu {
            width: 100%;
            background-color: #f8f9fa;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
            z-index: 1000;
        }

        #map {
            flex: 1;
            width: 100%;
        }


        .config-icon {
            position: absolute;
            top: 60px;
            left: 15px;
            z-index: 1000;
            padding: 10px;
            background-color: white;
            border-radius: 5px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, top 0.3s ease, left 0.3s ease;
        }

        .plus_point {
            position: absolute;
            top: 180px;
            left: 15px;
            z-index: 999;
            padding: 10px;
            background-color: white;
            border-radius: 5px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, top 0.3s ease, left 0.3s ease;
        }

        .leaflet-control-layers {
            position: absolute;
            top: 60px; /* Ajuste o espaçamento do topo */
            left: 5px; /* Ajuste o espaçamento da lateral */
            z-index: 999;
            transition: transform 0.3s ease, top 0.3s ease, left 0.3s ease;
        }


        .leaflet-control-layers-expanded {
            max-height: 300px; /* Ajuste conforme necessário */
            overflow-y: auto; /* Adiciona rolagem se a lista for muito longa */
            min-width: 200px; /* Define uma largura mínima */
            z-index: 1000;
        }

        /* Responsividade para telas menores */
        @media (max-width: 768px) {
        .config-icon {
            top: 20px;
            left: 10px;
            padding: 8px;
            width: 40px;
            height: 40px;
        }

        .leaflet-control-layers {
            top: 80px;
            left: 10px;
        }
        }