{"id":2454,"date":"2026-06-01T04:29:01","date_gmt":"2026-06-01T07:29:01","guid":{"rendered":"https:\/\/powderblue-hippopotamus-815759.hostingersite.com\/?page_id=2454"},"modified":"2026-06-01T04:53:02","modified_gmt":"2026-06-01T07:53:02","slug":"mapa-interativo","status":"publish","type":"page","link":"https:\/\/petrofoz.com.br\/index.php\/mapa-interativo\/","title":{"rendered":"Mapa Interativo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2454\" class=\"elementor elementor-2454\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af41cf8 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"af41cf8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43a149a elementor-widget elementor-widget-shortcode\" data-id=\"43a149a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\r\n    .amapa-dashboard-wrapper {\r\n        \/* Paleta de cores *\/\r\n        --bg: #eef3ef;\r\n        --panel: #fcfaf4;\r\n        --surface: #ffffff;\r\n        --ink: #153243;\r\n        --muted: #5f6f7b;\r\n        --accent: #0b6e4f;\r\n        --accent-soft: #dcefe6;\r\n        --line: #d4ddd7;\r\n        --shadow: 0 18px 45px rgba(21, 50, 67, 0.12);\r\n        \r\n        \/* Tipografia padr\u00e3o *\/\r\n        font-family: \"Trebuchet MS\", \"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", Tahoma, sans-serif;\r\n        color: var(--ink);\r\n        margin: 20px 0;\r\n    }\r\n\r\n    .amapa-dashboard-wrapper * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .map-container-grid {\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 1.25fr) minmax(320px, 480px);\r\n        gap: 24px;\r\n        max-width: 1180px;\r\n        margin: 0 auto;\r\n        align-items: start; \/* Mant\u00e9m os dois lados alinhados perfeitamente pelo topo *\/\r\n    }\r\n\r\n    .map-side, .info-side {\r\n        min-width: 0;\r\n    }\r\n\r\n    .map-panel {\r\n        position: relative;\r\n        overflow: hidden;\r\n        padding: 20px;\r\n        border: none; \r\n        border-radius: 28px;\r\n        background: var(--surface);\r\n        box-shadow: var(--shadow);\r\n    }\r\n\r\n    .info-card {\r\n        border: 1px solid rgba(21, 50, 67, 0.15);\r\n        border-radius: 28px;\r\n        background: linear-gradient(180deg, #ffffff 0%, #f9fbfa 100%);\r\n        box-shadow: var(--shadow);\r\n        display: flex;\r\n        flex-direction: column;\r\n        width: 100%;\r\n        padding: 24px;\r\n        min-height: 650px; \/* Altura m\u00ednima est\u00e1vel para o card *\/\r\n    }\r\n\r\n    .map-frame {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 22px;\r\n        background: #ffffff; \r\n        border: none; \r\n        padding: 0;\r\n        aspect-ratio: 1422 \/ 1592; \r\n        width: 100%;\r\n    }\r\n\r\n    .map-background-image {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        pointer-events: none; \r\n        z-index: 1;\r\n    }\r\n\r\n    .map-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Pol\u00edgonos base do mapa *\/\r\n    .city {\r\n        fill: transparent;\r\n        stroke: transparent; \r\n        cursor: pointer;\r\n        transition: fill 0.18s ease, stroke 0.18s ease;\r\n    }\r\n\r\n    .city:hover {\r\n        fill: rgba(11, 110, 79, 0.12);\r\n        stroke: var(--accent);\r\n        stroke-width: 2px;\r\n        outline: none;\r\n    }\r\n\r\n    .city.is-active {\r\n        fill: rgba(11, 110, 79, 0.22);\r\n        stroke: var(--accent);\r\n        stroke-width: 3px;\r\n        outline: none;\r\n    }\r\n\r\n    .info-side {\r\n        display: flex;\r\n    }\r\n\r\n    .info-tag {\r\n        display: inline-flex;\r\n        align-self: flex-start;\r\n        margin-bottom: 10px;\r\n        padding: 6px 12px;\r\n        border-radius: 999px;\r\n        background: var(--ink);\r\n        color: #ffffff;\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        letter-spacing: 0.08em;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .info-header h2 {\r\n        margin: 0 0 6px !important;\r\n        font-size: 1.8rem;\r\n        color: var(--ink);\r\n    }\r\n\r\n    \/* Trava o container da descri\u00e7\u00e3o para n\u00e3o alterar o tamanho do cabe\u00e7alho *\/\r\n    .info-meta {\r\n        margin: 0 0 20px 0 !important;\r\n        color: var(--muted);\r\n        font-size: 0.95rem;\r\n        line-height: 1.4;\r\n        min-height: 60px;\r\n    }\r\n\r\n    \/* For\u00e7a que cada linha do grid tenha exatamente 68px de altura fixa *\/\r\n    .info-content {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        grid-auto-rows: 96px; \r\n        gap: 12px;\r\n    }\r\n\r\n    \/* Organiza o conte\u00fado interno para comportar textos longos sem esticar a caixa *\/\r\n    .info-row {\r\n        padding: 8px 12px;\r\n        border-radius: 14px;\r\n        background: rgba(21, 50, 67, 0.04);\r\n        border: 1px solid rgba(21, 50, 67, 0.08);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .info-row strong {\r\n        display: block;\r\n        margin-bottom: 2px;\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.05em;\r\n        color: var(--accent);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Se o texto do dado for muito grande, cria uma rolagem interna isolada *\/\r\n    .info-row p {\r\n        margin: 0 !important;\r\n        color: var(--ink);\r\n        font-size: 0.88rem;\r\n        line-height: 1.3;\r\n        font-weight: 600;\r\n        overflow-y: auto;\r\n        white-space: normal;\r\n        word-break: break-word;\r\n    }\r\n\r\n    \r\n\r\n    @media (max-width: 980px) {\r\n        .map-container-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .info-card {\r\n            min-height: auto; \r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .info-content {\r\n            grid-template-columns: 1fr;\r\n            grid-auto-rows: auto; \/* No mobile, onde ficam empilhadas, permite flexibilidade natural *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"amapa-dashboard-wrapper\">\r\n    <div class=\"map-container-grid\">\r\n        \r\n        <div class=\"map-side\">\r\n            <div class=\"map-panel\">\r\n                <div class=\"map-frame\">\r\n                    \r\n                    <img decoding=\"async\" class=\"map-background-image\" src=\"https:\/\/petrofoz.com.br\/wp-content\/uploads\/2026\/06\/Mapa_amapa_png-scaled-1.png\" alt=\"Mapa do Estado do Amap\u00e1\">\r\n\r\n                    <svg class=\"map-overlay\" viewBox=\"0 0 1422 1592\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <polygon class=\"city\" id=\"poly-oiapoque\" data-id=\"oiapoque\" points=\"848,572 891,568 1041,320 1041,100 956,9 923,99 739,348 651,559 583,615 568,643 511,638 472,635 511,676 552,699 580,660 672,676 715,651 741,625 779,587 797,558\" role=\"button\" aria-label=\"Oiapoque\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-calcoene\" data-id=\"calcoene\" points=\"818,867 810,750 814,575 859,593 897,575 1049,346 1069,152 1076,256 1093,402 1186,635 1059,634 1004,668 936,657 892,793\" role=\"button\" aria-label=\"Cal\u00e7oene\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-amapa\" data-id=\"amapa\" points=\"1363,897 1392,890 1414,868 1419,836 1416,809 1411,778 1394,758 1366,748 1345,739 1320,742 1300,742 1271,742 1247,738 1237,715 1219,690 1205,660 1188,650 1184,665 1186,683 1173,685 1173,666 1163,644 1149,651 1132,646 1117,645 1089,645 1063,647 1049,657 1036,666 1019,678 1000,684 982,679 966,683 947,675 942,683 931,690 929,703 931,713 953,725 979,744 1006,719 1054,713 1125,728 1187,732 1217,739 1240,782 1243,834 1261,879 1277,903 1295,911 1306,870 1353,864\" role=\"button\" aria-label=\"Amap\u00e1\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-pracuuba\" data-id=\"pracuuba\" points=\"1227,821 1231,802 1227,785 1223,764 1207,758 1207,742 1185,744 1166,747 1148,746 1129,741 1105,738 1091,733 1076,736 1059,727 1042,727 1028,725 1006,734 998,746 981,758 965,758 950,741 933,727 921,733 915,748 911,766 908,786 899,798 889,811 879,821 860,835 853,853 833,865 828,873 849,877 884,874 927,871 962,871 991,865 985,834 972,801 991,776 1013,763 1072,783 1112,802 1144,801 1223,826\" role=\"button\" aria-label=\"Pracu\u00faba\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-tartarugalzinho\" data-id=\"tartarugalzinho\" points=\"1245,941 1251,924 1261,902 1250,879 1236,854 1230,835 1212,830 1187,821 1159,810 1144,805 1131,811 1116,805 1106,810 1087,802 1061,790 1041,778 1021,776 1005,782 989,790 984,801 984,814 993,826 1002,839 1004,853 998,871 993,890 984,899 984,918 977,939 979,946 993,961 1002,967 1024,967 1029,973 1043,962 1059,952 1095,958 1103,980 1118,968 1156,977 1167,957 1208,948 1217,933\" role=\"button\" aria-label=\"Tartarugalzinho\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-cutias\" data-id=\"cutias\" points=\"1245,1002 1303,982 1336,953 1342,929 1351,925 1366,915 1349,910 1348,888 1344,876 1323,877 1316,888 1318,918 1283,921 1272,920 1266,946 1247,964 1233,951 1221,945 1221,956 1215,966 1197,959 1184,962 1173,965 1170,978 1162,985 1148,985 1139,981 1133,988 1121,1002 1126,1013 1134,1015 1149,1013 1179,1012 1196,1015 1221,994\" role=\"button\" aria-label=\"Cutias\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-serra-do-navio\" data-id=\"serra-do-navio\" points=\"824,1002 833,994 843,983 864,974 853,961 842,959 824,956 816,944 814,925 810,887 807,862 797,837 801,794 799,729 801,697 805,654 790,622 796,579 799,566 780,593 761,607 751,629 739,644 722,644 708,662 698,682 671,680 654,686 631,681 614,668 596,666 577,669 581,681 602,700 603,714 640,737 673,773 689,799 688,818 694,856 688,882 717,902 722,919 745,945 767,938 772,956 814,963 809,1001\" role=\"button\" aria-label=\"Serra do Navio\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-ferreira-gomes\" data-id=\"ferreira-gomes\" points=\"1088,1121 1096,1112 1121,1106 1107,1097 1102,1083 1106,1070 1104,1055 1113,1047 1123,1044 1126,1030 1115,1014 1108,999 1115,992 1123,984 1130,975 1112,975 1102,987 1092,977 1083,965 1068,963 1055,965 1049,971 1042,981 1031,986 1019,977 1005,980 992,981 981,967 980,956 962,952 963,938 968,929 973,914 973,894 986,883 968,882 943,882 911,883 888,883 859,883 835,883 829,888 827,895 827,906 825,913 827,926 830,940 830,948 847,938 855,946 870,957 878,961 898,965 914,954 925,972 943,989 937,1007 957,999 962,1017 975,1028 994,1037 1004,1019 1018,1047 1010,1055 1019,1062 1073,1092 1068,1104\" role=\"button\" aria-label=\"Ferreira Gomes\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-pedra-branca-do-amapari\" data-id=\"pedra-branca-do-amapari\" points=\"711,1121 723,1114 732,1098 741,1081 753,1069 771,1057 784,1054 797,1054 811,1051 828,1046 849,1044 864,1051 877,1051 879,1057 889,1058 891,1067 897,1052 889,1037 883,1019 873,1000 859,994 870,979 845,991 839,1012 821,1017 810,1005 796,1004 795,985 802,973 784,969 766,967 752,955 733,947 719,931 707,918 692,899 678,887 675,867 677,853 673,825 666,798 658,775 645,756 626,743 606,731 593,717 588,697 566,684 562,703 546,711 520,689 533,725 537,743 546,771 538,798 551,806 574,811 581,847 568,860 553,881 549,907 546,928 571,951 578,973 588,981 590,995 614,1017 635,1019 651,1039 683,1049 684,1068\" role=\"button\" aria-label=\"Pedra Branca do Amapari\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-porto-grande\" data-id=\"porto-grande\" points=\"1051,1151 1064,1151 1070,1140 1076,1121 1064,1103 1050,1089 1031,1077 1008,1069 997,1055 1008,1040 983,1040 964,1034 947,1013 936,1020 924,1011 928,994 914,980 899,976 884,976 882,986 871,994 895,1011 896,1025 906,1039 907,1053 905,1064 899,1074 890,1081 884,1069 871,1068 875,1055 862,1062 846,1058 817,1059 798,1069 776,1070 769,1082 754,1088 745,1101 741,1115 729,1128 722,1135 726,1150 747,1146 761,1111 797,1095 816,1108 854,1119 881,1115 896,1126 910,1132 915,1156 944,1184 949,1146 967,1098 1035,1115\" role=\"button\" aria-label=\"Porto Grande\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-macapa\" data-id=\"macapa\" points=\"1272,1055 1297,1038 1326,1041 1354,1035 1374,1023 1390,1002 1405,967 1422,900 1395,915 1378,915 1349,947 1307,988 1284,996 1254,1004 1238,1011 1219,1011 1204,1020 1185,1027 1163,1022 1143,1022 1138,1033 1118,1059 1113,1080 1122,1099 1134,1103 1128,1115 1112,1122 1100,1130 1080,1135 1075,1159 1068,1171 1036,1164 1043,1135 1021,1123 981,1111 990,1130 1001,1143 1011,1158 1014,1173 1026,1186 1044,1193 1058,1203 1058,1221 1050,1237 1051,1247 1065,1249 1075,1250 1071,1263 1083,1260 1101,1217 1149,1187 1170,1187 1188,1163 1186,1138 1162,1094 1124,1085 1122,1053 1148,1031 1203,1073 1215,1029 1254,1031\" role=\"button\" aria-label=\"Macap\u00e1\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-itaubal\" data-id=\"itaubal\" points=\"1193,1159 1208,1146 1226,1124 1237,1098 1248,1081 1261,1058 1255,1043 1243,1039 1229,1042 1218,1052 1212,1082 1187,1076 1173,1058 1151,1038 1139,1049 1135,1063 1141,1081 1169,1073 1183,1098 1194,1117 1194,1144 1205,1151\" role=\"button\" aria-label=\"Itaubal\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-santana\" data-id=\"santana\" points=\"994,1264 1012,1265 1025,1264 1038,1266 1061,1254 1037,1252 1029,1240 1037,1226 1047,1208 1029,1201 1010,1188 1000,1167 991,1142 971,1110 965,1123 959,1138 959,1158 950,1176 946,1191 947,1207 959,1228\" role=\"button\" aria-label=\"Santana\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-mazagao\" data-id=\"mazagao\" points=\"840,1486 859,1493 867,1498 872,1484 892,1486 898,1471 911,1444 940,1406 969,1383 984,1353 1003,1334 1009,1310 1038,1279 1015,1272 993,1276 979,1266 972,1247 955,1238 942,1221 935,1183 910,1165 902,1144 886,1134 860,1128 821,1119 792,1106 776,1120 757,1138 751,1153 726,1158 709,1144 703,1120 673,1071 673,1052 644,1046 621,1024 625,1053 627,1085 650,1110 663,1142 682,1159 683,1182 682,1213 677,1245 671,1265 665,1283 697,1270 722,1277 742,1296 752,1316 784,1324 802,1347 807,1374 804,1400 814,1425 834,1440 842,1461\" role=\"button\" aria-label=\"Mazag\u00e3o\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-vitoria-do-jari\" data-id=\"vitoria-do-jari\" points=\"797,1592 796,1576 816,1572 823,1559 834,1563 842,1561 853,1568 870,1568 887,1554 904,1541 902,1509 899,1486 877,1498 858,1512 833,1497 804,1504 777,1507 753,1490 728,1480 703,1484 713,1504 708,1517 707,1538 719,1544 728,1556 738,1563 767,1561 785,1566\" role=\"button\" aria-label=\"Vit\u00f3ria do Jari\" tabindex=\"0\" \/>\r\n                        <polygon class=\"city\" id=\"poly-laranjal-do-jari\" data-id=\"laranjal-do-jari\" points=\"674,1485 696,1476 722,1473 742,1471 756,1474 768,1480 778,1495 785,1503 805,1499 824,1489 834,1473 822,1449 797,1432 797,1405 792,1376 792,1353 762,1327 739,1322 729,1300 695,1283 678,1290 661,1295 655,1283 661,1266 666,1235 672,1206 671,1171 652,1140 638,1109 621,1089 615,1062 617,1038 607,1026 589,1017 573,1002 572,988 559,968 548,944 533,931 535,906 541,885 548,866 558,853 567,841 564,819 547,816 533,804 531,779 531,759 520,731 513,710 494,687 485,668 475,653 452,647 445,629 452,605 437,598 408,612 397,618 371,617 340,612 317,599 315,586 302,595 288,614 268,628 233,639 219,654 191,653 189,641 166,647 142,641 136,631 103,627 87,612 87,597 60,598 43,580 40,564 48,558 6,566 30,598 31,614 35,636 24,661 36,690 43,721 41,736 107,742 184,762 226,791 228,821 248,815 286,842 311,836 340,840 355,854 384,861 380,888 409,886 424,923 405,935 420,982 506,1051 491,1140 545,1235 550,1284 613,1330 633,1347 625,1391 640,1408 669,1408 688,1449\" role=\"button\" aria-label=\"Laranjal do Jari\" tabindex=\"0\" \/>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"info-side\">\r\n            <aside class=\"info-card\" id=\"infoPanel\">\r\n                <span class=\"info-tag\">Informa\u00e7\u00f5es<\/span>\r\n                <div class=\"info-header\">\r\n                    <h2 id=\"panelName\">Selecione um munic\u00edpio<\/h2>\r\n                    <p id=\"panelDescription\" class=\"info-meta\">Passe o mouse sobre o mapa ou clique em um munic\u00edpio para ver os dados.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"info-content\">\r\n                    <div class=\"info-row\"><strong>\u00c1rea Territorial<\/strong><p id=\"panelArea\">--<\/p><\/div>\r\n                    <div class=\"info-row\"><strong>Popula\u00e7\u00e3o<\/strong><p id=\"panelPopulation\">--<\/p><\/div>\r\n                    <div class=\"info-row\"><strong>Densidade<\/strong><p id=\"panelDensity\">--<\/p><\/div>\r\n                    <div class=\"info-row\"><strong>IDH<\/strong><p id=\"panelIdh\">--<\/p><\/div>\r\n                    <div class=\"info-row\"><strong>Regi\u00e3o do Estado<\/strong><p id=\"panelRegion\">--<\/p><\/div>\r\n                    <div class=\"info-row\"><strong>Bioma<\/strong><p id=\"panelBiome\">--<\/p><\/div>\r\n                    <div class=\"info-row\"><strong>Dist\u00e2ncia da Capital<\/strong><p id=\"panelDistance\">--<\/p><\/div>\r\n                    <div class=\"info-row\"><strong>Limites<\/strong><p id=\"panelBorders\">--<\/p><\/div>\r\n                    <div class=\"info-row\"><strong>Coordenadas<\/strong><p id=\"panelCoordinates\">--<\/p><\/div>\r\n                    <div class=\"info-row\"><strong>Economia Predominante<\/strong><p id=\"panelEconomy\">--<\/p><\/div>\r\n                <\/div>\r\n            <\/aside>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const amapaData = {\r\n        macapa: {\r\n            nome: \"Macap\u00e1\", populacao: \"\u2248 512 mil habitantes\", area: \"6.407,12 km\u00b2\", densidade: \"\u2248 80 hab\/km\u00b2\",\r\n            regiao: \"Centro-sul \/ metropolitana\", bioma: \"Amaz\u00f4nia\", limites: \"Santana, Itaubal, Ferreira Gomes, Cutias e Porto Grande\",\r\n            distancia: \"0 km\", coordenadas: \"0\u00b002\u203220\u2033 N, 51\u00b003\u203259\u2033 W\", economia: \"Com\u00e9rcio, servi\u00e7os, administra\u00e7\u00e3o p\u00fablica e log\u00edstica\", idh: \"0,733\",\r\n            descricao: \"Capital do Amap\u00e1, localizada na Linha do Equador e principal centro urbano, administrativo e econ\u00f4mico do estado.\"\r\n        },\r\n        santana: {\r\n            nome: \"Santana\", populacao: \"\u2248 124 mil habitantes\", area: \"1.579,61 km\u00b2\", densidade: \"\u2248 78 hab\/km\u00b2\",\r\n            regiao: \"Sudeste \/ metropolitana\", bioma: \"Amaz\u00f4nia\", limites: \"Macap\u00e1, Mazag\u00e3o e rio Amazonas\",\r\n            distancia: \"\u2248 17 km\", coordenadas: \"0\u00b003\u203249\u2033 S, 51\u00b010\u203207\u2033 W\", economia: \"Atividade portu\u00e1ria, com\u00e9rcio e log\u00edstica\", idh: \"0,692\",\r\n            descricao: \"Munic\u00edpio estrat\u00e9gico pelo Porto de Santana, com forte papel log\u00edstico no escoamento de cargas e integra\u00e7\u00e3o fluvial.\"\r\n        },\r\n        mazagao: {\r\n            nome: \"Mazag\u00e3o\", populacao: \"\u2248 22 mil habitantes\", area: \"13.131 km\u00b2\", densidade: \"Baixa\",\r\n            regiao: \"Sul \/ centro-sul\", bioma: \"Amaz\u00f4nia\", limites: \"Santana, Porto Grande, Pedra Branca, Laranjal do Jari e Vit\u00f3ria do Jari\",\r\n            distancia: \"\u2248 36 km\", coordenadas: \"0\u00b006\u203258\u2033 S, 51\u00b017\u203221\u2033 W\", economia: \"Agroextrativismo, pesca e agricultura familiar\", idh: \"0,592\",\r\n            descricao: \"Munic\u00edpio de grande extens\u00e3o territorial, com \u00e1reas ribeirinhas, floresta amaz\u00f4nica e forte presen\u00e7a cultural hist\u00f3rica.\"\r\n        },\r\n        \"laranjal-do-jari\": {\r\n            nome: \"Laranjal do Jari\", populacao: \"\u2248 53 mil habitantes\", area: \"30.971 km\u00b2\", densidade: \"Baixa\",\r\n            regiao: \"Extremo sul\", bioma: \"Amaz\u00f4nia\", limites: \"Vit\u00f3ria do Jari, Mazag\u00e3o, Pedra Branca, Par\u00e1 e Amazonas\",\r\n            distancia: \"\u2248 265 km\", coordenadas: \"0\u00b050\u203200\u2033 S, 52\u00b030\u203200\u2033 W\", economia: \"Com\u00e9rcio, extrativismo, madeira e servi\u00e7os\", idh: \"0,665\",\r\n            descricao: \"Um dos maiores munic\u00edpios do estado em \u00e1rea, localizado no Vale do Jari e marcado por forte din\u00e2mica ribeirinha.\"\r\n        },\r\n        \"vitoria-do-jari\": {\r\n            nome: \"Vit\u00f3ria do Jari\", populacao: \"\u2248 13 mil habitantes\", area: \"2.508 km\u00b2\", densidade: \"Baixa\",\r\n            regiao: \"Sul\", bioma: \"Amaz\u00f4nia\", limites: \"Laranjal do Jari, Mazag\u00e3o e Par\u00e1\",\r\n            distancia: \"\u2248 230 km\", coordenadas: \"0\u00b056\u203220\u2033 S, 52\u00b025\u203253\u2033 W\", economia: \"Com\u00e9rcio local, servi\u00e7os e pesca\", idh: \"0,619\",\r\n            descricao: \"Munic\u00edpio ribeirinho do baixo rio Jari, conectado \u00e0 din\u00e2mica econ\u00f4mica e social do sul do Amap\u00e1.\"\r\n        },\r\n        \"pedra-branca-do-amapari\": {\r\n            nome: \"Pedra Branca do Amapari\", populacao: \"\u2248 17 mil habitantes\", area: \"9.495 km\u00b2\", densidade: \"Baixa\",\r\n            regiao: \"Centro-oeste\", bioma: \"Amaz\u00f4nia\", limites: \"Serra do Navio, Porto Grande, Mazag\u00e3o, Laranjal e Oiapoque\",\r\n            distancia: \"\u2248 183 km\", coordenadas: \"0\u00b046\u203240\u2033 N, 51\u00b057\u203245\u2033 W\", economia: \"Minera\u00e7\u00e3o, com\u00e9rcio e agricultura familiar\", idh: \"0,626\",\r\n            descricao: \"Munic\u00edpio interiorano associado a atividades minerais, grandes \u00e1reas florestais e corredores naturais do Amap\u00e1.\"\r\n        },\r\n        \"porto-grande\": {\r\n            nome: \"Porto Grande\", populacao: \"\u2248 22 mil habitantes\", area: \"4.407 km\u00b2\", densidade: \"Baixa\",\r\n            regiao: \"Centro\", bioma: \"Amaz\u00f4nia\", limites: \"Macap\u00e1, Ferreira Gomes, Pedra Branca, Mazag\u00e3o e Santana\",\r\n            distancia: \"\u2248 108 km\", coordenadas: \"0\u00b042\u203244\u2033 N, 51\u00b024\u203246\u2033 W\", economia: \"Agropecu\u00e1ria, com\u00e9rcio e apoio rodovi\u00e1rio\", idh: \"0,640\",\r\n            descricao: \"Localizado em eixo rodovi\u00e1rio importante, conecta a capital ao interior e a \u00e1reas produtivas do centro do estado.\"\r\n        },\r\n        \"ferreira-gomes\": {\r\n            nome: \"Ferreira Gomes\", populacao: \"\u2248 8 mil habitantes\", area: \"5.046 km\u00b2\", densidade: \"Baixa\",\r\n            regiao: \"Centro-leste\", bioma: \"Amaz\u00f4nia\", limites: \"Macap\u00e1, Porto Grande, Tartarugalzinho, Cutias e Serra do Navio\",\r\n            distancia: \"\u2248 137 km\", coordenadas: \"0\u00b051\u203228\u2033 N, 51\u00b010\u203248\u2033 W\", economia: \"Energia, pesca, com\u00e9rcio local e servi\u00e7os\", idh: \"0,656\",\r\n            descricao: \"Munic\u00edpio marcado pelo rio Araguari, por reservat\u00f3rios e pela presen\u00e7a de infraestrutura energ\u00e9tica.\"\r\n        },\r\n        \"serra-do-navio\": {\r\n            nome: \"Serra do Navio\", populacao: \"\u2248 5 mil habitantes\", area: \"7.757 km\u00b2\", densidade: \"Muito baixa\",\r\n            regiao: \"Centro-norte\", bioma: \"Amaz\u00f4nia\", limites: \"Pedra Branca, Ferreira Gomes, Cal\u00e7oene e Oiapoque\",\r\n            distancia: \"\u2248 203 km\", coordenadas: \"0\u00b054\u203206\u2033 N, 52\u00b000\u203218\u2033 W\", economia: \"Servi\u00e7os locais, extrativismo e ecoturismo\", idh: \"0,709\",\r\n            descricao: \"Munic\u00edpio planejado historicamente ligado \u00e0 minera\u00e7\u00e3o, cercado por \u00e1reas florestais e serras.\"\r\n        },\r\n        cutias: {\r\n            nome: \"Cutias\", populacao: \"\u2248 6 mil habitantes\", area: \"2.179 km\u00b2\", densidade: \"Baixa\",\r\n            regiao: \"Leste\", bioma: \"Amaz\u00f4nia\", limites: \"Macap\u00e1, Ferreira Gomes, Tartarugalzinho, Pracu\u00faba e Itaubal\",\r\n            distancia: \"\u2248 130 km\", coordenadas: \"0\u00b058\u203213\u2033 N, 50\u00b048\u203212\u2033 W\", economia: \"Pesca, agricultura familiar e pecu\u00e1ria\", idh: \"0,628\",\r\n            descricao: \"Munic\u00edpio de plan\u00edcies, rios e \u00e1reas \u00famidas, com forte rela\u00e7\u00e3o com ambientes ribeirinhos.\"\r\n        },\r\n        itaubal: {\r\n            nome: \"Itaubal\", populacao: \"\u2248 5,5 mil habitantes\", area: \"1.704 km\u00b2\", densidade: \"Baixa\",\r\n            regiao: \"Leste-sudeste\", bioma: \"Amaz\u00f4nia\", limites: \"Macap\u00e1, Cutias e estu\u00e1rio amaz\u00f4nico\",\r\n            distancia: \"\u2248 112 km\", coordenadas: \"0\u00b036\u203209\u2033 N, 50\u00b041\u203257\u2033 W\", economia: \"Pesca, agricultura familiar e com\u00e9rcio local\", idh: \"0,576\",\r\n            descricao: \"Munic\u00edpio pequeno e ribeirinho, conectado a rios, igarap\u00e9s e \u00e1reas estuarinas do leste amapaense.\"\r\n        },\r\n        pracuuba: {\r\n            nome: \"Pracu\u00faba\", populacao: \"\u2248 5 mil habitantes\", area: \"4.957 km\u00b2\", densidade: \"Muito baixa\",\r\n            regiao: \"Nordeste\", bioma: \"Amaz\u00f4nia\", limites: \"Amap\u00e1, Tartarugalzinho, Cutias e Cal\u00e7oene\",\r\n            distancia: \"\u2248 275 km\", coordenadas: \"1\u00b044\u203241\u2033 N, 50\u00b047\u203233\u2033 W\", economia: \"Pesca, agroextrativismo e servi\u00e7os p\u00fablicos\", idh: \"0,578\",\r\n            descricao: \"Munic\u00edpio de baixa densidade populacional, com campos alagados, lagos e ecossistemas sens\u00edveis.\"\r\n        },\r\n        tartarugalzinho: {\r\n            nome: \"Tartarugalzinho\", populacao: \"\u2248 18 mil habitantes\", area: \"6.709 km\u00b2\", densidade: \"Baixa\",\r\n            regiao: \"Centro-norte\", bioma: \"Amaz\u00f4nia\", limites: \"Pracu\u00faba, Amap\u00e1, Ferreira Gomes, Cutias e Cal\u00e7oene\",\r\n            distancia: \"\u2248 230 km\", coordenadas: \"1\u00b030\u203221\u2033 N, 50\u00b054\u203230\u2033 W\", economia: \"Agropecu\u00e1ria, pesca, com\u00e9rcio e servi\u00e7os\", idh: \"0,592\",\r\n            descricao: \"Munic\u00edpio de transi\u00e7\u00e3o entre interior e litoral, com rios, campos e conex\u00e3o pela BR-156.\"\r\n        },\r\n        amapa: {\r\n            nome: \"Amap\u00e1\", populacao: \"\u2248 8 mil habitantes\", area: \"9.169 km\u00b2\", densidade: \"Baixa\",\r\n            regiao: \"Norte \/ nordeste\", bioma: \"Amaz\u00f4nia\", limites: \"Cal\u00e7oene, Pracu\u00faba, Tartarugalzinho e Atl\u00e2ntico\",\r\n            distancia: \"\u2248 302 km\", coordenadas: \"2\u00b003\u203214\u2033 N, 50\u00b047\u203245\u2033 W\", economia: \"Pesca, agroextrativismo e agricultura familiar\", idh: \"0,642\",\r\n            descricao: \"Munic\u00edpio hist\u00f3rico com rela\u00e7\u00e3o direta com a faixa costeira e ambientes de campos inund\u00e1veis.\"\r\n        },\r\n        calcoene: {\r\n            nome: \"Cal\u00e7oene\", populacao: \"\u2248 11 mil habitantes\", area: \"14.269 km\u00b2\", densidade: \"Muito baixa\",\r\n            regiao: \"Extremo nordeste\", bioma: \"Amaz\u00f4nia\", limites: \"Oiapoque, Amap\u00e1, Pracu\u00faba, Serra Navio e Atl\u00e2ntico\",\r\n            distancia: \"\u2248 374 km\", coordenadas: \"2\u00b029\u203246\u2033 N, 50\u00b056\u203257\u2033 W\", economia: \"Pesca, minera\u00e7\u00e3o, agroextrativismo e varejo\", idh: \"0,643\",\r\n            descricao: \"Munic\u00edpio litor\u00e2neo do norte do Amap\u00e1, com rios costeiros, comunidades tradicionais e s\u00edtios arqueol\u00f3gicos.\"\r\n        },\r\n        oiapoque: {\r\n            nome: \"Oiapoque\", populacao: \"\u2248 30 mil habitantes\", area: \"22.625 km\u00b2\", densidade: \"Baixa\",\r\n            regiao: \"Extremo norte\", bioma: \"Amaz\u00f4nia\", limites: \"Guiana Francesa, Cal\u00e7oene, Pedra Branca e Serra Navio\",\r\n            distancia: \"\u2248 590 km\", coordenadas: \"3\u00b050\u203233\u2033 N, 51\u00b050\u203202\u2033 W\", economia: \"Com\u00e9rcio de fronteira, pesca e turismo\", idh: \"0,658\",\r\n            descricao: \"Munic\u00edpio mais ao norte do Brasil, fronteiri\u00e7o com a Guiana Francesa e marcado pelo rio Oiapoque.\"\r\n        }\r\n    };\r\n\r\n    const poligonosCidades = document.querySelectorAll('.city');\r\n\r\n    const camposPainel = {\r\n        nome: document.getElementById(\"panelName\"),\r\n        descricao: document.getElementById(\"panelDescription\"),\r\n        area: document.getElementById(\"panelArea\"),\r\n        populacao: document.getElementById(\"panelPopulation\"),\r\n        densidade: document.getElementById(\"panelDensity\"),\r\n        regiao: document.getElementById(\"panelRegion\"),\r\n        bioma: document.getElementById(\"panelBiome\"),\r\n        limites: document.getElementById(\"panelBorders\"),\r\n        distancia: document.getElementById(\"panelDistance\"),\r\n        coordenadas: document.getElementById(\"panelCoordinates\"),\r\n        economia: document.getElementById(\"panelEconomy\"),\r\n        idh: document.getElementById(\"panelIdh\")\r\n    };\r\n\r\n    function ativarMunicipio(id) {\r\n        const dados = amapaData[id];\r\n        if (!dados) return;\r\n\r\n        camposPainel.nome.textContent = dados.nome;\r\n        camposPainel.descricao.textContent = dados.descricao;\r\n        camposPainel.area.textContent = dados.area;\r\n        camposPainel.populacao.textContent = dados.populacao;\r\n        camposPainel.densidade.textContent = dados.densidade;\r\n        camposPainel.regiao.textContent = dados.regiao;\r\n        camposPainel.bioma.textContent = dados.bioma;\r\n        camposPainel.limites.textContent = dados.limites;\r\n        camposPainel.distancia.textContent = dados.distancia;\r\n        camposPainel.coordenadas.textContent = dados.coordenadas;\r\n        camposPainel.economia.textContent = dados.economia;\r\n        camposPainel.idh.textContent = dados.idh;\r\n\r\n        poligonosCidades.forEach(poly => {\r\n            poly.classList.toggle('is-active', poly.getAttribute('data-id') === id);\r\n        });\r\n    }\r\n\r\n    function rolarParaPainel() {\r\n        if(window.innerWidth < 980) {\r\n            document.getElementById('infoPanel').scrollIntoView({ behavior: 'smooth' });\r\n        }\r\n    }\r\n\r\n    poligonosCidades.forEach((poligono) => {\r\n        const idMunicipio = poligono.getAttribute('data-id');\r\n        \r\n        poligono.addEventListener('mouseenter', () => ativarMunicipio(idMunicipio));\r\n        poligono.addEventListener('click', () => {\r\n            ativarMunicipio(idMunicipio);\r\n            rolarParaPainel();\r\n        });\r\n        poligono.addEventListener('focus', () => ativarMunicipio(idMunicipio));\r\n        \r\n        poligono.addEventListener('keydown', (e) => {\r\n            if (e.key === 'Enter' || e.key === ' ') {\r\n                e.preventDefault();\r\n                ativarMunicipio(idMunicipio);\r\n                rolarParaPainel();\r\n            }\r\n        });\r\n    });\r\n\r\n    ativarMunicipio('macapa');\r\n});\r\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_primary_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2454","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/petrofoz.com.br\/index.php\/wp-json\/wp\/v2\/pages\/2454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/petrofoz.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/petrofoz.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/petrofoz.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/petrofoz.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=2454"}],"version-history":[{"count":8,"href":"https:\/\/petrofoz.com.br\/index.php\/wp-json\/wp\/v2\/pages\/2454\/revisions"}],"predecessor-version":[{"id":3093,"href":"https:\/\/petrofoz.com.br\/index.php\/wp-json\/wp\/v2\/pages\/2454\/revisions\/3093"}],"wp:attachment":[{"href":"https:\/\/petrofoz.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=2454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}