{"id":884,"date":"2025-12-01T08:20:12","date_gmt":"2025-12-01T11:20:12","guid":{"rendered":"https:\/\/investema.goldenlayers.com.br\/?page_id=884"},"modified":"2025-12-15T15:02:10","modified_gmt":"2025-12-15T18:02:10","slug":"o-maranhao-dados-climaticos","status":"publish","type":"page","link":"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/","title":{"rendered":"O Maranh\u00e3o &#8211; Dados Clim\u00e1ticos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"884\" class=\"elementor elementor-884\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca45e07 hero-slider-target e-flex e-con-boxed e-con e-parent\" data-id=\"ca45e07\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0a7f730 e-con-full e-flex e-con e-child\" data-id=\"0a7f730\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6cf66c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a6cf66c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">O Maranh\u00e3o <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-686a3e9 e-flex e-con-boxed e-con e-parent\" data-id=\"686a3e9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e750903 e-con-full e-flex e-con e-child\" data-id=\"e750903\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-fd9a6ae e-con-full e-flex e-con e-child\" data-id=\"fd9a6ae\" data-element_type=\"container\">\n\t\t<div data-ha-element-link=\"{&quot;url&quot;:&quot;https:\\\/\\\/investema.goldenlayers.com.br\\\/index.php\\\/o-maranhao-dados-socioeconomicos&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-3454645 e-con-full boxpai e-flex elementor-invisible e-con e-child\" data-id=\"3454645\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f7c1227 e-con-full e-flex e-con e-child\" data-id=\"f7c1227\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39e7edf elementor-widget elementor-widget-image\" data-id=\"39e7edf\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"27\" height=\"35\" src=\"https:\/\/investema.goldenlayers.com.br\/wp-content\/uploads\/2025\/11\/Vector.svg\" class=\"attachment-large size-large wp-image-818\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e726b25 elementor-widget elementor-widget-heading\" data-id=\"e726b25\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dados Socio-econ\u00f4micos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ha-element-link=\"{&quot;url&quot;:&quot;https:\\\/\\\/investema.goldenlayers.com.br\\\/index.php\\\/o-maranhao-investimentos\\\/&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-000cc9b e-con-full boxpai e-flex elementor-invisible e-con e-child\" data-id=\"000cc9b\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:100}\">\n\t\t<div class=\"elementor-element elementor-element-d0d86c6 e-con-full e-flex e-con e-child\" data-id=\"d0d86c6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe6a7e5 elementor-widget elementor-widget-image\" data-id=\"fe6a7e5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"26\" height=\"14\" src=\"https:\/\/investema.goldenlayers.com.br\/wp-content\/uploads\/2025\/11\/Vector-1.svg\" class=\"attachment-large size-large wp-image-819\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0343085 elementor-widget elementor-widget-heading\" data-id=\"0343085\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Investimentos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ha-element-link=\"{&quot;url&quot;:&quot;https:\\\/\\\/investema.goldenlayers.com.br\\\/index.php\\\/o-maranhao-dados-climaticos\\\/&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-07d4b3f e-con-full boxpai e-flex elementor-invisible e-con e-child\" data-id=\"07d4b3f\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t<div class=\"elementor-element elementor-element-7bafa0f e-con-full e-flex e-con e-child\" data-id=\"7bafa0f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c798317 elementor-widget elementor-widget-image\" data-id=\"c798317\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"23\" height=\"21\" src=\"https:\/\/investema.goldenlayers.com.br\/wp-content\/uploads\/2025\/11\/Vector-2.svg\" class=\"attachment-large size-large wp-image-823\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aed2e42 elementor-widget elementor-widget-heading\" data-id=\"aed2e42\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Clima<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74a6110 e-flex e-con-boxed e-con e-parent\" data-id=\"74a6110\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-56b11da e-con-full e-flex e-con e-child\" data-id=\"56b11da\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d8f3e9 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6d8f3e9\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dados<span style=\"font-weight: 700\"> Clim\u00e1ticos<\/span>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f1d2a2 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"2f1d2a2\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>O Maranh\u00e3o apresenta um clima tropical, com um regime de chuvas bem definido, possuindo duas esta\u00e7\u00f5es: a chuvosa de janeiro a junho e a seca de julho a dezembro. Essa sazonalidade favorece a programa\u00e7\u00e3o de ciclos produtivos tanto de culturas anuais quanto perenes, al\u00e9m de facilitar o planejamento de pastagens para a pecu\u00e1ria.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b0f46a e-flex e-con-boxed e-con e-parent\" data-id=\"5b0f46a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-270cf45 elementor-widget elementor-widget-text-editor\" data-id=\"270cf45\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>O Maranh\u00e3o apresenta um clima tropical, com um regime de chuvas bem definido, possuindo duas esta\u00e7\u00f5es: a chuvosa de janeiro a junho e a seca de julho a dezembro. Essa sazonalidade favorece a programa\u00e7\u00e3o de ciclos produtivos tanto de culturas anuais quanto perenes, al\u00e9m de facilitar o planejamento de pastagens para a pecu\u00e1ria.<\/p><p>No aspecto ambiental, o Maranh\u00e3o conta com extensas \u00e1reas de terras planas ou suavemente onduladas, com um solo de m\u00e9dia a alta fertilidade em v\u00e1rias regi\u00f5es, com destaque para o cerrado maranhense, prop\u00edcio tanto para lavouras quanto para pastagens intensificadas, facilitando a mecaniza\u00e7\u00e3o agr\u00edcola e a implanta\u00e7\u00e3o de grandes projetos produtivos<\/p><p>O Maranh\u00e3o possui amplas bacias hidrogr\u00e1ficas permanentes, assegurando oferta de \u00e1gua regular para irriga\u00e7\u00e3o, dessedenta\u00e7\u00e3o de rebanhos e processamento agroindustrial &#8211; para suprir ind\u00fastrias de uso intensivo deste insumo natural..<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58280a6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"58280a6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   WIDGET: DADOS CLIM\u00c1TICOS (PREMIUM)\r\n   ========================================= *\/\r\n#climate_widget_premium {\r\n  --cor-azul-tema: #0145a8;\r\n  --cor-fundo: #ffffff;\r\n  --cor-texto-cinza: #666666;\r\n  --cor-divisor: #eeeeee;\r\n}\r\n\r\n.climate-bar {\r\n  width: 100%;\r\n  background-color: var(--cor-fundo);\r\n  border-radius: 16px;\r\n  padding: 45px 30px;\r\n  box-sizing: border-box;\r\n  font-family: \"MONTSERRAT\", sans-serif;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 35px;\r\n  border: 1px solid rgba(0,0,0,0.2);\r\n}\r\n\r\n.climate-bar:hover {\r\n  border-color: rgb(1,69,168);\r\n}\r\n\r\n\/* Cabe\u00e7alho *\/\r\n.climate-header {\r\n  text-align: center;\r\n}\r\n\r\n.climate-title {\r\n  color: var(--cor-azul-tema);\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.2px;\r\n  margin: 0;\r\n}\r\n\r\n\/* Grid *\/\r\n.climate-grid {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n}\r\n\r\n\/* Item *\/\r\n.climate-item {\r\n  flex: 1 1 180px;\r\n  text-align: center;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.climate-item:hover {\r\n  transform: translateY(-6px);\r\n}\r\n\r\n\/* \u00cdCONE \u2014 SEM FUNDO *\/\r\n.icon-wrapper {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n\/* \u00cdcones HUGE *\/\r\n.icon-wrapper i {\r\n  font-size: 46px;\r\n  color: var(--cor-azul-tema);\r\n}\r\n\r\n\/* Valor *\/\r\n.climate-value {\r\n  font-size: 32px;\r\n  font-weight: 700;\r\n  color: var(--cor-azul-tema);\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* Texto *\/\r\n.climate-label {\r\n  font-size: 13px;\r\n  color: var(--cor-texto-cinza);\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.climate-label-en {\r\n  display: block;\r\n  font-size: 12px;\r\n  color: #999;\r\n  margin-top: 4px;\r\n  font-style: italic;\r\n}\r\n\r\n\/* Divisor *\/\r\n.climate-divider {\r\n  width: 1px;\r\n  background-color: var(--cor-divisor);\r\n}\r\n\r\n\/* Responsivo *\/\r\n@media (max-width: 900px) {\r\n  .climate-divider { display: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"climate-bar\" id=\"climate_widget_premium\">\r\n  <div class=\"climate-header\">\r\n    <h3 class=\"climate-title\">Indicadores Meteorol\u00f3gicos<\/h3>\r\n  <\/div>\r\n\r\n  <div class=\"climate-grid\">\r\n\r\n    <!-- M\u00c9DIA ANUAL -->\r\n    <div class=\"climate-item\">\r\n      <div class=\"icon-wrapper\">\r\n        <i aria-hidden=\"true\" class=\"huge huge-cloud\"><\/i>\r\n      <\/div>\r\n      <div class=\"climate-value\">\r\n        <span class=\"count-climate\" data-target=\"26.1\">0<\/span> \u00baC\r\n      <\/div>\r\n      <div class=\"climate-label\">\r\n        M\u00e9dia Anual\r\n        <span class=\"climate-label-en\">Average annual<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"climate-divider\"><\/div>\r\n\r\n    <!-- M\u00cdNIMA -->\r\n    <div class=\"climate-item\">\r\n      <div class=\"icon-wrapper\">\r\n        <i aria-hidden=\"true\" class=\"huge huge-moon\"><\/i>\r\n      <\/div>\r\n      <div class=\"climate-value\">\r\n        <span class=\"count-climate\" data-target=\"20.09\">0<\/span> \u00baC\r\n      <\/div>\r\n      <div class=\"climate-label\">\r\n        M\u00ednima Anual\r\n        <span class=\"climate-label-en\">Annual minimum<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"climate-divider\"><\/div>\r\n\r\n    <!-- M\u00c1XIMA -->\r\n    <div class=\"climate-item\">\r\n      <div class=\"icon-wrapper\">\r\n        <i aria-hidden=\"true\" class=\"huge huge-sun-02\"><\/i>\r\n      <\/div>\r\n      <div class=\"climate-value\">\r\n        <span class=\"count-climate\" data-target=\"33\">0<\/span> \u00baC\r\n      <\/div>\r\n      <div class=\"climate-label\">\r\n        M\u00e1xima Anual\r\n        <span class=\"climate-label-en\">Annual maximum<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"climate-divider\"><\/div>\r\n\r\n    <!-- CHUVA -->\r\n    <div class=\"climate-item\">\r\n      <div class=\"icon-wrapper\">\r\n        <i aria-hidden=\"true\" class=\"huge huge-cloud-angled-rain\"><\/i>\r\n      <\/div>\r\n      <div class=\"climate-value\">\r\n        <span class=\"count-climate\" data-target=\"1600\">0<\/span> mm\r\n      <\/div>\r\n      <div class=\"climate-label\">\r\n        Precipita\u00e7\u00e3o\r\n        <span class=\"climate-label-en\">Average Rainfall<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  const counters = document.querySelectorAll(\".count-climate\");\r\n\r\n  const animate = el => {\r\n    const target = parseFloat(el.dataset.target);\r\n    let start = null;\r\n\r\n    const step = time => {\r\n      if (!start) start = time;\r\n      const progress = Math.min((time - start) \/ 2000, 1);\r\n      const value = progress * target;\r\n\r\n      el.innerText = target % 1\r\n        ? value.toFixed(2).replace(\".\", \",\")\r\n        : Math.floor(value).toLocaleString(\"pt-BR\");\r\n\r\n      if (progress < 1) requestAnimationFrame(step);\r\n    };\r\n\r\n    requestAnimationFrame(step);\r\n  };\r\n\r\n  const observer = new IntersectionObserver(entries => {\r\n    if (entries[0].isIntersecting) {\r\n      counters.forEach(animate);\r\n      observer.disconnect();\r\n    }\r\n  }, { threshold: 0.3 });\r\n\r\n  observer.observe(document.getElementById(\"climate_widget_premium\"));\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6611a30 elementor-widget elementor-widget-heading\" data-id=\"6611a30\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Biomas do   <b>Maranh\u00e3o<\/b> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3358adb elementor-widget elementor-widget-text-editor\" data-id=\"3358adb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>O Maranh\u00e3o \u00e9 um dos mais privilegiados do Brasil em termos de diversidade ambiental e biol\u00f3gica. Situado em uma posi\u00e7\u00e3o estrat\u00e9gica de transi\u00e7\u00e3o entre os biomas\u00a0<strong>Amaz\u00f4nia<\/strong>,\u00a0<strong>Cerrado<\/strong>\u00a0e\u00a0<strong>Caatinga<\/strong>, o Maranh\u00e3o tamb\u00e9m conta com caracter\u00edsticas \u00fanicas, como a\u00a0<strong>Mata dos Cocais<\/strong>\u00a0e vastos\u00a0<strong>manguezais<\/strong>\u00a0costeiros. Este mosaico ecol\u00f3gico n\u00e3o apenas exibe uma biodiversidade rica e singular, mas tamb\u00e9m apresenta uma ampla gama de oportunidades para alavancar\u00a0<strong>atividades econ\u00f4micas sustent\u00e1veis<\/strong>\u00a0e lucrativas.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f4667e elementor-widget elementor-widget-html\" data-id=\"9f4667e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   CARD REVEAL (DESKTOP HOVER + MOBILE SCROLL)\r\n   ========================================= *\/\r\n\r\n\/* 1. Configura\u00e7\u00e3o do Pai *\/\r\n.cad\\.pai {\r\n    position: relative;\r\n    overflow: hidden !important;\r\n    cursor: pointer;\r\n    isolation: isolate;\r\n    \/* Transi\u00e7\u00e3o suave para o gradiente e transforma\u00e7\u00f5es *\/\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n\/* 2. O Gradiente (Overlay) *\/\r\n.cad\\.pai::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1; \r\n    \r\n    \/* Gradiente: Topo 10%, Base 80% *\/\r\n    background: linear-gradient(\r\n        to bottom, \r\n        rgba(1, 69, 168, 0.1) 0%, \r\n        rgba(1, 69, 168, 0.8) 40%, \r\n        rgba(1, 69, 168, 1) 100%\r\n    );\r\n\r\n    opacity: 0; \r\n    transition: opacity 0.5s ease;\r\n    pointer-events: none; \/* Garante que o gradiente n\u00e3o bloqueie cliques *\/\r\n}\r\n\r\n\/* --- ATIVA\u00c7\u00c3O DO GRADIENTE --- *\/\r\n\/* Ativa no HOVER (Desktop) OU na Classe .is-in-viewport (Mobile) *\/\r\n.cad\\.pai:hover::before,\r\n.cad\\.pai.is-in-viewport::before {\r\n    opacity: 1;\r\n}\r\n\r\n\/* 3. Container de Informa\u00e7\u00f5es *\/\r\n.cont\\.info {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    height: 100%;\r\n    padding-bottom: 12px;\r\n    \r\n    \/* A m\u00e1gica do movimento *\/\r\n    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    transform: translateY(0); \/* Estado padr\u00e3o (ser\u00e1 alterado via JS) *\/\r\n}\r\n\r\n\/* 4. Estilos de Texto *\/\r\n.card\\.title h2 {\r\n    color: #ffffff;\r\n    margin-bottom: 10px;\r\n    text-shadow: 0 2px 4px rgba(0,0,0,0.5); \r\n}\r\n\r\n.card\\.text {\r\n    color: #ffffff;\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    \r\n    \/\/ --- CONFIGURA\u00c7\u00d5ES ---\r\n    const paddingBuffer = 30; \/\/ Quanto mais alto, mais escondido fica o t\u00edtulo inicialmente\r\n    const activeClass = 'is-in-viewport'; \/\/ Classe adicionada no mobile\r\n\r\n    \/\/ Seleciona os cards\r\n    const cards = document.querySelectorAll('.cad\\\\.pai');\r\n\r\n    \/\/ Verifica se \u00e9 mobile\r\n    const isMobile = () => window.innerWidth <= 767;\r\n\r\n    \/\/ --- L\u00d3GICA DO INTERSECTION OBSERVER (MOBILE) ---\r\n    const observerOptions = {\r\n        root: null,\r\n        \/\/ Define a \"zona de ativa\u00e7\u00e3o\" no centro da tela (-40% em cima, -40% em baixo)\r\n        rootMargin: \"-40% 0px -40% 0px\", \r\n        threshold: 0\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        \/\/ S\u00f3 executa se for mobile\r\n        if (!isMobile()) return;\r\n\r\n        entries.forEach(entry => {\r\n            const card = entry.target;\r\n            const infoContainer = card.querySelector('.cont\\\\.info');\r\n            const textWidget = card.querySelector('.card\\\\.text');\r\n\r\n            if (entry.isIntersecting) {\r\n                \/\/ Entrou no centro da tela: ABRE\r\n                card.classList.add(activeClass); \/\/ Mostra gradiente via CSS\r\n                if(infoContainer) infoContainer.style.transform = 'translateY(0)'; \/\/ Sobe texto via JS\r\n            } else {\r\n                \/\/ Saiu do centro: FECHA\r\n                card.classList.remove(activeClass);\r\n                if(infoContainer && textWidget) {\r\n                    \/\/ Recalcula altura para fechar\r\n                    const textHeight = textWidget.offsetHeight;\r\n                    infoContainer.style.transform = `translateY(${textHeight + paddingBuffer}px)`;\r\n                }\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n\r\n    \/\/ --- INICIALIZA\u00c7\u00c3O DOS CARDS ---\r\n    cards.forEach(card => {\r\n        const infoContainer = card.querySelector('.cont\\\\.info');\r\n        const textWidget = card.querySelector('.card\\\\.text');\r\n\r\n        if (!infoContainer || !textWidget) return;\r\n\r\n        \/\/ Fun\u00e7\u00f5es reutiliz\u00e1veis\r\n        const openCard = () => {\r\n            infoContainer.style.transform = 'translateY(0)';\r\n        };\r\n\r\n        const closeCard = () => {\r\n            const textHeight = textWidget.offsetHeight;\r\n            infoContainer.style.transform = `translateY(${textHeight + paddingBuffer}px)`;\r\n        };\r\n\r\n        \/\/ 1. Define posi\u00e7\u00e3o inicial (fechado)\r\n        const setInitialPosition = () => {\r\n            \/\/ Se estiver no mobile e j\u00e1 estiver ativo (viewport), n\u00e3o fecha\r\n            if (isMobile() && card.classList.contains(activeClass)) return;\r\n            closeCard();\r\n        };\r\n\r\n        \/\/ Aguarda renderiza\u00e7\u00e3o para calcular altura\r\n        setTimeout(setInitialPosition, 100);\r\n        window.addEventListener('resize', () => {\r\n            \/\/ Se redimensionar e virar desktop, remove classe mobile\r\n            if (!isMobile()) card.classList.remove(activeClass);\r\n            setInitialPosition();\r\n        });\r\n\r\n        \/\/ 2. EVENTOS DE MOUSE (DESKTOP)\r\n        card.addEventListener('mouseenter', openCard);\r\n        card.addEventListener('mouseleave', closeCard);\r\n\r\n        \/\/ 3. EVENTOS DE SCROLL (MOBILE)\r\n        observer.observe(card);\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd29e21 e-con-full e-grid e-con e-child\" data-id=\"fd29e21\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1be60ff e-con-full cad.pai e-flex e-con e-child\" data-id=\"1be60ff\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-bb61532 e-con-full cont.info e-flex e-con e-child\" data-id=\"bb61532\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b34d7e1 card.title elementor-widget elementor-widget-heading\" data-id=\"b34d7e1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bioma Amaz\u00f4nico\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-751f6a2 card.text elementor-widget elementor-widget-text-editor\" data-id=\"751f6a2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Localizado na por\u00e7\u00e3o norte e noroeste do Maranh\u00e3o, ocupando cerca de 1\/3 do estado, \u00e9 a ponta de um dos maiores reservat\u00f3rios de biodiversidade do planeta. O clima equatorial \u00famido favorece florestas densas e recursos naturais em abund\u00e2ncia, criando oportunidades de uso sustent\u00e1vel dos ativos regionais.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-358089e e-con-full cad.pai e-flex e-con e-child\" data-id=\"358089e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5fe38ad e-con-full cont.info e-flex e-con e-child\" data-id=\"5fe38ad\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77ddec3 card.title elementor-widget elementor-widget-heading\" data-id=\"77ddec3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bioma Cerrado<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80ad775 card.text elementor-widget elementor-widget-text-editor\" data-id=\"80ad775\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>O Cerrado domina boa parte do centro e sul do Maranh\u00e3o e \u00e9 um dos biomas mais produtivos no Brasil. Conhecido como o &#8220;ber\u00e7o das \u00e1guas&#8221;, \u00e9 uma \u00e1rea de significativo potencial h\u00eddrico, com rios perenes que favorecem projetos de larga escala.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33989b5 e-con-full cad.pai e-flex e-con e-child\" data-id=\"33989b5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-21c028c e-con-full cont.info e-flex e-con e-child\" data-id=\"21c028c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70473ec card.title elementor-widget elementor-widget-heading\" data-id=\"70473ec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Caatinga<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd862dd card.text elementor-widget elementor-widget-text-editor\" data-id=\"bd862dd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Presente no leste do Maranh\u00e3o, nas \u00e1reas de transi\u00e7\u00e3o com o Cerrado, a Caatinga \u00e9 caracterizada por clima semi\u00e1rido e vegeta\u00e7\u00e3o resistente. Sua singularidade biol\u00f3gica abre espa\u00e7o para neg\u00f3cios focados em peculiaridades regionais e sustentabilidade.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75506f1 e-con-full cad.pai e-flex e-con e-child\" data-id=\"75506f1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-30e3780 e-con-full cont.info e-flex e-con e-child\" data-id=\"30e3780\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2765fac card.title elementor-widget elementor-widget-heading\" data-id=\"2765fac\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Regi\u00e3o Costeira e Manguezais<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f0c665 card.text elementor-widget elementor-widget-text-editor\" data-id=\"2f0c665\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>O Maranh\u00e3o possui vastos manguezais costeiros, principalmente ao longo do litoral norte. Esses ecossistemas est\u00e3o entre os mais produtivos do mundo, servindo de ber\u00e7\u00e1rio para in\u00fameras esp\u00e9cies aqu\u00e1ticas e protegendo as \u00e1reas costeiras da eros\u00e3o.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99985c3 elementor-widget elementor-widget-text-editor\" data-id=\"99985c3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Confira os potenciais econ\u00f4micos e oportunidades estrat\u00e9gicas de investimento em cada um dos biomas do Maranh\u00e3o.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-654eddc e-flex e-con-boxed e-con e-parent\" data-id=\"654eddc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cbeb24 elementor-widget elementor-widget-heading\" data-id=\"5cbeb24\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><b>Hidrografia<\/b> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a37cd26 elementor-widget elementor-widget-text-editor\" data-id=\"a37cd26\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>O Maranh\u00e3o, possui um dos sistemas hidrogr\u00e1ficos mais complexos e ricos do Brasil, sendo privilegiado em recursos h\u00eddricos. Banhado por grandes rios, extensas bacias hidrogr\u00e1ficas e \u00e1reas de transi\u00e7\u00e3o entre diversos biomas, o estado \u00e9 reconhecido por ser um verdadeiro &#8220;celeiro de \u00e1guas&#8221;.<\/p><p>Sua riqueza hidrogr\u00e1fica n\u00e3o se limita \u00e0 abund\u00e2ncia dos recursos naturais, mas se traduz em um grande potencial econ\u00f4mico para diversos setores estrat\u00e9gicos, como energia, agroneg\u00f3cio, pesca e turismo. O estado \u00e9 atravessado por importantes bacias hidrogr\u00e1ficas, veja abaixo as 5 principais.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfa4659 e-con-full e-grid e-con e-child\" data-id=\"cfa4659\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-59d7701 e-con-full cad.pai e-flex e-con e-child\" data-id=\"59d7701\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5da2af9 e-con-full cont.info e-flex e-con e-child\" data-id=\"5da2af9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ecc58d card.title elementor-widget elementor-widget-heading\" data-id=\"6ecc58d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bacia do Rio Parna\u00edba<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28916a3 card.text elementor-widget elementor-widget-text-editor\" data-id=\"28916a3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Situada<strong>\u00a0<\/strong>na por\u00e7\u00e3o leste do estado, dividindo o Maranh\u00e3o do Piau\u00ed, \u00e9 considerada uma das bacias mais extensas do Nordeste brasileiro.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13be4ca e-con-full cad.pai e-flex e-con e-child\" data-id=\"13be4ca\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4544a8f e-con-full cont.info e-flex e-con e-child\" data-id=\"4544a8f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f7c1a7 card.title elementor-widget elementor-widget-heading\" data-id=\"6f7c1a7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bacia do Rio Mearim<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e31806 card.text elementor-widget elementor-widget-text-editor\" data-id=\"1e31806\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Cobre boa parte do centro do estado, caracterizada por apresentar um regime de cheias sazonais e grande relev\u00e2ncia para o agroneg\u00f3cio.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36818e8 e-con-full cad.pai e-flex e-con e-child\" data-id=\"36818e8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3770cc3 e-con-full cont.info e-flex e-con e-child\" data-id=\"3770cc3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1019b02 card.title elementor-widget elementor-widget-heading\" data-id=\"1019b02\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bacia do Rio Itapecuru<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a93167 card.text elementor-widget elementor-widget-text-editor\" data-id=\"1a93167\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Abrangendo o centro-norte do Maranh\u00e3o, \u00e9 uma das bacias mais importantes do Estado, sendo o principal fornecedor de \u00e1gua para atividades urbanas e industriais, incluindo a capital S\u00e3o Lu\u00eds.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42060c9 e-con-full cad.pai e-flex e-con e-child\" data-id=\"42060c9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f9ffcd4 e-con-full cont.info e-flex e-con e-child\" data-id=\"f9ffcd4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74b5f59 card.title elementor-widget elementor-widget-heading\" data-id=\"74b5f59\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bacia do Rio Tocantins<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53828bb card.text elementor-widget elementor-widget-text-editor\" data-id=\"53828bb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Encontra-se na regi\u00e3o sul do estado integrando-se com as maiores bacias hidrogr\u00e1ficas do Brasil e com grande potencial para gera\u00e7\u00e3o de energia.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e68d32 e-con-full cad.pai e-flex e-con e-child\" data-id=\"8e68d32\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-fa20f75 e-con-full cont.info e-flex e-con e-child\" data-id=\"fa20f75\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ca22a9 card.title elementor-widget elementor-widget-heading\" data-id=\"3ca22a9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Manguezais e \u00c1reas Costeiras<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35b909e card.text elementor-widget elementor-widget-text-editor\" data-id=\"35b909e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Compreende todo o litoral maranhense, como na Ba\u00eda de S\u00e3o Marcos e regi\u00e3o dos Len\u00e7\u00f3is Maranhenses, sendo uma \u00e1rea cheia de reentr\u00e2ncias e rica para a fauna mar\u00edtima.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a379488 e-flex e-con-boxed e-con e-parent\" data-id=\"a379488\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a4d80a elementor-widget elementor-widget-heading\" data-id=\"0a4d80a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><b>Geologia<\/b> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89f4550 elementor-widget elementor-widget-text-editor\" data-id=\"89f4550\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>O Maranh\u00e3o apresenta caracter\u00edsticas geol\u00f3gicas que n\u00e3o apenas moldam sua paisagem, mas tamb\u00e9m representam um\u00a0<strong>potencial econ\u00f4mico estrat\u00e9gico e diversificado<\/strong>. Com vastas forma\u00e7\u00f5es rochosas, recursos minerais, solos ricos e reservas subterr\u00e2neas promissoras, o estado possui oportunidades que abrangem os setores de minera\u00e7\u00e3o, constru\u00e7\u00e3o civil, agroneg\u00f3cio e energia.<\/p><p>A geologia do Maranh\u00e3o \u00e9 composta por uma diversidade de forma\u00e7\u00f5es geol\u00f3gicas que incluem:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cab6b03 e-grid e-con-full e-con e-child\" data-id=\"cab6b03\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3fca089 e-con-full e-flex e-con e-child\" data-id=\"3fca089\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed348e6 e-transform elementor-widget elementor-widget-heading\" data-id=\"ed348e6\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><strong style=\"font-size: 20px\">Escudos Cristalinos<\/strong><br><br><span style=\"font-size: 16px\">Localizados no sudoeste do estado, s\u00e3o compostos por rochas pr\u00e9-cambrianas que possuem riquezas minerais, como ferro, mangan\u00eas e ouro.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acf743e e-con-full e-flex e-con e-child\" data-id=\"acf743e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f703669 e-transform elementor-widget elementor-widget-heading\" data-id=\"f703669\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"font-size: 20px\"><b>Bacias Sedimentares<\/b><\/span><br><br><span style=\"font-size: 16px\">As Bacias do Parna\u00edba e de S\u00e3o Lu\u00eds est\u00e3o entre as mais relevantes, abrigando reservas de g\u00e1s natural e recursos minerais como calc\u00e1rio e argila.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3490ed4 e-con-full e-flex e-con e-child\" data-id=\"3490ed4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-043eb68 e-transform elementor-widget elementor-widget-heading\" data-id=\"043eb68\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"font-size: 20px\"><b>Cobertura de Solos <br>Ferrosos e Rochosos<\/b><\/span><b style=\"font-size: 20px\"> <\/b><br><br><span style=\"font-size: 16px\">Solos ricos em laterita (contendo ferro e mangan\u00eas), amplamente utilizados na constru\u00e7\u00e3o civil e na fabrica\u00e7\u00e3o de cimento.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6264b50 e-flex e-con-boxed e-con e-parent\" data-id=\"6264b50\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-274b9dc elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"274b9dc\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">INFRAESTRUTURA <b> LOG\u00cdSTICA\n<\/b> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab0153d elementor-widget elementor-widget-text-editor\" data-id=\"ab0153d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Estrategicamente bem localizado, o Estado do Maranh\u00e3o possui um completo modal log\u00edstico, formado por sistema portu\u00e1rio, ferrovi\u00e1rio e rodovi\u00e1rio, tornando-se\u00a0<strong>o ponto focal para opera\u00e7\u00f5es de com\u00e9rcio exterior e para suprimento da demanda regional do arco norte brasileiro.<\/strong>\u00a0A localiza\u00e7\u00e3o geogr\u00e1fica privilegiada e a infraestrutura de transportes permitem a distribui\u00e7\u00e3o eficiente de produtos, tanto no mercado interno quanto no mercado internacional.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d8ae7 elementor-widget elementor-widget-html\" data-id=\"e2d8ae7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap');\r\n\r\n\/* =========================================\r\n   WIDGET: INFRAESTRUTURA PORTU\u00c1RIA\r\n   ========================================= *\/\r\n#port_widget {\r\n  \/* PALETA DE CORES *\/\r\n  --cor-fundo: #0145a8;\r\n  --cor-texto: #ffffff;\r\n  --cor-destaque: #ffffff; \/* Ciano para os gr\u00e1ficos *\/\r\n  --cor-circulo-fundo: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.port-container {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  background-color: var(--cor-fundo);\r\n  color: var(--cor-texto);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  font-family: \"Roboto\", sans-serif;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* --- COLUNA DA ESQUERDA: TEXTO --- *\/\r\n.port-text-col {\r\n  flex: 1 1 450px; \/* Ocupa espa\u00e7o, min 450px *\/\r\n  padding: 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.port-title {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  margin-bottom: 20px;\r\n  color: var(--cor-texto);\r\n  border-left: 4px solid var(--cor-destaque);\r\n  padding-left: 16px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.port-description {\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  opacity: 0.9;\r\n  font-weight: 300;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.port-highlight {\r\n  color: var(--cor-destaque);\r\n  font-weight: 700;\r\n}\r\n\r\n\/* --- COLUNA DA DIREITA: GR\u00c1FICOS --- *\/\r\n.port-stats-col {\r\n  flex: 1 1 300px;\r\n  background-color: rgba(0, 0, 0, 0.1); \/* Fundo levemente mais escuro *\/\r\n  padding: 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 30px;\r\n}\r\n\r\n\/* Item do Gr\u00e1fico *\/\r\n.stat-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n}\r\n\r\n\/* O C\u00edrculo SVG *\/\r\n.chart-wrapper {\r\n  position: relative;\r\n  width: 80px;\r\n  height: 80px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.chart-svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  transform: rotate(-90deg); \/* Come\u00e7a do topo *\/\r\n}\r\n\r\n.circle-bg {\r\n  fill: none;\r\n  stroke: var(--cor-circulo-fundo);\r\n  stroke-width: 8;\r\n}\r\n\r\n.circle-fill {\r\n  fill: none;\r\n  stroke: var(--cor-destaque);\r\n  stroke-width: 8;\r\n  stroke-linecap: round;\r\n  stroke-dasharray: 226; \/* Circunfer\u00eancia aprox para r=36 (2*pi*36) *\/\r\n  stroke-dashoffset: 226; \/* Come\u00e7a vazio *\/\r\n  transition: stroke-dashoffset 2s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n\/* \u00cdcone no centro do gr\u00e1fico *\/\r\n.chart-icon {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 24px;\r\n  height: 24px;\r\n  fill: #fff;\r\n}\r\n\r\n\/* Texto dos Dados *\/\r\n.stat-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.stat-number {\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: var(--cor-texto);\r\n}\r\n\r\n.stat-label {\r\n  font-size: 14px;\r\n  opacity: 0.8;\r\n  margin-top: 4px;\r\n}\r\n\r\n\/* Anima\u00e7\u00e3o *\/\r\n.animate-port .circle-fill-1 { stroke-dashoffset: 34; }  \/* ~85% cheio *\/\r\n.animate-port .circle-fill-2 { stroke-dashoffset: 68; }  \/* ~70% cheio *\/\r\n.animate-port .circle-fill-3 { stroke-dashoffset: 22; }  \/* ~90% cheio *\/\r\n\r\n\/* Responsividade *\/\r\n@media (max-width: 768px) {\r\n  .port-container {\r\n    flex-direction: column;\r\n  }\r\n  .port-text-col, .port-stats-col {\r\n    padding: 30px 24px;\r\n  }\r\n  .port-title {\r\n    font-size: 24px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"port-container\" id=\"port_widget\">\r\n  \r\n  <div class=\"port-text-col\">\r\n    <h2 class=\"port-title\">Infraestrutura Portu\u00e1ria<\/h2>\r\n    \r\n    <div class=\"port-description\">\r\n      <p>O Maranh\u00e3o possui um dos modais mais estrat\u00e9gicos do Brasil. Com localiza\u00e7\u00e3o privilegiada, seus portos destacam-se pela movimenta\u00e7\u00e3o de cargas como gr\u00e3os, min\u00e9rios e combust\u00edveis, sendo crucial para a economia nacional.<\/p>\r\n      \r\n      <p>O <span class=\"port-highlight\">Complexo Portu\u00e1rio do Itaqui<\/span> (Itaqui, Ponta da Madeira e Alumar) destaca-se pela alta efici\u00eancia e capacidade de expans\u00e3o, al\u00e9m de projetos greenfield em desenvolvimento na ba\u00eda de S\u00e3o Marcos.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"port-stats-col\">\r\n    \r\n    <div class=\"stat-item\">\r\n      <div class=\"chart-wrapper\">\r\n        <svg class=\"chart-svg\" viewBox=\"0 0 80 80\">\r\n          <circle class=\"circle-bg\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n          <circle class=\"circle-fill circle-fill-1\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n        <\/svg>\r\n        <svg class=\"chart-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 3L2 12h3v8h14v-8h3L12 3zm0 13c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"stat-info\">\r\n        <span class=\"stat-number\"><span class=\"count-up\" data-target=\"40\">0<\/span> Milh\u00f5es<\/span>\r\n        <span class=\"stat-label\">Toneladas movimentadas\/ano<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"stat-item\">\r\n      <div class=\"chart-wrapper\">\r\n        <svg class=\"chart-svg\" viewBox=\"0 0 80 80\">\r\n          <circle class=\"circle-bg\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n          <circle class=\"circle-fill circle-fill-2\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n        <\/svg>\r\n        <svg class=\"chart-icon\" viewBox=\"0 0 24 24\"><path d=\"M20 21c-1.39 0-2.78-.47-4-1.32-2.44 1.71-5.56 1.71-8 0C6.78 20.53 5.39 21 4 21H2v2h2c1.38 0 2.74-.35 4-.99 2.52 1.29 5.48 1.29 8 0 1.26.65 2.62.99 4 .99h2v-2h-2zM3.95 19H4c1.6 0 3.02-.88 4-2 .98 1.12 2.4 2 4 2s3.02-.88 4-2c.98 1.12 2.4 2 4 2h.05l1.89-6.68c.08-.26.06-.54-.06-.78s-.34-.42-.6-.5L20 10.62V6c0-1.1-.9-2-2-2h-3V1H9v3H6c-1.1 0-2 .9-2 2v4.62l-1.28.42c-.26.08-.48.26-.6.5s-.15.52-.06.78L3.95 19z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"stat-info\">\r\n        <span class=\"stat-number\">+<span class=\"count-up\" data-target=\"1000\">0<\/span><\/span>\r\n        <span class=\"stat-label\">Embarca\u00e7\u00f5es anuais<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"stat-item\">\r\n      <div class=\"chart-wrapper\">\r\n        <svg class=\"chart-svg\" viewBox=\"0 0 80 80\">\r\n          <circle class=\"circle-bg\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n          <circle class=\"circle-fill circle-fill-3\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n        <\/svg>\r\n        <svg class=\"chart-icon\" viewBox=\"0 0 24 24\"><path d=\"M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"stat-info\">\r\n        <span class=\"stat-number\"><span class=\"count-up\" data-target=\"243\">0<\/span> Mi de m\u00b2<\/span>\r\n        <span class=\"stat-label\">\u00c1rea de fundeio natural<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const widget = document.getElementById(\"port_widget\");\r\n  const counters = widget.querySelectorAll('.count-up');\r\n  \r\n  \/\/ Fun\u00e7\u00e3o para animar n\u00fameros\r\n  const animateCount = (el) => {\r\n    const target = +el.getAttribute('data-target');\r\n    const duration = 2000; \/\/ 2 segundos\r\n    const increment = target \/ (duration \/ 16); \/\/ 60fps\r\n    \r\n    let current = 0;\r\n    \r\n    const updateCount = () => {\r\n      current += increment;\r\n      if (current < target) {\r\n        el.innerText = Math.ceil(current).toLocaleString('pt-BR');\r\n        requestAnimationFrame(updateCount);\r\n      } else {\r\n        el.innerText = target.toLocaleString('pt-BR');\r\n      }\r\n    };\r\n    updateCount();\r\n  };\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        \/\/ Ativa anima\u00e7\u00e3o CSS dos c\u00edrculos\r\n        widget.classList.add(\"animate-port\");\r\n        \r\n        \/\/ Ativa anima\u00e7\u00e3o JS dos n\u00fameros\r\n        counters.forEach(counter => animateCount(counter));\r\n        \r\n        observer.disconnect();\r\n      }\r\n    });\r\n  }, { threshold: 0.4 });\r\n\r\n  observer.observe(widget);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd14618 elementor-widget elementor-widget-html\" data-id=\"bd14618\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap');\r\n\r\n\/* =========================================\r\n   WIDGET: INFRAESTRUTURA FERROVI\u00c1RIA\r\n   ========================================= *\/\r\n#rail_widget {\r\n  \/* PALETA DE CORES (A mesma do anterior) *\/\r\n  --cor-fundo: #0145a8;\r\n  --cor-texto: #ffffff;\r\n  --cor-destaque: #ffffff; \r\n  --cor-circulo-fundo: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n\/* Reutilizando a estrutura flexbox do container *\/\r\n.rail-container {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  background-color: var(--cor-fundo);\r\n  color: var(--cor-texto);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  font-family: \"Roboto\", sans-serif;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* --- COLUNA DA ESQUERDA: TEXTO --- *\/\r\n.rail-text-col {\r\n  flex: 1 1 450px;\r\n  padding: 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.rail-title {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  margin-bottom: 20px;\r\n  color: var(--cor-texto);\r\n  border-left: 4px solid var(--cor-destaque);\r\n  padding-left: 16px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.rail-description {\r\n  font-size: 15px; \/* Levemente menor pois o texto \u00e9 longo *\/\r\n  line-height: 1.6;\r\n  opacity: 0.9;\r\n  font-weight: 300;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.rail-highlight {\r\n  color: var(--cor-destaque);\r\n  font-weight: 700;\r\n}\r\n\r\n\/* --- COLUNA DA DIREITA: GR\u00c1FICOS --- *\/\r\n.rail-stats-col {\r\n  flex: 1 1 300px;\r\n  background-color: rgba(0, 0, 0, 0.1); \/* Fundo sutilmente mais escuro *\/\r\n  padding: 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 30px;\r\n}\r\n\r\n.stat-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n}\r\n\r\n.chart-wrapper {\r\n  position: relative;\r\n  width: 80px;\r\n  height: 80px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.chart-svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  transform: rotate(-90deg);\r\n}\r\n\r\n.circle-bg {\r\n  fill: none;\r\n  stroke: var(--cor-circulo-fundo);\r\n  stroke-width: 8;\r\n}\r\n\r\n.circle-fill-rail {\r\n  fill: none;\r\n  stroke: var(--cor-destaque);\r\n  stroke-width: 8;\r\n  stroke-linecap: round;\r\n  stroke-dasharray: 226;\r\n  stroke-dashoffset: 226;\r\n  transition: stroke-dashoffset 2s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.chart-icon {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 24px;\r\n  height: 24px;\r\n  fill: #fff;\r\n}\r\n\r\n.stat-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.stat-number {\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: var(--cor-texto);\r\n}\r\n\r\n.stat-label {\r\n  font-size: 14px;\r\n  opacity: 0.8;\r\n  margin-top: 4px;\r\n}\r\n\r\n\/* Anima\u00e7\u00e3o Espec\u00edfica deste Widget *\/\r\n.animate-rail .cf-rail-1 { stroke-dashoffset: 68; } \/* ~70% *\/\r\n.animate-rail .cf-rail-2 { stroke-dashoffset: 22; } \/* ~90% *\/\r\n.animate-rail .cf-rail-3 { stroke-dashoffset: 45; } \/* ~80% *\/\r\n\r\n@media (max-width: 768px) {\r\n  .rail-container { flex-direction: column; }\r\n  .rail-text-col, .rail-stats-col { padding: 30px 24px; }\r\n  .rail-title { font-size: 24px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"rail-container\" id=\"rail_widget\">\r\n  \r\n  <div class=\"rail-text-col\">\r\n    <h2 class=\"rail-title\">Ferrovi\u00e1rio<\/h2>\r\n    \r\n    <div class=\"rail-description\">\r\n      <p>O Maranh\u00e3o possui infraestrutura ferrovi\u00e1ria robusta de relev\u00e2ncia nacional, composta por <span class=\"rail-highlight\">tr\u00eas grandes ferrovias<\/span> (Caraj\u00e1s, Norte-Sul e Transnordestina) que escoam commodities para mercados globais.<\/p>\r\n      \r\n      <p>A <strong>Estrada de Ferro Caraj\u00e1s<\/strong> (Vale) movimenta min\u00e9rio e passageiros. A <strong>Ferrovia Norte-Sul<\/strong> (VLI\/Rumo) \u00e9 a espinha dorsal log\u00edstica do pa\u00eds. J\u00e1 a <strong>Transnordestina<\/strong> conecta o estado ao restante do Nordeste.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"rail-stats-col\">\r\n    \r\n    <div class=\"stat-item\">\r\n      <div class=\"chart-wrapper\">\r\n        <svg class=\"chart-svg\" viewBox=\"0 0 80 80\">\r\n          <circle class=\"circle-bg\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n          <circle class=\"circle-fill-rail cf-rail-1\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n        <\/svg>\r\n        <svg class=\"chart-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"stat-info\">\r\n        <span class=\"stat-number\"><span class=\"count-rail\" data-target=\"3\">0<\/span> Grandes Eixos<\/span>\r\n        <span class=\"stat-label\">Ferrovias Estruturantes<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"stat-item\">\r\n      <div class=\"chart-wrapper\">\r\n        <svg class=\"chart-svg\" viewBox=\"0 0 80 80\">\r\n          <circle class=\"circle-bg\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n          <circle class=\"circle-fill-rail cf-rail-2\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n        <\/svg>\r\n        <svg class=\"chart-icon\" viewBox=\"0 0 24 24\"><path d=\"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"stat-info\">\r\n        <span class=\"stat-number\">+<span class=\"count-rail\" data-target=\"120\">0<\/span> Milh\u00f5es<\/span>\r\n        <span class=\"stat-label\">Toneladas\/ano (EFC)<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"stat-item\">\r\n      <div class=\"chart-wrapper\">\r\n        <svg class=\"chart-svg\" viewBox=\"0 0 80 80\">\r\n          <circle class=\"circle-bg\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n          <circle class=\"circle-fill-rail cf-rail-3\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n        <\/svg>\r\n        <svg class=\"chart-icon\" viewBox=\"0 0 24 24\"><path d=\"M13.5 2c-5.62 0-10.21 4.43-10.49 10h1.53c.26-4.72 4.19-8.5 9-8.5s8.74 3.78 9 8.5h1.53c-.28-5.57-4.87-10-10.49-10zM17 12c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0 8.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5zM2 17h8v-2H2v2zm-1 4h8v-2H1v2z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"stat-info\">\r\n        <span class=\"stat-number\"><span class=\"count-rail\" data-target=\"4155\">0<\/span> km<\/span>\r\n        <span class=\"stat-label\">Extens\u00e3o Total (FNS)<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const widget = document.getElementById(\"rail_widget\");\r\n  const counters = widget.querySelectorAll('.count-rail');\r\n  \r\n  \/\/ Fun\u00e7\u00e3o para animar n\u00fameros (Reutilizada com l\u00f3gica isolada)\r\n  const animateCount = (el) => {\r\n    const target = +el.getAttribute('data-target');\r\n    const duration = 2000; \r\n    const increment = target \/ (duration \/ 16); \r\n    \r\n    let current = 0;\r\n    \r\n    const updateCount = () => {\r\n      current += increment;\r\n      if (current < target) {\r\n        \/\/ Usa Math.floor para n\u00fameros inteiros limpos\r\n        el.innerText = Math.floor(current).toLocaleString('pt-BR');\r\n        requestAnimationFrame(updateCount);\r\n      } else {\r\n        el.innerText = target.toLocaleString('pt-BR');\r\n      }\r\n    };\r\n    updateCount();\r\n  };\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        widget.classList.add(\"animate-rail\");\r\n        counters.forEach(counter => animateCount(counter));\r\n        observer.disconnect();\r\n      }\r\n    });\r\n  }, { threshold: 0.4 });\r\n\r\n  observer.observe(widget);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7486815 elementor-widget elementor-widget-html\" data-id=\"7486815\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap');\r\n\r\n\/* =========================================\r\n   WIDGET: INFRAESTRUTURA RODOVI\u00c1RIA\r\n   ========================================= *\/\r\n#road_widget {\r\n  \/* PALETA DE CORES (Padr\u00e3o mantido) *\/\r\n  --cor-fundo: #0145a8;\r\n  --cor-texto: #ffffff;\r\n  --cor-destaque: #ffffff; \r\n  --cor-circulo-fundo: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.road-container {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  background-color: var(--cor-fundo);\r\n  color: var(--cor-texto);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  font-family: \"Roboto\", sans-serif;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* --- COLUNA TEXTO --- *\/\r\n.road-text-col {\r\n  flex: 1 1 450px;\r\n  padding: 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.road-title {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  margin-bottom: 20px;\r\n  color: var(--cor-texto);\r\n  border-left: 4px solid var(--cor-destaque);\r\n  padding-left: 16px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.road-description {\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  opacity: 0.9;\r\n  font-weight: 300;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.road-highlight {\r\n  color: var(--cor-destaque);\r\n  font-weight: 700;\r\n}\r\n\r\n\/* --- COLUNA GR\u00c1FICOS --- *\/\r\n.road-stats-col {\r\n  flex: 1 1 300px;\r\n  background-color: rgba(0, 0, 0, 0.1);\r\n  padding: 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 30px;\r\n}\r\n\r\n.stat-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n}\r\n\r\n.chart-wrapper {\r\n  position: relative;\r\n  width: 80px;\r\n  height: 80px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.chart-svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  transform: rotate(-90deg);\r\n}\r\n\r\n.circle-bg {\r\n  fill: none;\r\n  stroke: var(--cor-circulo-fundo);\r\n  stroke-width: 8;\r\n}\r\n\r\n.circle-fill-road {\r\n  fill: none;\r\n  stroke: var(--cor-destaque);\r\n  stroke-width: 8;\r\n  stroke-linecap: round;\r\n  stroke-dasharray: 226;\r\n  stroke-dashoffset: 226;\r\n  transition: stroke-dashoffset 2s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.chart-icon {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 24px;\r\n  height: 24px;\r\n  fill: #fff;\r\n}\r\n\r\n.stat-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.stat-number {\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: var(--cor-texto);\r\n}\r\n\r\n.stat-label {\r\n  font-size: 14px;\r\n  opacity: 0.8;\r\n  margin-top: 4px;\r\n}\r\n\r\n\/* Anima\u00e7\u00e3o dos c\u00edrculos (Valores est\u00e9ticos) *\/\r\n.animate-road .cf-road-1 { stroke-dashoffset: 45; } \/* Federal ~80% *\/\r\n.animate-road .cf-road-2 { stroke-dashoffset: 30; } \/* Estadual ~85% *\/\r\n.animate-road .cf-road-3 { stroke-dashoffset: 10; } \/* Municipal ~95% *\/\r\n\r\n@media (max-width: 768px) {\r\n  .road-container { flex-direction: column; }\r\n  .road-text-col, .road-stats-col { padding: 30px 24px; }\r\n  .road-title { font-size: 24px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"road-container\" id=\"road_widget\">\r\n  \r\n  <div class=\"road-text-col\">\r\n    <h2 class=\"road-title\">Rodovi\u00e1rio<\/h2>\r\n    \r\n    <div class=\"road-description\">\r\n      <p>A malha rodovi\u00e1ria do Maranh\u00e3o, com cerca de <span class=\"road-highlight\">53 mil km<\/span>, \u00e9 essencial para a integra\u00e7\u00e3o log\u00edstica e o escoamento da produ\u00e7\u00e3o agr\u00edcola e industrial, conectando as diversas regi\u00f5es do estado ao Brasil.<\/p>\r\n      \r\n      <p>Dividida entre esferas federais (transporte de longa dist\u00e2ncia), estaduais (conex\u00e3o regional) e municipais, a infraestrutura \u00e9 ponto central no <strong>Plano Nacional de Log\u00edstica (PNL)<\/strong>, com projetos de moderniza\u00e7\u00e3o previstos at\u00e9 2035.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"road-stats-col\">\r\n    \r\n    <div class=\"stat-item\">\r\n      <div class=\"chart-wrapper\">\r\n        <svg class=\"chart-svg\" viewBox=\"0 0 80 80\">\r\n          <circle class=\"circle-bg\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n          <circle class=\"circle-fill-road cf-road-1\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n        <\/svg>\r\n        <svg class=\"chart-icon\" viewBox=\"0 0 24 24\"><path d=\"M18 19.22c-.67.33-1.42.52-2.22.52-2.29 0-4.26-1.52-4.89-3.64l-1.01-3.6 2.05-6.79c.54-1.79 2.19-3.05 4.07-3.05 2.36 0 4.28 1.92 4.28 4.28 0 1.5-.78 2.82-1.96 3.6l-.32.22-2.6 8.52c.67-.13 1.34-.37 1.95-.69L18 19.22zM4 22h16v-2H4v2zm2.08-5.3l1.87-6.91-1.63-5.26C6.01 4.27 5.56 4 5.08 4 3.93 4 3 4.93 3 6.08c0 .87.53 1.61 1.28 1.94l1.8 5.68z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"stat-info\">\r\n        <span class=\"stat-number\"><span class=\"count-road\" data-target=\"3.4\">0<\/span> Mil km<\/span>\r\n        <span class=\"stat-label\">Rodovias Federais<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"stat-item\">\r\n      <div class=\"chart-wrapper\">\r\n        <svg class=\"chart-svg\" viewBox=\"0 0 80 80\">\r\n          <circle class=\"circle-bg\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n          <circle class=\"circle-fill-road cf-road-2\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n        <\/svg>\r\n        <svg class=\"chart-icon\" viewBox=\"0 0 24 24\"><path d=\"M15 19l-6-2.11V5l6 2.11V19zM20.5 3c-.28 0-.5.22-.5.5v16.52c0 .23-.15.41-.36.48l-5.64 1.9L8 20.28 1.66 22.4c-.21.07-.36-.11-.36-.32V5.5c0-.28.22-.5.5-.5l.16.03L8 7.1l6-2.11 5.64 1.9c.21.07.36-.11.36-.32V3.5c0-.28.22-.5.5-.5z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"stat-info\">\r\n        <span class=\"stat-number\">+<span class=\"count-road\" data-target=\"5\">0<\/span> Mil km<\/span>\r\n        <span class=\"stat-label\">Rodovias Estaduais<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"stat-item\">\r\n      <div class=\"chart-wrapper\">\r\n        <svg class=\"chart-svg\" viewBox=\"0 0 80 80\">\r\n          <circle class=\"circle-bg\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n          <circle class=\"circle-fill-road cf-road-3\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n        <\/svg>\r\n        <svg class=\"chart-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"stat-info\">\r\n        <span class=\"stat-number\">+<span class=\"count-road\" data-target=\"44\">0<\/span> Mil km<\/span>\r\n        <span class=\"stat-label\">Vias Municipais<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const widget = document.getElementById(\"road_widget\");\r\n  const counters = widget.querySelectorAll('.count-road');\r\n  \r\n  const animateCount = (el) => {\r\n    \/\/ Detecta se \u00e9 float (tem ponto) ou inteiro\r\n    const targetStr = el.getAttribute('data-target');\r\n    const isFloat = targetStr.includes('.');\r\n    const target = parseFloat(targetStr);\r\n    \r\n    const duration = 2000; \r\n    const increment = target \/ (duration \/ 16); \r\n    \r\n    let current = 0;\r\n    \r\n    const updateCount = () => {\r\n      current += increment;\r\n      if (current < target) {\r\n        \/\/ Formata\u00e7\u00e3o condicional (com ou sem casa decimal)\r\n        if(isFloat) {\r\n           el.innerText = current.toFixed(1).replace('.', ',');\r\n        } else {\r\n           el.innerText = Math.floor(current).toLocaleString('pt-BR');\r\n        }\r\n        requestAnimationFrame(updateCount);\r\n      } else {\r\n        \/\/ Valor final\r\n        el.innerText = target.toLocaleString('pt-BR');\r\n      }\r\n    };\r\n    updateCount();\r\n  };\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        widget.classList.add(\"animate-road\");\r\n        counters.forEach(counter => animateCount(counter));\r\n        observer.disconnect();\r\n      }\r\n    });\r\n  }, { threshold: 0.4 });\r\n\r\n  observer.observe(widget);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c2ecca elementor-widget elementor-widget-html\" data-id=\"6c2ecca\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap');\r\n\r\n\/* =========================================\r\n   WIDGET: INFRAESTRUTURA AEROVI\u00c1RIA\r\n   ========================================= *\/\r\n#air_widget {\r\n  \/* PALETA DE CORES (Padr\u00e3o mantido) *\/\r\n  --cor-fundo: #0145a8;\r\n  --cor-texto: #ffffff;\r\n  --cor-destaque: #ffffff; \r\n  --cor-circulo-fundo: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.air-container {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  background-color: var(--cor-fundo);\r\n  color: var(--cor-texto);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  font-family: \"Roboto\", sans-serif;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* --- COLUNA TEXTO --- *\/\r\n.air-text-col {\r\n  flex: 1 1 450px;\r\n  padding: 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.air-title {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  margin-bottom: 20px;\r\n  color: var(--cor-texto);\r\n  border-left: 4px solid var(--cor-destaque);\r\n  padding-left: 16px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.air-description {\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  opacity: 0.9;\r\n  font-weight: 300;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.air-highlight {\r\n  color: var(--cor-destaque);\r\n  font-weight: 700;\r\n}\r\n\r\n\/* --- COLUNA GR\u00c1FICOS --- *\/\r\n.air-stats-col {\r\n  flex: 1 1 300px;\r\n  background-color: rgba(0, 0, 0, 0.1);\r\n  padding: 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 30px;\r\n}\r\n\r\n.stat-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n}\r\n\r\n.chart-wrapper {\r\n  position: relative;\r\n  width: 80px;\r\n  height: 80px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.chart-svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  transform: rotate(-90deg);\r\n}\r\n\r\n.circle-bg {\r\n  fill: none;\r\n  stroke: var(--cor-circulo-fundo);\r\n  stroke-width: 8;\r\n}\r\n\r\n.circle-fill-air {\r\n  fill: none;\r\n  stroke: var(--cor-destaque);\r\n  stroke-width: 8;\r\n  stroke-linecap: round;\r\n  stroke-dasharray: 226;\r\n  stroke-dashoffset: 226;\r\n  transition: stroke-dashoffset 2s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.chart-icon {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 24px;\r\n  height: 24px;\r\n  fill: #fff;\r\n}\r\n\r\n.stat-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.stat-number {\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: var(--cor-texto);\r\n}\r\n\r\n.stat-label {\r\n  font-size: 14px;\r\n  opacity: 0.8;\r\n  margin-top: 4px;\r\n}\r\n\r\n\/* Anima\u00e7\u00e3o dos c\u00edrculos (Valores est\u00e9ticos) *\/\r\n.animate-air .cf-air-1 { stroke-dashoffset: 35; } \/* ~85% *\/\r\n.animate-air .cf-air-2 { stroke-dashoffset: 135; } \/* ~40% *\/\r\n.animate-air .cf-air-3 { stroke-dashoffset: 90; } \/* ~60% *\/\r\n\r\n@media (max-width: 768px) {\r\n  .air-container { flex-direction: column; }\r\n  .air-text-col, .air-stats-col { padding: 30px 24px; }\r\n  .air-title { font-size: 24px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"air-container\" id=\"air_widget\">\r\n  \r\n  <div class=\"air-text-col\">\r\n    <h2 class=\"air-title\">Aerovi\u00e1rio<\/h2>\r\n    \r\n    <div class=\"air-description\">\r\n      <p>Sustentado pelos aeroportos de S\u00e3o Lu\u00eds e Imperatriz, o modal foca no transporte de passageiros, cargas e integra\u00e7\u00e3o. O <span class=\"air-highlight\">Aeroporto Internacional Marechal Cunha Machado (SLZ)<\/span> tem capacidade para 3,9 milh\u00f5es de passageiros\/ano e ampliou sua capacidade de carga com voos di\u00e1rios do Mercado Livre.<\/p>\r\n      \r\n      <p>O <span class=\"air-highlight\">Aeroporto de Imperatriz (IMP)<\/span>, eleito o \"Melhor Regional do Nordeste\", movimentou 350 mil passageiros em 2024.<\/p>\r\n\r\n      <p>Visando a expans\u00e3o, o Governo iniciou em 2025 um programa de revitaliza\u00e7\u00e3o em <span class=\"air-highlight\">dez aeroportos regionais<\/span>, como Balsas e Barreirinhas, para impulsionar o desenvolvimento econ\u00f4mico.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"air-stats-col\">\r\n    \r\n    <div class=\"stat-item\">\r\n      <div class=\"chart-wrapper\">\r\n        <svg class=\"chart-svg\" viewBox=\"0 0 80 80\">\r\n          <circle class=\"circle-bg\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n          <circle class=\"circle-fill-air cf-air-1\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n        <\/svg>\r\n        <svg class=\"chart-icon\" viewBox=\"0 0 24 24\"><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"stat-info\">\r\n        <span class=\"stat-number\"><span class=\"count-air\" data-target=\"3.9\">0<\/span> Milh\u00f5es<\/span>\r\n        <span class=\"stat-label\">Capacidade Pax\/ano (SLZ)<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"stat-item\">\r\n      <div class=\"chart-wrapper\">\r\n        <svg class=\"chart-svg\" viewBox=\"0 0 80 80\">\r\n          <circle class=\"circle-bg\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n          <circle class=\"circle-fill-air cf-air-2\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n        <\/svg>\r\n        <svg class=\"chart-icon\" viewBox=\"0 0 24 24\"><path d=\"M2.5 19h19v2h-19zm19.57-9.36c-.21-.8-1.04-1.28-1.84-1.06L14.3 10.4l-6.63-6.63c-.39-.39-1.02-.39-1.41 0L5.17 4.86c-.39.39-.39 1.02 0 1.41l5.74 5.74L2.05 14.3c-.8.21-1.28 1.04-1.06 1.84.21.8 1.04 1.28 1.84 1.06l8.95-2.38 2.45 2.45 1.41-1.41-.71-.71 8.08-2.15c.8-.21 1.28-1.04 1.06-1.84z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"stat-info\">\r\n        <span class=\"stat-number\">+<span class=\"count-air\" data-target=\"350\">0<\/span> Mil<\/span>\r\n        <span class=\"stat-label\">Passageiros (IMP 2024)<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"stat-item\">\r\n      <div class=\"chart-wrapper\">\r\n        <svg class=\"chart-svg\" viewBox=\"0 0 80 80\">\r\n          <circle class=\"circle-bg\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n          <circle class=\"circle-fill-air cf-air-3\" cx=\"40\" cy=\"40\" r=\"36\"><\/circle>\r\n        <\/svg>\r\n        <svg class=\"chart-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5zM7 2v11h3v2H5v-2h2V2zm10 0v6h3v2h-5V2z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"stat-info\">\r\n        <span class=\"stat-number\"><span class=\"count-air\" data-target=\"10\">0<\/span> Aeroportos<\/span>\r\n        <span class=\"stat-label\">Programa de Revitaliza\u00e7\u00e3o<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const widget = document.getElementById(\"air_widget\");\r\n  const counters = widget.querySelectorAll('.count-air');\r\n  \r\n  const animateCount = (el) => {\r\n    const targetStr = el.getAttribute('data-target');\r\n    const isFloat = targetStr.includes('.');\r\n    const target = parseFloat(targetStr);\r\n    \r\n    const duration = 2000; \r\n    const increment = target \/ (duration \/ 16); \r\n    \r\n    let current = 0;\r\n    \r\n    const updateCount = () => {\r\n      current += increment;\r\n      if (current < target) {\r\n        if(isFloat) {\r\n           el.innerText = current.toFixed(1).replace('.', ',');\r\n        } else {\r\n           el.innerText = Math.floor(current).toLocaleString('pt-BR');\r\n        }\r\n        requestAnimationFrame(updateCount);\r\n      } else {\r\n        el.innerText = targetStr.replace('.', ',');\r\n      }\r\n    };\r\n    updateCount();\r\n  };\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        widget.classList.add(\"animate-air\");\r\n        counters.forEach(counter => animateCount(counter));\r\n        observer.disconnect();\r\n      }\r\n    });\r\n  }, { threshold: 0.4 });\r\n\r\n  observer.observe(widget);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16273b0 e-flex e-con-boxed e-con e-parent\" data-id=\"16273b0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6584c26 elementor-widget elementor-widget-heading\" data-id=\"6584c26\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><b>Hidrovias<\/b> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b9d501 elementor-widget elementor-widget-text-editor\" data-id=\"7b9d501\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>O Estado do Maranh\u00e3o \u00e9 recortado por v\u00e1rios rios perenes, sendo os principais dele os rios: o\u00a0Itapecuru, o\u00a0Mearim, o\u00a0Pindar\u00e9, o\u00a0Gurupi, o\u00a0Parna\u00edba\u00a0e o\u00a0Tocantins, o que torna o estado competitivo para novos projetos de hidrovias. Os rios Parna\u00edba (limite leste com o estado do Piau\u00ed) e o Rio Tocantins (limite oeste com os estados do Tocantins e Par\u00e1), s\u00e3o os que apresentam maior possibilidade do desenvolvimento de implanta\u00e7\u00e3o de hidrovias.<\/p><p>A\u00a0<strong>hidrovia do Rio Parna\u00edba,\u00a0<\/strong>j\u00e1<strong>\u00a0<\/strong>em funcionamento e com obras de amplia\u00e7\u00e3o aprovadas, possibilita o aumento da competitividade dos produtos da regi\u00e3o do MATOPIBA.\u00a0Com foco na regi\u00e3o produtora de gr\u00e3os do sul do Maranh\u00e3o (Balsas) e do Piau\u00ed, a hidrovia conecta esta regi\u00e3o at\u00e9 um ponto de transbordo em Teresina para conectar-se com a Ferrovia Transnordestina, potencializando a log\u00edstica local.<\/p>\t\t\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":"<p>O Maranh\u00e3o Dados Socio-econ\u00f4micos Investimentos Clima Dados Clim\u00e1ticos O Maranh\u00e3o apresenta um clima tropical, com um regime de chuvas bem definido, possuindo duas esta\u00e7\u00f5es: a chuvosa de janeiro a junho e a seca de julho a dezembro. Essa sazonalidade favorece a programa\u00e7\u00e3o de ciclos produtivos tanto de culturas anuais quanto perenes, al\u00e9m de facilitar o [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-884","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>O Maranh\u00e3o - Dados Clim\u00e1ticos - investema<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O Maranh\u00e3o - Dados Clim\u00e1ticos - investema\" \/>\n<meta property=\"og:description\" content=\"O Maranh\u00e3o Dados Socio-econ\u00f4micos Investimentos Clima Dados Clim\u00e1ticos O Maranh\u00e3o apresenta um clima tropical, com um regime de chuvas bem definido, possuindo duas esta\u00e7\u00f5es: a chuvosa de janeiro a junho e a seca de julho a dezembro. Essa sazonalidade favorece a programa\u00e7\u00e3o de ciclos produtivos tanto de culturas anuais quanto perenes, al\u00e9m de facilitar o [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/\" \/>\n<meta property=\"og:site_name\" content=\"investema\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-15T18:02:10+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/\",\"url\":\"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/\",\"name\":\"O Maranh\u00e3o - Dados Clim\u00e1ticos - investema\",\"isPartOf\":{\"@id\":\"https:\/\/investema.goldenlayers.com.br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/investema.goldenlayers.com.br\/wp-content\/uploads\/2025\/11\/Vector.svg\",\"datePublished\":\"2025-12-01T11:20:12+00:00\",\"dateModified\":\"2025-12-15T18:02:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/#primaryimage\",\"url\":\"https:\/\/investema.goldenlayers.com.br\/wp-content\/uploads\/2025\/11\/Vector.svg\",\"contentUrl\":\"https:\/\/investema.goldenlayers.com.br\/wp-content\/uploads\/2025\/11\/Vector.svg\",\"width\":27,\"height\":35},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/investema.goldenlayers.com.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"O Maranh\u00e3o &#8211; Dados Clim\u00e1ticos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/investema.goldenlayers.com.br\/#website\",\"url\":\"https:\/\/investema.goldenlayers.com.br\/\",\"name\":\"investema\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/investema.goldenlayers.com.br\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/investema.goldenlayers.com.br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/investema.goldenlayers.com.br\/#organization\",\"name\":\"investema\",\"url\":\"https:\/\/investema.goldenlayers.com.br\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/investema.goldenlayers.com.br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/investema.goldenlayers.com.br\/wp-content\/uploads\/2025\/11\/Logo-colorida-horizontal.png\",\"contentUrl\":\"https:\/\/investema.goldenlayers.com.br\/wp-content\/uploads\/2025\/11\/Logo-colorida-horizontal.png\",\"width\":2325,\"height\":722,\"caption\":\"investema\"},\"image\":{\"@id\":\"https:\/\/investema.goldenlayers.com.br\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"O Maranh\u00e3o - Dados Clim\u00e1ticos - investema","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/","og_locale":"pt_BR","og_type":"article","og_title":"O Maranh\u00e3o - Dados Clim\u00e1ticos - investema","og_description":"O Maranh\u00e3o Dados Socio-econ\u00f4micos Investimentos Clima Dados Clim\u00e1ticos O Maranh\u00e3o apresenta um clima tropical, com um regime de chuvas bem definido, possuindo duas esta\u00e7\u00f5es: a chuvosa de janeiro a junho e a seca de julho a dezembro. Essa sazonalidade favorece a programa\u00e7\u00e3o de ciclos produtivos tanto de culturas anuais quanto perenes, al\u00e9m de facilitar o [&hellip;]","og_url":"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/","og_site_name":"investema","article_modified_time":"2025-12-15T18:02:10+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"19 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/","url":"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/","name":"O Maranh\u00e3o - Dados Clim\u00e1ticos - investema","isPartOf":{"@id":"https:\/\/investema.goldenlayers.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/#primaryimage"},"image":{"@id":"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/#primaryimage"},"thumbnailUrl":"https:\/\/investema.goldenlayers.com.br\/wp-content\/uploads\/2025\/11\/Vector.svg","datePublished":"2025-12-01T11:20:12+00:00","dateModified":"2025-12-15T18:02:10+00:00","breadcrumb":{"@id":"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/#primaryimage","url":"https:\/\/investema.goldenlayers.com.br\/wp-content\/uploads\/2025\/11\/Vector.svg","contentUrl":"https:\/\/investema.goldenlayers.com.br\/wp-content\/uploads\/2025\/11\/Vector.svg","width":27,"height":35},{"@type":"BreadcrumbList","@id":"https:\/\/investema.goldenlayers.com.br\/index.php\/o-maranhao-dados-climaticos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/investema.goldenlayers.com.br\/"},{"@type":"ListItem","position":2,"name":"O Maranh\u00e3o &#8211; Dados Clim\u00e1ticos"}]},{"@type":"WebSite","@id":"https:\/\/investema.goldenlayers.com.br\/#website","url":"https:\/\/investema.goldenlayers.com.br\/","name":"investema","description":"","publisher":{"@id":"https:\/\/investema.goldenlayers.com.br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/investema.goldenlayers.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/investema.goldenlayers.com.br\/#organization","name":"investema","url":"https:\/\/investema.goldenlayers.com.br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/investema.goldenlayers.com.br\/#\/schema\/logo\/image\/","url":"https:\/\/investema.goldenlayers.com.br\/wp-content\/uploads\/2025\/11\/Logo-colorida-horizontal.png","contentUrl":"https:\/\/investema.goldenlayers.com.br\/wp-content\/uploads\/2025\/11\/Logo-colorida-horizontal.png","width":2325,"height":722,"caption":"investema"},"image":{"@id":"https:\/\/investema.goldenlayers.com.br\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/investema.goldenlayers.com.br\/index.php\/wp-json\/wp\/v2\/pages\/884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/investema.goldenlayers.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/investema.goldenlayers.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/investema.goldenlayers.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/investema.goldenlayers.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=884"}],"version-history":[{"count":125,"href":"https:\/\/investema.goldenlayers.com.br\/index.php\/wp-json\/wp\/v2\/pages\/884\/revisions"}],"predecessor-version":[{"id":1301,"href":"https:\/\/investema.goldenlayers.com.br\/index.php\/wp-json\/wp\/v2\/pages\/884\/revisions\/1301"}],"wp:attachment":[{"href":"https:\/\/investema.goldenlayers.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}