PageSourceSearch

https://imazon.fly.dev/sobre/principais-contribuicoes

html imazon.fly.dev collected 2026-10-03 08:26:19 UTC 117,517 bytes, 2,363 lines download raw bytes

1<!DOCTYPE html>
2<html data-theme="light" lang="pt_BR" class="[scrollbar-gutter:stable] bg-white">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <meta name="robots" content="index, follow">
7    <meta name="csrf-token" content="PF1lGBUaBCpiM3E9DjIHeghjUCo1BzIyFpUKaxJG4EFTIQOBx6hpLptK">
8    
9<title data-suffix=" · Imazon">Imazon - Instituto do Homem e Meio Ambiente da Amazônia · Imazon</title>
10<meta name="description" content="Promovendo a conservação ambiental e o desenvolvimento sustentável na Amazônia.">
11
12<meta name="msapplication-TileColor" content="#00843E">
13
14<meta name="theme-color" content="#00843E">
15
16
17
18
19
20
21
22<meta property="og:type" content="website">
23
24
25
26
27
28
29
30
31 <link rel="icon" type="image/png" href="/images/cropped-favicon-32x32-4a71439117a79a2b46b391a23739ade8.png?vsn=d">
32    <!-- Load app JS with high priority but non-blocking -->
33    
33<script defer phx-track-static type="text/javascript" src="/assets/app-ae89985da29fd440b58fccf50d27ba4a.js?vsn=d">
34    </script>
34
35
36    <link phx-track-static rel="stylesheet" href="/assets/app-aa77a98a817aece07d71aa040c0ab8b7.css?vsn=d">
37    
38<!-- Optimized font loading strategy -->
39    <link rel="preconnect" href="https://fonts.googleapis.com">
40    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
41    <!-- Load critical fonts with display=swap to prevent blocking -->
42    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap&text=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789.,-%" rel="stylesheet">
43    <!-- Load additional fonts after initial page render -->
44    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&family=Alegreya+Sans:wght@400;700&display=swap" onload="this.onload=null;this.rel='stylesheet'">
45    <!-- Defer analytics until after page is fully loaded -->
46    
46<script>
47      window.addEventListener('load', function() {
48        setTimeout(function() {
49          var gaScript = document.createElement('script');
50          gaScript.async = true;
51          gaScript.src = "https://www.googletagmanager.com/gtag/js?id=G-PCB8WZ0VSH";
52          document.head.appendChild(gaScript);
53
54          // Initialize analytics
55          
vendor: 157 bytes, lines 55-58
55window.dataLayer = window.dataLayer || [];
56          function gtag(){dataLayer.push(arguments);}
57          gtag('js', new Date());
58          gtag('config', '
58G-PCB8WZ0VSH
vendor: 12 bytes, lines 58-59
58');
59        
59}, 200); // .2 second delay to ensure page is interactive first
60      });
61    </script>
61
62
63
64  </head>
65
66  <body class="bg-white">
67    <div id="phx-GNr3i11yRJAjWoPR" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBnQAAAAIZAACaWRtAAAAFHBoeC1HTnIzaTExeVJKQWpXb1BSZAARbGl2ZV9zZXNzaW9uX25hbWVkAAxjdXJyZW50X3VzZXJkAApwYXJlbnRfcGlkZAADbmlsZAAIcm9vdF9waWRkAANuaWxkAAlyb290X3ZpZXdkABpFbGl4aXIuSW1hem9uV2ViLkFib3V0TGl2ZWQABnJvdXRlcmQAF0VsaXhpci5JbWF6b25XZWIuUm91dGVyZAAHc2Vzc2lvbnQAAAAAZAAEdmlld2QAGkVsaXhpci5JbWF6b25XZWIuQWJvdXRMaXZlbgYA_QrfAKEBYgABUYA.HUbk_nnqKkF7gEP4oQGUKtMZHBJscYo_QEGH4ITmRkc" data-phx-static="SFMyNTY.g2gDaAJhBnQAAAADZAAKYXNzaWduX25ld2wAAAABZAAMY3VycmVudF91c2VyamQABWZsYXNodAAAAABkAAJpZG0AAAAUcGh4LUdOcjNpMTF5UkpBaldvUFJuBgD9Ct8AoQFiAAFRgA.wlqdXjnPTNaCu2XOJoS5QLFcaThKic1bZN2qEh0aaGg"><header class="py-4 md:py-6 lg:py-8 p-0 md:p-8 lg:p-12 w-full">
68  <div class="hidden lg:flex w-full flex-col">
69  <div class="items-center justify-end py-2">
70    <div class="flex flex-row w-fit mx-auto lg:mx-0 lg:ml-auto items-end font-nunito gap-1 rounded-[20px] overflow-hidden">
71  <a href="/sobre/principais-contribuicoes?set_locale=pt_BR" aria-label="Alterar idioma para Português" aria-current="true" class="flex items-center lg:w-full px-2 lg:px-py-[4px] min-w-[50px] text-xs lg:text-base overflow-hidden font-bold w-fit whitespace-nowrap !bg-[#00843E] !text-white hover:!bg-[#00843E]/70">
72    <img src='/images/brasil.jpg' alt='' class='h-3 w-4 mr-1 lg:h-3.5 lg:w-5 rounded-sm'/> PT
73  </a><a href="/acerca/es/principales-contribuciones" aria-label="Alterar idioma para Espanhol" class="flex items-center lg:w-full px-2 lg:px-py-[4px] min-w-[50px] text-xs lg:text-base overflow-hidden font-bold w-fit whitespace-nowrap !bg-[#00843E]/35 !text-white hover:!bg-[#00843E]/70">
74    <img src='/images/espanha.jpg' alt='' class='h-3 w-4 mr-1 lg:h-3.5 lg:w-5 rounded-sm'/> ES
75  </a><a href="/about/en/main-contributions" aria-label="Alterar idioma para Inglês" class="flex items-center lg:w-full px-2 lg:px-py-[4px] min-w-[50px] text-xs lg:text-base overflow-hidden font-bold w-fit whitespace-nowrap !bg-[#00843E]/35 !text-white hover:!bg-[#00843E]/70">
76    <img src='/images/estados_unidos.jpg' alt='' class='h-3 w-4 mr-1 lg:h-3.5 lg:w-5 rounded-sm'/> EN
77  </a>
78</div>
79  </div>
80
81  <div class="flex items-center justify-between py-3 w-full text-black ">
82    <div class="flex flex-10 w-full items-center gap-4 max-w-[188px]">
83      <a href="/">
84        <img src="/images/logo.png" alt="Logotipo do Imazon" class="min-w-[156px] w-[156px] lg:mx-8">
85      </a>
86    </div>
87
88    <nav arial-label="Navegação principal" class="hidden lg:flex items-center gap-8 justify-center z-50 h-full">
89      
90        
91  <div class="relative group h-full flex items-center">
92    <a href="/sobre/quem-somos" class="flex items-center gap-1 font-nunito hover:text-zinc-700 text-[20px] cursor-pointer py-6">
93      Sobre
94      <span class="hero-chevron-down-mini w-[25px] h-[25px] mt-1 text-[#94A625] transition-transform duration-300 group-hover:rotate-180"></span>
95    </a>
96
97    
98      <div class="absolute top-[65%] left-0 -ml-2.5 w-[284px] h-[328px] bg-white text-black rounded-3xl shadow-xl invisible opacity-0 group-hover:visible group-hover:opacity-100 transition-all duration-300 ease-out transform group-hover:translate-y-2 border border-gray-100 p-3 flex flex-col z-50 gap-2">
99        
100          <a href="/sobre/quem-somos" style="--hover-bg: #98A82440/4;" class="
101              flex items-center
102              w-[252px] h-11
103              pl-4
104              text-[16px] font-montserrat font-medium
105              bg-white rounded-3xl
106              border border-gray-200
107              border-b-2
108              border-b-gray-700
109              transition-all duration-200
110              hover:bg-(--hover-bg)
111            ">
112            Quem Somos
113          </a>
114        
115          <a href="/sobre/principais-contribuicoes" style="--hover-bg: #98A82440/4;" class="
116              flex items-center
117              w-[252px] h-11
118              pl-4
119              text-[16px] font-montserrat font-medium
120              bg-white rounded-3xl
121              border border-gray-200
122              border-b-2
123              border-b-gray-700
124              transition-all duration-200
125              hover:bg-(--hover-bg)
126            ">
127            Principais Contribuições
128          </a>
129        
130          <a href="/sobre/premiacoes-e-reconhecimentos" style="--hover-bg: #98A82440/4;" class="
131              flex items-center
132              w-[252px] h-11
133              pl-4
134              text-[16px] font-montserrat font-medium
135              bg-white rounded-3xl
136              border border-gray-200
137              border-b-2
138              border-b-gray-700
139              transition-all duration-200
140              hover:bg-(--hover-bg)
141            ">
142            Premiações e Reconhecimentos
143          </a>
144        
145          <a href="/sobre/relatorios-de-atividades" style="--hover-bg: #98A82440/4;" class="
146              flex items-center
147              w-[252px] h-11
148              pl-4
149              text-[16px] font-montserrat font-medium
150              bg-white rounded-3xl
151              border border-gray-200
152              border-b-2
153              border-b-gray-700
154              transition-all duration-200
155              hover:bg-(--hover-bg)
156            ">
157            Relatórios de Atividades
158          </a>
159        
160          <a href="/sobre/transparencia-institucional" style="--hover-bg: #98A82440/4;" class="
161              flex items-center
162              w-[252px] h-11
163              pl-4
164              text-[16px] font-montserrat font-medium
165              bg-white rounded-3xl
166              border border-gray-200
167              border-b-2
168              border-b-gray-700
169              transition-all duration-200
170              hover:bg-(--hover-bg)
171            ">
172            Transparência Institucional
173          </a>
174        
175          <a href="/sobre/atuacao-em-redes" style="--hover-bg: #98A82440/4;" class="
176              flex items-center
177              w-[252px] h-11
178              pl-4
179              text-[16px] font-montserrat font-medium
180              bg-white rounded-3xl
181              border border-gray-200
182              border-b-2
183              border-b-gray-700
184              transition-all duration-200
185              hover:bg-(--hover-bg)
186            ">
187            Atuação em Redes
188          </a>
189        
190      </div>
191    
192  </div>
193
194      
195        
196  <div class="relative group h-full flex items-center">
197    <a href="/programas/monitoramento-da-amazonia" class="flex items-center gap-1 font-nunito hover:text-zinc-700 text-[20px] cursor-pointer py-6">
198      Programas
199      <span class="hero-chevron-down-mini w-[25px] h-[25px] mt-1 text-[#94A625] transition-transform duration-300 group-hover:rotate-180"></span>
200    </a>
201
202    
203      <div class="
204        absolute top-[65%] left-0 -ml-2.5
205        w-[304px] h-[328px]
206        bg-white text-black rounded-3xl
207        invisible opacity-0
208        group-hover:visible group-hover:opacity-100
209        transition-all duration-300 ease-out transform group-hover:translate-y-2
210        border border-gray-200 p-3
211        flex flex-col items-center gap-4 z-50
212      ">
213        
214          <a href="/programas/monitoramento-da-amazonia" style="--hover-bg: #98A82440/4;" class="
215              flex items-center
216              w-[277px] h-11
217              pl-4 gap-4
218              text-[16px] font-montserrat font-medium
219              bg-white rounded-3xl
220              border border-gray-200
221              border-b-2
222              border-b-gray-700
223              transition-all duration-200
224              hover:bg-(--hover-bg)
225            ">
226            Monitoramento da Amazônia
227          </a>
228        
229          <a href="/programas/restauracao-de-paisagens" style="--hover-bg: #98A82440/4;" class="
230              flex items-center
231              w-[277px] h-11
232              pl-4 gap-4
233              text-[16px] font-montserrat font-medium
234              bg-white rounded-3xl
235              border border-gray-200
236              border-b-2
237              border-b-gray-700
238              transition-all duration-200
239              hover:bg-(--hover-bg)
240            ">
241            Restauração de Paisagens
242          </a>
243        
244          <a href="/programas/areas-protegidas" style="--hover-bg: #98A82440/4;" class="
245              flex items-center
246              w-[277px] h-11
247              pl-4 gap-4
248              text-[16px] font-montserrat font-medium
249              bg-white rounded-3xl
250              border border-gray-200
251              border-b-2
252              border-b-gray-700
253              transition-all duration-200
254              hover:bg-(--hover-bg)
255            ">
256            Áreas Protegidas
257          </a>
258        
259          <a href="/programas/politica-e-socioeconomia" style="--hover-bg: #98A82440/4;" class="
260              flex items-center
261              w-[277px] h-11
262              pl-4 gap-4
263              text-[16px] font-montserrat font-medium
264              bg-white rounded-3xl
265              border border-gray-200
266              border-b-2
267              border-b-gray-700
268              transition-all duration-200
269              hover:bg-(--hover-bg)
270            ">
271            Política e Socioeconomia
272          </a>
273        
274          <a href="/programas/direito-e-sustentabilidade" style="--hover-bg: #98A82440/4;" class="
275              flex items-center
276              w-[277px] h-11
277              pl-4 gap-4
278              text-[16px] font-montserrat font-medium
279              bg-white rounded-3xl
280              border border-gray-200
281              border-b-2
282              border-b-gray-700
283              transition-all duration-200
284              hover:bg-(--hover-bg)
285            ">
286            Direito e Sustentabilidade
287          </a>
288        
289      </div>
290    
291  </div>
292
293      
294        
295  <a href="/biblioteca" class="font-nunito hover:text-zinc-700 text-[20px]">
296    Biblioteca
297  </a>
298
299      
300        
301  <a href="/galeria" class="font-nunito hover:text-zinc-700 text-[20px]">
302    Galeria
303  </a>
304
305      
306        
307  <a href="/noticias" class="font-nunito hover:text-zinc-700 text-[20px]">
308    Notícias
309  </a>
310
311      
312
313      
314    </nav>
315
316    <div class="flex flex-1 items-center gap-4 justify-end max-w-[188px]">
317      <a href="/doe" aria-label="Faça uma doação" class="px-4 py-1 rounded-3xl hover:bg-green-800 hover:text-white font-nunito font-bold border-2 border-green-700">
318        Doe
319      </a>
320
321      
322        <a href="/users/log_in" class="px-4 py-1 rounded-3xl hover:bg-green-600 font-nunito font-bold text-white border-2 border-green-700 bg-green-700">
323          Login
324        </a>
325      
326    </div>
327  </div>
328</div>
329  <div class="flex lg:hidden w-full !bg-white items-center justify-between border-b border-black  py-3 text-sm px-6 sm:px-8 md:px-12 lg:px-16">
330  <div class="flex items-center gap-4 w-full">
331    <button class="lg:hidden hover:opacity-80" phx-click="[[&quot;show&quot;,{&quot;to&quot;:&quot;#mobile-navbar&quot;}],[&quot;show&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#mobile-navbar-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;
331ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;-translate-x-[100%]&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-x-0&quot;,&quot;sm:scale-100&quot;]]}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;focus_first&quot;,{&quot;to&quot;:&quot;#mobile-navbar-content&quot;}]]">
332      <span class="hero-bars-3 mobile-navbar-btn text-black"></span>
333    </button>
334
335    <a href="/">
336      <img src="/images/logo-1c29fd8343f166e8592c30b4086ca170.png?vsn=d" class="h-8" alt="Logotipo do Imazon">
337    </a>
338  </div>
339
340  <div class="flex items-center gap-4 font-semibold leading-6">
341    <div class="flex flex-row w-fit mx-auto lg:mx-0 lg:ml-auto items-end font-nunito gap-1 rounded-[20px] overflow-hidden">
342  <a href="/sobre/principais-contribuicoes?set_locale=pt_BR" aria-label="Alterar idioma para Português" aria-current="true" class="flex items-center lg:w-full px-2 lg:px-py-[4px] min-w-[50px] text-xs lg:text-base overflow-hidden font-bold w-fit whitespace-nowrap !bg-[#00843E] !text-white hover:!bg-[#00843E]/70">
343    <img src='/images/brasil.jpg' alt='' class='h-3 w-4 mr-1 lg:h-3.5 lg:w-5 rounded-sm'/> PT
344  </a><a href="/acerca/es/principales-contribuciones" aria-label="Alterar idioma para Espanhol" class="flex items-center lg:w-full px-2 lg:px-py-[4px] min-w-[50px] text-xs lg:text-base overflow-hidden font-bold w-fit whitespace-nowrap !bg-[#00843E]/35 !text-white hover:!bg-[#00843E]/70">
345    <img src='/images/espanha.jpg' alt='' class='h-3 w-4 mr-1 lg:h-3.5 lg:w-5 rounded-sm'/> ES
346  </a><a href="/about/en/main-contributions" aria-label="Alterar idioma para Inglês" class="flex items-center lg:w-full px-2 lg:px-py-[4px] min-w-[50px] text-xs lg:text-base overflow-hidden font-bold w-fit whitespace-nowrap !bg-[#00843E]/35 !text-white hover:!bg-[#00843E]/70">
347    <img src='/images/estados_unidos.jpg' alt='' class='h-3 w-4 mr-1 lg:h-3.5 lg:w-5 rounded-sm'/> EN
348  </a>
349</div>
350  </div>
351</div>
352  <nav id="mobile-navbar" arial-label="Navegação principal" phx-remove="[[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-navbar-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-x-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;-translate-x-[100%]&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-navbar&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]" data-cancel="[[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-navbar-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-x-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;-translate-x-[100%]&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-navbar&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}],[&quot;exec&quot;,{&quot;attr&quot;:&quot;phx-remove&quot;}]]" class="relative z-50 hidden bg-[#F6F6F6]">
353  <div class="h-full mt-2" aria-labelledby="mobile-navbar-title" aria-describedby="mobile-navbar-description" role="dialog" aria-modal="true" tabindex="0">
354    <div class="flex min-h-full items-start justify-start">
355      <div class="`ull max-w-[60vw]">
356        <div id="mobile-navbar-container" phx-hook="Phoenix.FocusWrap" class="shadow-zinc-700/10 ring-zinc-700/10 relative h-screen hidden bg-white shadow-lg ring-1 transition w-full" phx-click-away="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#mobile-navbar&quot;}]]" phx-key="escape" phx-window-keydown="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#mobile-navbar&quot;}]]">
357  <span id="mobile-navbar-container-start" tabindex="0" aria-hidden="true"></span>
358  
359          <div id="mobile-navbar-content" class="w-full flex flex-col h-[90vh] justify-between">
360            <div class="flex flex-col items-start p-8 pb-4 gap-8 leading-6 sm:gap-6 md:gap-8 lg:gap-12 text-zinc-900 w-full">
361              
362                <a href="/sobre/quem-somos" class="block w-full">
363                  <span class="text-base text-[20px] font-nunito-sans py-2 px-4 border-b-[1px] border-black block w-full hover:bg-gray-50 transition-colors">
364                    Sobre
365                  </span>
366                </a>
367              
368                <a href="/programas/monitoramento-da-amazonia" class="block w-full">
369                  <span class="text-base text-[20px] font-nunito-sans py-2 px-4 border-b-[1px] border-black block w-full hover:bg-gray-50 transition-colors">
370                    Programas
371                  </span>
372                </a>
373              
374                <a href="/biblioteca" class="block w-full">
375                  <span class="text-base text-[20px] font-nunito-sans py-2 px-4 border-b-[1px] border-black block w-full hover:bg-gray-50 transition-colors">
376                    Biblioteca
377                  </span>
378                </a>
379              
380                <a href="/galeria" class="block w-full">
381                  <span class="text-base text-[20px] font-nunito-sans py-2 px-4 border-b-[1px] border-black block w-full hover:bg-gray-50 transition-colors">
382                    Galeria
383                  </span>
384                </a>
385              
386                <a href="/noticias" class="block w-full">
387                  <span class="text-base text-[20px] font-nunito-sans py-2 px-4 border-b-[1px] border-black block w-full hover:bg-gray-50 transition-colors">
388                    Notícias
389                  </span>
390                </a>
391              
392
393              
394            </div>
395
396            <div class="flex flex-1 flex-col md:flex-row px-8 items-start gap-4 justify-center md:justify-end max-w-[188px]">
397              <a href="/doe" aria-label="Faça uma doação" class="px-4 py-1 rounded-3xl hover:bg-green-800 text-black hover:text-white font-nunito font-bold border-2 border-green-700">
398                Doe
399              </a>
400
401              
402                <a href="/users/log_in" class="px-4 py-1 rounded-3xl hover:bg-green-600 font-nunito font-bold text-white border-2 border-green-700 bg-green-700">
403                  Login
404                </a>
405              
406            </div>
407          </div>
408        
409  <span id="mobile-navbar-container-end" tabindex="0" aria-hidden="true"></span>
410</div>
411      </div>
412    </div>
413  </div>
414</nav>
415</header>
416<main class="min-h-[85vh]">
417  <div class="">
418
419    <div id="flash-group">
420  
421  
422  
423  <div id="client-error" phx-click="[[&quot;push&quot;,{&quot;event&quot;:&quot;lv:clear-flash&quot;,&quot;value&quot;:{&quot;key&quot;:&quot;error&quot;}}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#client-error&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}]]" role="alert" class="fixed top-2 right-2 mr-2 w-80 sm:w-96 z-50 rounded-lg p-3 ring-1 bg-rose-50 text-rose-900 shadow-md ring-rose-500 fill-rose-900" hidden phx-connected="[[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#client-error&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}]]" phx-disconnected="[[&quot;show&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;.phx-client-error #client-error&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}]]">
424  <p class="flex items-center gap-1.5 text-sm font-semibold leading-6">
425    
426    <span class="hero-exclamation-circle-mini h-4 w-4"></span> Não conseguimos encontrar a internet
427  </p>
428
429  <p class="mt-2 text-sm leading-5">
430    Tentando reconectar
431    <span class="hero-arrow-path ml-1 h-3 w-3 animate-spin"></span>
432  </p>
433
434  <button type="button" class="group absolute top-1 right-1 p-2" aria-label="fechar">
435    <span class="hero-x-mark-solid h-5 w-5 opacity-40 group-hover:opacity-70"></span>
436  </button>
437</div>
438
439  <div id="server-error" phx-click="[[&quot;push&quot;,{&quot;event&quot;:&quot;lv:clear-flash&quot;,&quot;value&quot;:{&quot;key&quot;:&quot;error&quot;}}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#server-error&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}]]" role="alert" class="fixed top-2 right-2 mr-2 w-80 sm:w-96 z-50 rounded-lg p-3 ring-1 bg-rose-50 text-rose-900 shadow-md ring-rose-500 fill-rose-900" hidden phx-connected="[[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#server-error&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}]]" phx-disconnected="[[&quot;show&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;.phx-server-error #server-error&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;
439ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}]]">
440  <p class="flex items-center gap-1.5 text-sm font-semibold leading-6">
441    
442    <span class="hero-exclamation-circle-mini h-4 w-4"></span> Algo deu errado!
443  </p>
444
445  <p class="mt-2 text-sm leading-5">
446    Aguarde enquanto voltamos ao normal
447    <span class="hero-arrow-path ml-1 h-3 w-3 animate-spin"></span>
448  </p>
449
450  <button type="button" class="group absolute top-1 right-1 p-2" aria-label="fechar">
451    <span class="hero-x-mark-solid h-5 w-5 opacity-40 group-hover:opacity-70"></span>
452  </button>
453</div>
454</div> <div class="max-w-6xl mx-auto p-2 md:p-6">
455  <nav class="max-w-5xl text-green-700 text-xs md:text-base font-medium font-nunito-sans" aria-label="Caminho de navegação">
456    <div class="block truncate w-full">
457      
458        <span class="inline">
459          
460            <a href="/" class="hover:underline">
461              Início
462            </a>
463            <span class="inline-block px-2 text-base leading-none" aria-hidden="true">
464              ›
465            </span>
466          
467        </span>
468      
469        <span class="inline">
470          
471            <a href="/about" class="hover:underline">
472              Sobre
473            </a>
474            <span class="inline-block px-2 text-base leading-none" aria-hidden="true">
475              ›
476            </span>
477          
478        </span>
479      
480        <span class="inline">
481          
482            <span class="font-normal" aria-current="page">
483              Principais Contribuições
484            </span>
485          
486        </span>
487      
488    </div>
489  </nav>
490</div>
491<div class="">
492  <h1 class="constrained-to-post-width text-2xl md:text-5xl font-nunito-sans text-black font-extrabold my-8">
493    Sobre
494  </h1>
495
496  <div class="overflow-x-auto no-scrollbar">
497    <nav class="w-full py-2">
498      <div class="constrained-to-post-width mx-auto">
499        <div class="hidden lg:flex justify-center space-x-12 py-2 items-end" role="tablist" aria-label="Seções sobre o Imazon">
500          
501            <a href="#" phx-click="change_tab" phx-value-tab="quem_somos" role="tab" aria-selected="false" class="flex flex-col items-center group flex-shrink-0 leading-none max-w-[120px] text-center text-xs md:text-base font-nunito-sans">
502              Quem Somos
503              <span class="mt-1 h-2 rounded-xl w-[120px] md:w-full bg-[#98A824]/25">
504              </span>
505            </a>
506          
507            <a href="#" phx-click="change_tab" phx-value-tab="contribuicao" role="tab" aria-selected="true" class="flex flex-col items-center group flex-shrink-0 leading-none max-w-[120px] text-center text-xs md:text-base font-nunito-sans">
508              Principais Contribuições
509              <span class="mt-1 h-2 rounded-xl w-[120px] md:w-full bg-[#00843E]">
510              </span>
511            </a>
512          
513            <a href="#" phx-click="change_tab" phx-value-tab="premiacoes" role="tab" aria-selected="false" class="flex flex-col items-center group flex-shrink-0 leading-none max-w-[120px] text-center text-xs md:text-base font-nunito-sans">
514              Premiações e Reconhecimentos
515              <span class="mt-1 h-2 rounded-xl w-[120px] md:w-full bg-[#98A824]/25">
516              </span>
517            </a>
518          
519            <a href="#" phx-click="change_tab" phx-value-tab="relatorio" role="tab" aria-selected="false" class="flex flex-col items-center group flex-shrink-0 leading-none max-w-[120px] text-center text-xs md:text-base font-nunito-sans">
520              Relatórios de Atividades
521              <span class="mt-1 h-2 rounded-xl w-[120px] md:w-full bg-[#98A824]/25">
522              </span>
523            </a>
524          
525            <a href="#" phx-click="change_tab" phx-value-tab="transparencia" role="tab" aria-selected="false" class="flex flex-col items-center group flex-shrink-0 leading-none max-w-[120px] text-center text-xs md:text-base font-nunito-sans">
526              Transparência Institucional
527              <span class="mt-1 h-2 rounded-xl w-[120px] md:w-full bg-[#98A824]/25">
528              </span>
529            </a>
530          
531            <a href="#" phx-click="change_tab" phx-value-tab="atuacao" role="tab" aria-selected="false" class="flex flex-col items-center group flex-shrink-0 leading-none max-w-[120px] text-center text-xs md:text-base font-nunito-sans">
532              Atuação em Redes
533              <span class="mt-1 h-2 rounded-xl w-[120px] md:w-full bg-[#98A824]/25">
534              </span>
535            </a>
536          
537        </div>
538
539        <div class="lg:hidden flex space-x-4 md:space-x-8 min-w-max py-2 overflow-x-auto" role="tablist" aria-label="Seções sobre o Imazon">
540          
541            <a href="#" phx-click="change_tab" phx-value-tab="quem_somos" role="tab" aria-selected="false" class="flex flex-col items-center justify-end group flex-shrink-0 leading-none max-w-[120px] text-center text-xs md:text-base font-nunito-sans">
542              Quem Somos
543              <span class="mt-1 h-2 rounded-xl w-[120px] md:w-full bg-[#98A824]/25">
544              </span>
545            </a>
546          
547            <a href="#" phx-click="change_tab" phx-value-tab="contribuicao" role="tab" aria-selected="true" class="flex flex-col items-center justify-end group flex-shrink-0 leading-none max-w-[120px] text-center text-xs md:text-base font-nunito-sans">
548              Principais Contribuições
549              <span class="mt-1 h-2 rounded-xl w-[120px] md:w-full bg-[#00843E]">
550              </span>
551            </a>
552          
553            <a href="#" phx-click="change_tab" phx-value-tab="premiacoes" role="tab" aria-selected="false" class="flex flex-col items-center justify-end group flex-shrink-0 leading-none max-w-[120px] text-center text-xs md:text-base font-nunito-sans">
554              Premiações e Reconhecimentos
555              <span class="mt-1 h-2 rounded-xl w-[120px] md:w-full bg-[#98A824]/25">
556              </span>
557            </a>
558          
559            <a href="#" phx-click="change_tab" phx-value-tab="relatorio" role="tab" aria-selected="false" class="flex flex-col items-center justify-end group flex-shrink-0 leading-none max-w-[120px] text-center text-xs md:text-base font-nunito-sans">
560              Relatórios de Atividades
561              <span class="mt-1 h-2 rounded-xl w-[120px] md:w-full bg-[#98A824]/25">
562              </span>
563            </a>
564          
565            <a href="#" phx-click="change_tab" phx-value-tab="transparencia" role="tab" aria-selected="false" class="flex flex-col items-center justify-end group flex-shrink-0 leading-none max-w-[120px] text-center text-xs md:text-base font-nunito-sans">
566              Transparência Institucional
567              <span class="mt-1 h-2 rounded-xl w-[120px] md:w-full bg-[#98A824]/25">
568              </span>
569            </a>
570          
571            <a href="#" phx-click="change_tab" phx-value-tab="atuacao" role="tab" aria-selected="false" class="flex flex-col items-center justify-end group flex-shrink-0 leading-none max-w-[120px] text-center text-xs md:text-base font-nunito-sans">
572              Atuação em Redes
573              <span class="mt-1 h-2 rounded-xl w-[120px] md:w-full bg-[#98A824]/25">
574              </span>
575            </a>
576          
577        </div>
578      </div>
579    </nav>
580  </div>
581
582  
583    <div class="relative w-screen left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] mt-8">
584      <div class="relative w-full flex flex-col gap-0 py-2 md:py-4 font-nunito-sans">
585  
586    <div class="relative flex w-full">
587      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
588        <div class="flex flex-col gap-0 w-full max-w-xl">
589          
590            <div class="flex flex-col items-center gap-1 md:gap-2">
591  <img src="https://imazon.t3.storage.dev/images/static/timeline-01.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
592  
593</div>
594          
595        </div>
596      </div>
597
598      <div class="flex flex-col items-center">
599        <div id="1990" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #004539;">
600          <span class="text-[10px] md:text-[48px] leading-none">
601            1990
602          </span>
603        </div>
604
605        
606          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #004539;"></div>
607        
608      </div>
609
610      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
611        <div class="flex flex-col gap-0 w-full max-w-xl">
612          
613            
614  <h3 class="text-[15px] md:text-[24px] font-bold leading-tight mt-4 md:mt-[89px] text-left">
615    Fundação
616  </h3>
617
618          
619        </div>
620      </div>
621    </div>
622  
623    <div class="relative flex w-full">
624      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
625        <div class="flex flex-col gap-0 w-full max-w-xl">
626          
627        </div>
628      </div>
629
630      <div class="flex flex-col items-center">
631        <div id="1992" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #00833D;">
632          <span class="text-[10px] md:text-[48px] leading-none">
633            1992
634          </span>
635        </div>
636
637        
638          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #00833D;"></div>
639        
640      </div>
641
642      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
643        <div class="flex flex-col gap-0 w-full max-w-xl">
644          
645            
646  <div class="flex ">
647    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #00833D;">
648      <div class="absolute inset-0 pointer-events-none">
649        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
650
651        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
652      </div>
653
654      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
655        Desenvolvimento do primeiro projeto demonstrativo de manejo florestal da Amazônia, cuja operação foi realizada em uma área de 250 hectares, em Paragominas (PA), entre 1993 e 1994. Resultados e publicações originados da iniciativa possibilitaram que a região possua atualmente mais de 3 milhões de hectares manejados.
656      </p>
657    </div>
658  </div>
659
660          
661        </div>
662      </div>
663    </div>
664  
665    <div class="relative flex w-full">
666      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
667        <div class="flex flex-col gap-0 w-full max-w-xl">
668          
669            <div class="flex flex-col items-center gap-1 md:gap-2">
670  <img src="https://imazon.t3.storage.dev/images/static/timeline-02.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
671  <span class="text-[11px] md:text-sm text-center font-light">
672    © Embrapa Acre
673  </span>
674</div>
675          
676        </div>
677      </div>
678
679      <div class="flex flex-col items-center">
680        <div id="1998" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #73A41D;">
681          <span class="text-[10px] md:text-[48px] leading-none">
682            1998
683          </span>
684        </div>
685
686        
687          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #73A41D;"></div>
688        
689      </div>
690
691      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
692        <div class="flex flex-col gap-0 w-full max-w-xl">
693          
694            
695  <div class="flex ">
696    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #73A41D;">
697      <div class="absolute inset-0 pointer-events-none">
698        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
699
700        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
701      </div>
702
703      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16
703px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
704        Realização da primeira oficina sobre manejo florestal comunitário da Amazônia, que promoveu a troca de experiências entre 12 iniciativas mapeadas. Ponto de partida para que quase uma década depois, em 2007, a região contasse com mais de 1.500 projetos de comunidades tradicionais.
705      </p>
706    </div>
707  </div>
708
709          
710        </div>
711      </div>
712    </div>
713  
714    <div class="relative flex w-full">
715      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
716        <div class="flex flex-col gap-0 w-full max-w-xl">
717          
718        </div>
719      </div>
720
721      <div class="flex flex-col items-center">
722        <div id="2000" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #2CBC70;">
723          <span class="text-[10px] md:text-[48px] leading-none">
724            2000
725          </span>
726        </div>
727
728        
729          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #2CBC70;"></div>
730        
731      </div>
732
733      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
734        <div class="flex flex-col gap-0 w-full max-w-xl">
735          
736            
737  <div class="flex ">
738    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #2CBC70;">
739      <div class="absolute inset-0 pointer-events-none">
740        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #2CBC70;"></div>
741
742        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #2CBC70;"></div>
743      </div>
744
745      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
746        Pesquisa em parceria com o Banco Mundial sobre a dinâmica do boom-colapso serviu de referência para a elaboração de políticas públicas de combate ao desmatamento e criação de unidades de conservação na Amazônia.
747      </p>
748    </div>
749  </div>
750
751          
752            
753  <div class="flex ">
754    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #2CBC70;">
755      <div class="absolute inset-0 pointer-events-none">
756        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #2CBC70;"></div>
757
758        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #2CBC70;"></div>
759      </div>
760
761      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
762        Estudos contribuíram com o Programa Nacional de Florestas (PNF) e o Sistema Nacional de Unidades de Conservação da Natureza (SNUC).
763      </p>
764    </div>
765  </div>
766
767          
768        </div>
769      </div>
770    </div>
771  
772    <div class="relative flex w-full">
773      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
774        <div class="flex flex-col gap-0 w-full max-w-xl">
775          
776            
777  <div class="flex flex-row-reverse">
778    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #004539;">
779      <div class="absolute inset-0 pointer-events-none">
780        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
781
782        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
783      </div>
784
785      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
786        Pesquisas sobre ecologia do mogno, madeira tropical mais valiosa à época, foram essenciais para sua inclusão na lista de espécies ameaçadas da Convenção sobre o Comércio Internacional de Espécies Ameaçadas de Fauna e Flora (Cites).
787      </p>
788    </div>
789  </div>
790
791          
792            
793  <div class="flex flex-row-reverse">
794    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #004539;">
795      <div class="absolute inset-0 pointer-events-none">
796        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
797
798        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
799      </div>
800
801      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16
801px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
802        Publicação de uma série de estudos em parceria com a Organização das Nações Unidas para Alimentação e Agricultura (FAO).
803      </p>
804    </div>
805  </div>
806
807          
808        </div>
809      </div>
810
811      <div class="flex flex-col items-center">
812        <div id="2002" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #004539;">
813          <span class="text-[10px] md:text-[48px] leading-none">
814            2002
815          </span>
816        </div>
817
818        
819          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #004539;"></div>
820        
821      </div>
822
823      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
824        <div class="flex flex-col gap-0 w-full max-w-xl">
825          
826            <div class="flex flex-col items-center gap-1 md:gap-2">
827  <img src="https://imazon.t3.storage.dev/images/static/timeline-03.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
828  <span class="text-[11px] md:text-sm text-center font-light">
829    (c) Ibama/Reproducao
830  </span>
831</div>
832          
833        </div>
834      </div>
835    </div>
836  
837    <div class="relative flex w-full">
838      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
839        <div class="flex flex-col gap-0 w-full max-w-xl">
840          
841            
842  <div class="flex flex-row-reverse">
843    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #00833D;">
844      <div class="absolute inset-0 pointer-events-none">
845        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #00833D;"></div>
846
847        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #00833D;"></div>
848      </div>
849
850      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
851        Atuação direta na criação da Floresta Estadual (Flota) do Mogno, no Acre, com 143.897 hectares.
852      </p>
853    </div>
854  </div>
855
856          
857        </div>
858      </div>
859
860      <div class="flex flex-col items-center">
861        <div id="2004" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #00833D;">
862          <span class="text-[10px] md:text-[48px] leading-none">
863            2004
864          </span>
865        </div>
866
867        
868          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #00833D;"></div>
869        
870      </div>
871
872      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
873        <div class="flex flex-col gap-0 w-full max-w-xl">
874          
875        </div>
876      </div>
877    </div>
878  
879    <div class="relative flex w-full">
880      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
881        <div class="flex flex-col gap-0 w-full max-w-xl">
882          
883            <div class="flex flex-col items-center gap-1 md:gap-2">
884  <img src="https://imazon.t3.storage.dev/images/static/timeline-04.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
885  <span class="text-[11px] md:text-sm text-center font-light">
886    © Rafael Araújo/Imazon
887  </span>
888</div>
889          
890        </div>
891      </div>
892
893      <div class="flex flex-col items-center">
894        <div id="2005" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #73A41D;">
895          <span class="text-[10px] md:text-[48px] leading-none">
896            2005
897          </span>
898        </div>
899
900        
901          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #73A41D;"></div>
902        
903      </div>
904
905      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
906        <div class="flex flex-col gap-0 w-full max-w-xl">
907          
908            
909  <div class="flex ">
910    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #73A41D;">
911      <div class="absolute inset-0 pointer-events-none">
912        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
913
914        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
915      </div>
916
917      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16
917px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
918        Índice de Fração de Diferença Normalizada (NDFI, sigla em inglês para Normalized Difference Fraction Index), desenvolvido em 2003 pelo pesquisador Carlos Souza Jr., foi lançado oficialmente à comunidade científica após validação em campo, por meio de um artigo publicado na revista Remote Sensing of Environment. Esse índice tem servido para monitorar a degradação da floresta na Pan-Amazônia e em outros biomas e já foi utilizado em mais de 50 artigos científicos no mundo.
919      </p>
920    </div>
921  </div>
922
923          
924        </div>
925      </div>
926    </div>
927  
928    <div class="relative flex w-full">
929      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
930        <div class="flex flex-col gap-0 w-full max-w-xl">
931          
932            
933  <div class="flex flex-row-reverse">
934    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #2CBC70;">
935      <div class="absolute inset-0 pointer-events-none">
936        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
937
938        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
939      </div>
940
941      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
942        Apoio técnico para a criação de 13 Unidades de Conservação (UCs), que somam cerca de 22 milhões de hectares. Dessas, seis foram em parceria com o governo do Pará: as Florestas Estaduais (Flotas) de Faro, do Iriri, do Paru e do Trombetas, a Estação Ecológica (Esec) Grão Pará — a maior UC tropical do planeta — e a Reserva Biológica (Rebio) Maicuru, que juntas possuem 13 milhões de hectares. As outras sete foram em parceria com o governo federal, no Amazonas e no Pará, ao longo da BR-163: as Florestas Nacionais (Flonas) do Amanã, do Crepori, do Jamanxim e do Trairão, os Parques Nacionais (Parnas) do Jamanxim e do Rio Novo e a Área de Proteção Ambiental (APA) do Tapajós, que congregam 6,4 milhões de hectares.
943      </p>
944    </div>
945  </div>
946
947          
948        </div>
949      </div>
950
951      <div class="flex flex-col items-center">
952        <div id="2006" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #2CBC70;">
953          <span class="text-[10px] md:text-[48px] leading-none">
954            2006
955          </span>
956        </div>
957
958        
959          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #2CBC70;"></div>
960        
961      </div>
962
963      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
964        <div class="flex flex-col gap-0 w-full max-w-xl">
965          
966            
967  <div class="flex ">
968    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #2CBC70;">
969      <div class="absolute inset-0 pointer-events-none">
970        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #2CBC70;"></div>
971
972        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #2CBC70;"></div>
973      </div>
974
975      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
976        Pesquisas sobre o setor florestal e concessões florestais contribuíram de forma decisiva para a elaboração da nova Lei Nacional de Gestão de Florestas Públicas (11.284/2006).
977      </p>
978    </div>
979  </div>
980
981          
982            <div class="flex flex-col items-center gap-1 md:gap-2">
983  <img src="https://imazon.t3.storage.dev/images/static/timeline-05.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
984  <span class="text-[11px] md:text-sm text-center font-light">
985    © Márcio Nagano/Flota de Faro
986  </span>
987</div>
988          
989        </div>
990      </div>
991    </div>
992  
993    <div class="relative flex w-full">
994      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
995        <div class="flex flex-col gap-0 w-full max-w-xl">
996          
997            
998  <div class="flex flex-row-reverse">
999    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #004539;">
1000      <div class="absolute inset-0 pointer-events-none">
1001        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
1002
1003        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
1004      </div>
1005
1006      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16
1006px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1007        Participação na criação da Rede Amazônica de Informação Socioambiental Georreferenciada (Raisg).
1008      </p>
1009    </div>
1010  </div>
1011
1012          
1013            <div class="flex flex-col items-center gap-1 md:gap-2">
1014  <img src="https://imazon.t3.storage.dev/images/static/timeline-06.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
1015  
1016</div>
1017          
1018        </div>
1019      </div>
1020
1021      <div class="flex flex-col items-center">
1022        <div id="2007" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #004539;">
1023          <span class="text-[10px] md:text-[48px] leading-none">
1024            2007
1025          </span>
1026        </div>
1027
1028        
1029          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #004539;"></div>
1030        
1031      </div>
1032
1033      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1034        <div class="flex flex-col gap-0 w-full max-w-xl">
1035          
1036            
1037  <div class="flex ">
1038    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #004539;">
1039      <div class="absolute inset-0 pointer-events-none">
1040        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
1041
1042        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
1043      </div>
1044
1045      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1046        Parceria inédita com o Ministério Público Federal (MPF) e os Ministérios Públicos Estaduais (MPEs) para monitorar a ocorrência de desmatamento ilegal sobre as áreas protegidas nos estados do Pará, Mato Grosso, Amapá e Roraima.
1047      </p>
1048    </div>
1049  </div>
1050
1051          
1052        </div>
1053      </div>
1054    </div>
1055  
1056    <div class="relative flex w-full">
1057      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
1058        <div class="flex flex-col gap-0 w-full max-w-xl">
1059          
1060            
1061  <div class="flex flex-row-reverse">
1062    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #00833D;">
1063      <div class="absolute inset-0 pointer-events-none">
1064        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #00833D;"></div>
1065
1066        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #00833D;"></div>
1067      </div>
1068
1069      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1070        Desenvolvimento do Sistema de Monitoramento da Exploração Madeireira (Simex), instrumento pioneiro no mundo em detectar a extração de madeira e avaliar sua legalidade.
1071      </p>
1072    </div>
1073  </div>
1074
1075          
1076            
1077  <div class="flex flex-row-reverse">
1078    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #00833D;">
1079      <div class="absolute inset-0 pointer-events-none">
1080        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #00833D;"></div>
1081
1082        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #00833D;"></div>
1083      </div>
1084
1085      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1086        Estudo sobre pecuária contribuiu para a criação de uma resolução do Conselho Monetário Nacional (CMN), que exige a regularidade ambiental e fundiária para as concessões de crédito na Amazônia).
1087      </p>
1088    </div>
1089  </div>
1090
1091          
1092            
1093  <div class="flex flex-row-reverse">
1094    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #00833D;">
1095      <div class="absolute inset-0 pointer-events-none">
1096        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #00833D;"></div>
1097
1098        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #00833D;"></div>
1099      </div>
1100
1101      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16
1101px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1102        Lançamento do Programa Município Verde em Paragominas, no Pará. Essa iniciativa resultou em uma drástica redução do desmatamento e no aumento expressivo do Cadastro Ambiental Rural (CAR). Com isso, o município foi o primeiro a deixar a lista crítica de desmatamento do Ministério do Meio Ambiente e Mudança do Clima (MMA).
1103      </p>
1104    </div>
1105  </div>
1106
1107          
1108        </div>
1109      </div>
1110
1111      <div class="flex flex-col items-center">
1112        <div id="2008" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #00833D;">
1113          <span class="text-[10px] md:text-[48px] leading-none">
1114            2008
1115          </span>
1116        </div>
1117
1118        
1119          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #00833D;"></div>
1120        
1121      </div>
1122
1123      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1124        <div class="flex flex-col gap-0 w-full max-w-xl">
1125          
1126            
1127  <div class="flex ">
1128    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #00833D;">
1129      <div class="absolute inset-0 pointer-events-none">
1130        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
1131
1132        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
1133      </div>
1134
1135      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1136        Lançamento do Sistema de Alerta de Desmatamento (SAD), que monitora mensalmente o desmatamento e a degradação florestal em toda a Amazônia Legal por meio de imagens de satélite. Desenvolvida desde 2006, essa foi a primeira iniciativa de monitoramento remoto desses danos feita sociedade civil no mundo.
1137      </p>
1138    </div>
1139  </div>
1140
1141          
1142            
1143  <div class="flex ">
1144    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #00833D;">
1145      <div class="absolute inset-0 pointer-events-none">
1146        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
1147
1148        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
1149      </div>
1150
1151      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1152        Estudo sobre pecuária contribuiu para a criação de uma resolução do Conselho Monetário Nacional (CMN), que exige a regularidade ambiental e fundiária para as concessões de crédito na Amazônia.
1153      </p>
1154    </div>
1155  </div>
1156
1157          
1158            <div class="flex flex-col items-center gap-1 md:gap-2">
1159  <img src="https://imazon.t3.storage.dev/images/static/timeline-07.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
1160  
1161</div>
1162          
1163        </div>
1164      </div>
1165    </div>
1166  
1167    <div class="relative flex w-full">
1168      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
1169        <div class="flex flex-col gap-0 w-full max-w-xl">
1170          
1171            
1172  <div class="flex flex-row-reverse">
1173    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #73A41D;">
1174      <div class="absolute inset-0 pointer-events-none">
1175        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #73A41D;"></div>
1176
1177        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #73A41D;"></div>
1178      </div>
1179
1180      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16
1180px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1181        Auxílio ao Ministério Público Federal (MPF) na elaboração do Termo de Ajustamento de Conduta (TAC) da pecuária no Pará, conhecido como &quot;TAC da Carne&quot;. Esse instrumento foi fundamental para a maior fiscalização da cadeia e o aumento do (CAR)
1182      </p>
1183    </div>
1184  </div>
1185
1186          
1187            
1188  <div class="flex flex-row-reverse">
1189    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #73A41D;">
1190      <div class="absolute inset-0 pointer-events-none">
1191        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #73A41D;"></div>
1192
1193        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #73A41D;"></div>
1194      </div>
1195
1196      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1197        Além disso, o Imazon contribuiu com informações técnicas para a criação de cerca de 3 milhões de hectares de UCs estaduais no Sul do Amazonas.
1198      </p>
1199    </div>
1200  </div>
1201
1202          
1203            
1204  <div class="flex flex-row-reverse">
1205    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #73A41D;">
1206      <div class="absolute inset-0 pointer-events-none">
1207        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #73A41D;"></div>
1208
1209        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #73A41D;"></div>
1210      </div>
1211
1212      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1213        Estudos sobre a Lei de Crimes Ambientais contribuíram para o aperfeiçoamento das estratégias de combate ao desmatamento. Entre elas, mudanças para acelerar a doação de bens apreendidos e a disseminação da lista de imóveis embargados.
1214      </p>
1215    </div>
1216  </div>
1217
1218          
1219            <div class="flex flex-col items-center gap-1 md:gap-2">
1220  <img src="https://imazon.t3.storage.dev/images/static/timeline-08.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
1221  <span class="text-[11px] md:text-sm text-center font-light">
1222    © Ideflor-Bio
1223  </span>
1224</div>
1225          
1226        </div>
1227      </div>
1228
1229      <div class="flex flex-col items-center">
1230        <div id="2009" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #73A41D;">
1231          <span class="text-[10px] md:text-[48px] leading-none">
1232            2009
1233          </span>
1234        </div>
1235
1236        
1237          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #73A41D;"></div>
1238        
1239      </div>
1240
1241      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1242        <div class="flex flex-col gap-0 w-full max-w-xl">
1243          
1244            
1245  <div class="flex ">
1246    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #73A41D;">
1247      <div class="absolute inset-0 pointer-events-none">
1248        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
1249
1250        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
1251      </div>
1252
1253      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1254        Publicações contribuíram para a criação do Programa Federal de Manejo Florestal Comunitário e Familiar (PMCF).
1255      </p>
1256    </div>
1257  </div>
1258
1259          
1260            
1261  <div class="flex ">
1262    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #73A41D;">
1263      <div class="absolute inset-0 pointer-events-none">
1264        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
1265
1266        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
1267      </div>
1268
1269      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16
1269px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1270        Imazon foi uma das instituições-chave na &#39;Carta Aberta das Empresas Brasileiras&#39; a favor de um acordo climático na Conferência do Clima de Copenhague, a COP-15. Essa iniciativa foi reconhecida pelo Secretário Geral da Organização das Nações Unidas (ONU) como uma das mais importantes na fase preparatória do evento.
1271      </p>
1272    </div>
1273  </div>
1274
1275          
1276            <div class="flex flex-col items-center gap-1 md:gap-2">
1277  <img src="https://imazon.t3.storage.dev/images/static/timeline-09.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
1278  <span class="text-[11px] md:text-sm text-center font-light">
1279    © Rafael Araújo/Imazon
1280  </span>
1281</div>
1282          
1283        </div>
1284      </div>
1285    </div>
1286  
1287    <div class="relative flex w-full">
1288      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
1289        <div class="flex flex-col gap-0 w-full max-w-xl">
1290          
1291            
1292  <div class="flex flex-row-reverse">
1293    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #2CBC70;">
1294      <div class="absolute inset-0 pointer-events-none">
1295        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
1296
1297        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
1298      </div>
1299
1300      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1301        Parceria com a Google para desenvolver o Sistema de Alerta de Desmatamento (SAD) na plataforma Earth Engine (EE).
1302      </p>
1303    </div>
1304  </div>
1305
1306          
1307            <div class="flex flex-col items-center gap-1 md:gap-2">
1308  <img src="https://imazon.t3.storage.dev/images/static/timeline-10.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
1309  
1310</div>
1311          
1312        </div>
1313      </div>
1314
1315      <div class="flex flex-col items-center">
1316        <div id="2010" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #2CBC70;">
1317          <span class="text-[10px] md:text-[48px] leading-none">
1318            2010
1319          </span>
1320        </div>
1321
1322        
1323          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #2CBC70;"></div>
1324        
1325      </div>
1326
1327      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1328        <div class="flex flex-col gap-0 w-full max-w-xl">
1329          
1330            
1331  <div class="flex ">
1332    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #2CBC70;">
1333      <div class="absolute inset-0 pointer-events-none">
1334        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #2CBC70;"></div>
1335
1336        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #2CBC70;"></div>
1337      </div>
1338
1339      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1340        Apoio à criação dos parques nacionais do Juruena e dos Campos Amazônicos, no Sul do Amazonas, que somam cerca de 3 milhões de hectares.
1341      </p>
1342    </div>
1343  </div>
1344
1345          
1346        </div>
1347      </div>
1348    </div>
1349  
1350    <div class="relative flex w-full">
1351      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
1352        <div class="flex flex-col gap-0 w-full max-w-xl">
1353          
1354            
1355  <div class="flex flex-row-reverse">
1356    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #004539;">
1357      <div class="absolute inset-0 pointer-events-none">
1358        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
1359
1360        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
1361      </div>
1362
1363      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16
1363px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1364        Co-liderança do projeto “Pecuária Verde” em Paragominas (PA), que tinha o objetivo de ampliar as boas práticas produtivas, de bem-estar animal e de condições de trabalho no setor.
1365      </p>
1366    </div>
1367  </div>
1368
1369          
1370        </div>
1371      </div>
1372
1373      <div class="flex flex-col items-center">
1374        <div id="2011" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #004539;">
1375          <span class="text-[10px] md:text-[48px] leading-none">
1376            2011
1377          </span>
1378        </div>
1379
1380        
1381          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #004539;"></div>
1382        
1383      </div>
1384
1385      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1386        <div class="flex flex-col gap-0 w-full max-w-xl">
1387          
1388            
1389  <div class="flex ">
1390    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #004539;">
1391      <div class="absolute inset-0 pointer-events-none">
1392        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
1393
1394        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
1395      </div>
1396
1397      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1398        Apoio à concepção e implantação do Programa Municípios Verdes (PMV) do governo do Pará. A política pública foi aplicada em 105 cidades das 144 existentes no estado, abrangendo cerca de 1 milhão de km² e beneficiando mais de 5 milhões de pessoas. Com isso, municípios paraenses deixaram a lista crítica de desmatamento do Ministério do Meio Ambiente (MMA).
1399      </p>
1400    </div>
1401  </div>
1402
1403          
1404        </div>
1405      </div>
1406    </div>
1407  
1408    <div class="relative flex w-full">
1409      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
1410        <div class="flex flex-col gap-0 w-full max-w-xl">
1411          
1412            
1413  <div class="flex flex-row-reverse">
1414    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #00833D;">
1415      <div class="absolute inset-0 pointer-events-none">
1416        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #00833D;"></div>
1417
1418        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #00833D;"></div>
1419      </div>
1420
1421      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1422        Trabalho pioneiro de monitoramento do desmatamento em assentamentos na Amazônia contribuiu para a criação do Programa Assentamentos Verdes, do Instituto Nacional de Colonização e Reforma Agrária (Incra).
1423      </p>
1424    </div>
1425  </div>
1426
1427          
1428            
1429  <div class="flex flex-row-reverse">
1430    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #00833D;">
1431      <div class="absolute inset-0 pointer-events-none">
1432        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #00833D;"></div>
1433
1434        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #00833D;"></div>
1435      </div>
1436
1437      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1438        Parceria com o Instituto Centro de Vida (ICV) para aplicação do Sistema de Monitoramento da Exploração Madeireira (Simex) em Mato Grosso.
1439      </p>
1440    </div>
1441  </div>
1442
1443          
1444        </div>
1445      </div>
1446
1447      <div class="flex flex-col items-center">
1448        <div id="2012" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #00833D;">
1449          <span class="text-[10px] md:text-[48px] leading-none">
1450            2012
1451          </span>
1452        </div>
1453
1454        
1455          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #00833D;"></div>
1456        
1457      </div>
1458
1459      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1460        <div class="flex flex-col gap-0 w-full max-w-xl">
1461          
1462            <div class="flex flex-col items-center gap-1 md:gap-2">
1463  <img src="https://imazon.t3.storage.dev/images/static/timeline-11.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
1464  <span class="text-[11px] md:text-sm text-center font-light">
1465    © Rafael Araújo/Imazon
1466  </span>
1467</div>
1468          
1469        </div>
1470      </div>
1471    </div>
1472  
1473    <div class="relative flex w-full">
1474      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
1475        <div class="flex flex-col gap-0 w-full max-w-xl">
1476          
1477            <div class="flex flex-col items-center gap-1 md:gap-2">
1478  <img src="https://imazon.t3.storage.dev/images/static/timeline-12.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
1479  <span class="text-[11px] md:text-sm text-center font-light">
1480    © EBC
1481  </span>
1482</div>
1483          
1484        </div>
1485      </div>
1486
1487      <div class="flex flex-col items-center">
1488        <div id="2013" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #73A41D;">
1489          <span class="text-[10px] md:text-[48px] leading-none">
1490            2013
1491          </span>
1492        </div>
1493
1494        
1495          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #73A41D;"></div>
1496        
1497      </div>
1498
1499      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1500        <div class="flex flex-col gap-0 w-full max-w-xl">
1501          
1502            
1503  <div class="flex ">
1504    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #73A41D;">
1505      <div class="absolute inset-0 pointer-events-none">
1506        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
1507
1508        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
1509      </div>
1510
1511      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1512        Participação no lançamento do Sistema de Estimativa de Emissões de Gases de Efeito Estufa do Brasil (Seeg), a primeira iniciativa desse tipo no hemisfério. O Imazon foi responsável pela atualização das estimativas de emissões do setor de mudança no uso da terra para todos os biomas do Brasil.
1513      </p>
1514    </div>
1515  </div>
1516
1517          
1518            
1519  <div class="flex ">
1520    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #73A41D;">
1521      <div class="absolute inset-0 pointer-events-none">
1522        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
1523
1524        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
1525      </div>
1526
1527      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1528        Apoio à concepção e implementação da Lista de Desmatamento Ilegal (LDI) do Pará.
1529      </p>
1530    </div>
1531  </div>
1532
1533          
1534            
1535  <div class="flex ">
1536    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #73A41D;">
1537      <div class="absolute inset-0 pointer-events-none">
1538        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
1539
1540        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
1541      </div>
1542
1543      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16
1543px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1544        Elaboração do Plano de Manejo do Parque Estadual do Utinga, em Belém (PA). Com a média de 40 mil visitantes por mês, o território é atualmente uma das unidades de conservação de maior visitação da Amazônia.
1545      </p>
1546    </div>
1547  </div>
1548
1549          
1550        </div>
1551      </div>
1552    </div>
1553  
1554    <div class="relative flex w-full">
1555      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
1556        <div class="flex flex-col gap-0 w-full max-w-xl">
1557          
1558            
1559  <div class="flex flex-row-reverse">
1560    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #2CBC70;">
1561      <div class="absolute inset-0 pointer-events-none">
1562        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
1563
1564        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
1565      </div>
1566
1567      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1568        Publicação do primeiro relatório com base no Índice de Progresso Social (IPS) em escala subnacional no mundo, que mediu a qualidade de vida em todos os 772 municípios da Amazônia Legal, chamado de “IPS Amazônia”. Novas publicações foram feitas em 2018, 2021 e 2023. A partir de 2024, os dados passaram a ser lançados anualmente por meio do IPS Brasil.
1569      </p>
1570    </div>
1571  </div>
1572
1573          
1574            
1575  <div class="flex flex-row-reverse">
1576    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #2CBC70;">
1577      <div class="absolute inset-0 pointer-events-none">
1578        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
1579
1580        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
1581      </div>
1582
1583      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1584        O Sistema de Alerta de Desmatamento (SAD) do Imazon foi uma das inspirações para o World Resources Institute (WRI) na construção da plataforma Global Forest Watch (GFW), ferramenta de monitoramento do desmatamento que possibilitou, pela primeira vez, o acesso em tempo real a imagens de satélite, mapas e crowdsourcing das florestas do mundo.
1585      </p>
1586    </div>
1587  </div>
1588
1589          
1590            
1591  <div class="flex flex-row-reverse">
1592    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #2CBC70;">
1593      <div class="absolute inset-0 pointer-events-none">
1594        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
1595
1596        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
1597      </div>
1598
1599      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1600        Contribuição para a elaboração e implementação do Programa Territórios Sustentáveis nos municípios de Oriximiná, Terra Santa e Faro, na região Norte do Pará, que somam 120 mil km².
1601      </p>
1602    </div>
1603  </div>
1604
1605          
1606        </div>
1607      </div>
1608
1609      <div class="flex flex-col items-center">
1610        <div id="2014" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #2CBC70;">
1611          <span class="text-[10px] md:text-[48px] leading-none">
1612            2014
1613          </span>
1614        </div>
1615
1616        
1617          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-
1617h-[3rem]" style="background: #2CBC70;"></div>
1618        
1619      </div>
1620
1621      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1622        <div class="flex flex-col gap-0 w-full max-w-xl">
1623          
1624            <div class="flex flex-col items-center gap-1 md:gap-2">
1625  <img src="https://imazon.t3.storage.dev/images/static/timeline-13.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
1626  <span class="text-[11px] md:text-sm text-center font-light">
1627    © Márcio Nagano/Imazon
1628  </span>
1629</div>
1630          
1631        </div>
1632      </div>
1633    </div>
1634  
1635    <div class="relative flex w-full">
1636      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
1637        <div class="flex flex-col gap-0 w-full max-w-xl">
1638          
1639            <div class="flex flex-col items-center gap-1 md:gap-2">
1640  <img src="https://imazon.t3.storage.dev/images/static/timeline-14.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
1641  <span class="text-[11px] md:text-sm text-center font-light">
1642    © Márcio Nagano/Imazon
1643  </span>
1644</div>
1645          
1646            
1647  <div class="flex flex-row-reverse">
1648    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #004539;">
1649      <div class="absolute inset-0 pointer-events-none">
1650        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
1651
1652        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
1653      </div>
1654
1655      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1656        Elaboração do Sistema Integrado de Gestão Ambiental (Sigam), que auxilia na descentralização da gestão ambiental municipal.
1657      </p>
1658    </div>
1659  </div>
1660
1661          
1662        </div>
1663      </div>
1664
1665      <div class="flex flex-col items-center">
1666        <div id="2015" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #004539;">
1667          <span class="text-[10px] md:text-[48px] leading-none">
1668            2015
1669          </span>
1670        </div>
1671
1672        
1673          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #004539;"></div>
1674        
1675      </div>
1676
1677      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1678        <div class="flex flex-col gap-0 w-full max-w-xl">
1679          
1680            
1681  <div class="flex ">
1682    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #004539;">
1683      <div class="absolute inset-0 pointer-events-none">
1684        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
1685
1686        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
1687      </div>
1688
1689      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1690        Protagonismo na concepção e desenvolvimento da rede MapBiomas, que tem o objetivo de mapear anualmente as mudanças no uso e cobertura da terra no Brasil.
1691      </p>
1692    </div>
1693  </div>
1694
1695          
1696            
1697  <div class="flex ">
1698    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #004539;">
1699      <div class="absolute inset-0 pointer-events-none">
1700        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
1701
1702        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
1703      </div>
1704
1705      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1706        Criação do Programa Agentes Ambientais Comunitários (AAC), em parceria com o Instituto de Desenvolvimento Florestal e da Biodiversidade (Ideflor-Bio) do governo do Pará. A iniciativa já formou mais de 100 voluntários para liderar ações de proteção e educação ambiental no estado.
1707      </p>
1708    </div>
1709  </div>
1710
1711          
1712        </div>
1713      </div>
1714    </div>
1715  
1716    <div class="relative flex w-full">
1717      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
1718        <div class="flex flex-col gap-0 w-full max-w-xl">
1719          
1720            <div class="flex flex-col items-center gap-1 md:gap-2">
1721  <img src="https://imazon.t3.storage.dev/images/static/timeline-15.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
1722  <span class="text-[11px] md:text-sm text-center font-light">
1723    © Vitória Leona/Imazon
1724  </span>
1725</div>
1726          
1727        </div>
1728      </div>
1729
1730      <div class="flex flex-col items-center">
1731        <div id="2017" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #00833D;">
1732          <span class="text-[10px] md:text-[48px] leading-none">
1733            2017
1734          </span>
1735        </div>
1736
1737        
1738          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #00833D;"></div>
1739        
1740      </div>
1741
1742      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1743        <div class="flex flex-col gap-0 w-full max-w-xl">
1744          
1745            
1746  <div class="flex ">
1747    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #00833D;">
1748      <div class="absolute inset-0 pointer-events-none">
1749        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
1750
1751        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
1752      </div>
1753
1754      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1755        Lançamento do FloreSer, sistema de monitoramento da vegetação secundária da Amazônia disponibilizado no Google Earth Engine (GEE).
1756      </p>
1757    </div>
1758  </div>
1759
1760          
1761            
1762  <div class="flex ">
1763    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #00833D;">
1764      <div class="absolute inset-0 pointer-events-none">
1765        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
1766
1767        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
1768      </div>
1769
1770      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1771        Estudos contribuíram com recomendações para a implementação do Plano Nacional de Recuperação da Vegetação Nativa (Planaveg), cuja meta é restaurar pelo menos 12 milhões de hectares de florestas até 2030.
1772      </p>
1773    </div>
1774  </div>
1775
1776          
1777        </div>
1778      </div>
1779    </div>
1780  
1781    <div class="relative flex w-full">
1782      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
1783        <div class="flex flex-col gap-0 w-full max-w-xl">
1784          
1785        </div>
1786      </div>
1787
1788      <div class="flex flex-col items-center">
1789        <div id="2018" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #73A41D;">
1790          <span class="text-[10px] md:text-[48px] leading-none">
1791            2018
1792          </span>
1793        </div>
1794
1795        
1796          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #73A41D;"></div>
1797        
1798      </div>
1799
1800      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1801        <div class="flex flex-col gap-0 w-full max-w-xl">
1802          
1803            
1804  <div class="flex ">
1805    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #73A41D;">
1806      <div class="absolute inset-0 pointer-events-none">
1807        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
1808
1809        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
1810      </div>
1811
1812      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1813        Pesquisas auxiliaram o desenvolvimento do Sistema de Cadastro e Regularização Fundiária (Sicarf), lançado pelo Instituto de Terras do Pará (Iterpa).
1814      </p>
1815    </div>
1816  </div>
1817
1818          
1819        </div>
1820      </div>
1821    </div>
1822  
1823    <div class="relative flex w-full">
1824      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
1825        <div class="flex flex-col gap-0 w-full max-w-xl">
1826          
1827            
1828  <div class="flex flex-row-reverse">
1829    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #2CBC70;">
1830      <div class="absolute inset-0 pointer-events-none">
1831        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
1832
1833        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
1834      </div>
1835
1836      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16
1836px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1837        Apoio direto na criação da Área de Proteção Ambiental (APA) Jará, localizada em Juruti (PA). A unidade de conservação municipal tem 4.850 hectares.
1838      </p>
1839    </div>
1840  </div>
1841
1842          
1843            
1844  <div class="flex flex-row-reverse">
1845    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #2CBC70;">
1846      <div class="absolute inset-0 pointer-events-none">
1847        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
1848
1849        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
1850      </div>
1851
1852      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1853        Lançamento, em parceria com outras instituições, do Portal Proteja, a maior biblioteca digital sobre áreas protegidas do Brasil.
1854      </p>
1855    </div>
1856  </div>
1857
1858          
1859        </div>
1860      </div>
1861
1862      <div class="flex flex-col items-center">
1863        <div id="2019" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #2CBC70;">
1864          <span class="text-[10px] md:text-[48px] leading-none">
1865            2019
1866          </span>
1867        </div>
1868
1869        
1870          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #2CBC70;"></div>
1871        
1872      </div>
1873
1874      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1875        <div class="flex flex-col gap-0 w-full max-w-xl">
1876          
1877            <div class="flex flex-col items-center gap-1 md:gap-2">
1878  <img src="https://imazon.t3.storage.dev/images/static/timeline-16.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
1879  <span class="text-[11px] md:text-sm text-center font-light">
1880    © Márcio Nagano/Imazon
1881  </span>
1882</div>
1883          
1884        </div>
1885      </div>
1886    </div>
1887  
1888    <div class="relative flex w-full">
1889      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
1890        <div class="flex flex-col gap-0 w-full max-w-xl">
1891          
1892            
1893  <div class="flex flex-row-reverse">
1894    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #004539;">
1895      <div class="absolute inset-0 pointer-events-none">
1896        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
1897
1898        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
1899      </div>
1900
1901      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1902        Lançamento do projeto Amazônia 2030, em parceria com outras instituições, com objetivo de criar um plano de desenvolvimento econômico e social para a região. A iniciativa já contou com a contribuição de mais de 120 pesquisadores renomados e publicou mais de 80 estudos.
1903      </p>
1904    </div>
1905  </div>
1906
1907          
1908            
1909  <div class="flex flex-row-reverse">
1910    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #004539;">
1911      <div class="absolute inset-0 pointer-events-none">
1912        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
1913
1914        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
1915      </div>
1916
1917      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
1918        Criação da Rede Simex, integrada pelo Imazon, ICV, Idesam e Imaflora, com objetivo de mapear anualmente a extração madeireira em toda a Amazônia Legal e avaliar a legalidade da atividade nos estados com planos de manejo públicos.
1919      </p>
1920    </div>
1921  </div>
1922
1923          
1924        </div>
1925      </div>
1926
1927      <div class="flex flex-col items-center">
1928        <div id="2020" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #004539;">
1929          <span class="text-[10px] md:text-[48px] leading-none">
1930            2020
1931          </span>
1932        </div>
1933
1934        
1935          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #004539;"></div>
1936        
1937      </div>
1938
1939      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1940        <div class="flex flex-col gap-0 w-full max-w-xl">
1941          
1942        </div>
1943      </div>
1944    </div>
1945  
1946    <div class="relative flex w-full">
1947      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
1948        <div class="flex flex-col gap-0 w-full max-w-xl">
1949          
1950            <div class="flex flex-col items-center gap-1 md:gap-2">
1951  <img src="https://imazon.t3.storage.dev/images/static/timeline-17.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
1952  
1953</div>
1954          
1955        </div>
1956      </div>
1957
1958      <div class="flex flex-col items-center">
1959        <div id="2021" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #00833D;">
1960          <span class="text-[10px] md:text-[48px] leading-none">
1961            2021
1962          </span>
1963        </div>
1964
1965        
1966          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #00833D;"></div>
1967        
1968      </div>
1969
1970      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
1971        <div class="flex flex-col gap-0 w-full max-w-xl">
1972          
1973            
1974  <div class="flex ">
1975    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #00833D;">
1976      <div class="absolute inset-0 pointer-events-none">
1977        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
1978
1979        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
1980      </div>
1981
1982      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1983        Atuação na coordenação técnica da plataforma MapBiomas Água, que monitora a superfície hídrica do país.
1984      </p>
1985    </div>
1986  </div>
1987
1988          
1989            
1990  <div class="flex ">
1991    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #00833D;">
1992      <div class="absolute inset-0 pointer-events-none">
1993        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
1994
1995        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #00833D;"></div>
1996      </div>
1997
1998      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
1999        Lançamento da PrevisIA, plataforma que utiliza inteligência artificial para indicar as áreas sob maior risco de desmatamento na Amazônia Legal.
2000      </p>
2001    </div>
2002  </div>
2003
2004          
2005        </div>
2006      </div>
2007    </div>
2008  
2009    <div class="relative flex w-full">
2010      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
2011        <div class="flex flex-col gap-0 w-full max-w-xl">
2012          
2013            
2014  <div class="flex flex-row-reverse">
2015    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #73A41D;">
2016      <div class="absolute inset-0 pointer-events-none">
2017        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #73A41D;"></div>
2018
2019        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #73A41D;"></div>
2020      </div>
2021
2022      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
2023        Apoio à expedição que encontrou a maior árvore da Amaz
2023ônia e a 4ª maior do mundo, na Floresta Estadual (Flota) do Paru, no norte do Pará. Trata-se de um angelim-vermelho de 88,5 metros de altura, o equivalente a quase 2,5 vezes o tamanho do Cristo Redentor, com idade estimada em 600 anos.
2024      </p>
2025    </div>
2026  </div>
2027
2028          
2029        </div>
2030      </div>
2031
2032      <div class="flex flex-col items-center">
2033        <div id="2022" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #73A41D;">
2034          <span class="text-[10px] md:text-[48px] leading-none">
2035            2022
2036          </span>
2037        </div>
2038
2039        
2040          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #73A41D;"></div>
2041        
2042      </div>
2043
2044      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
2045        <div class="flex flex-col gap-0 w-full max-w-xl">
2046          
2047            
2048  <div class="flex ">
2049    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #73A41D;">
2050      <div class="absolute inset-0 pointer-events-none">
2051        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
2052
2053        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #73A41D;"></div>
2054      </div>
2055
2056      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
2057        Lançamento do Radar Verde, iniciativa que visa mostrar quais são os frigoríficos e os varejistas que têm as práticas mais efetivas para barrar a carne oriunda do desmatamento ilegal da Amazônia.
2058      </p>
2059    </div>
2060  </div>
2061
2062          
2063        </div>
2064      </div>
2065    </div>
2066  
2067    <div class="relative flex w-full">
2068      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
2069        <div class="flex flex-col gap-0 w-full max-w-xl">
2070          
2071            
2072  <div class="flex flex-row-reverse">
2073    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #2CBC70;">
2074      <div class="absolute inset-0 pointer-events-none">
2075        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
2076
2077        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
2078      </div>
2079
2080      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
2081        Início do mapeamento das áreas úmidas na Pan-Amazônia, em parceria com a Raisg e o MapBiomas Água.
2082      </p>
2083    </div>
2084  </div>
2085
2086          
2087            
2088  <div class="flex flex-row-reverse">
2089    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #2CBC70;">
2090      <div class="absolute inset-0 pointer-events-none">
2091        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
2092
2093        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
2094      </div>
2095
2096      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
2097        Pesquisa com 3,5 mil processos judiciais por desmatamento ilegal na Amazônia motivou o Conselho Nacional de Justiça (CNJ) a lançar o Protocolo para Julgamento de Ações Ambientais.
2098      </p>
2099    </div>
2100  </div>
2101
2102          
2103            
2104  <div class="flex flex-row-reverse">
2105    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #2CBC70;">
2106      <div class="absolute inset-0 pointer-events-none">
2107        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
2108
2109        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #2CBC70;"></div>
2110      </div>
2111
2112      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16
2112px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
2113        Estudo sobre regularização fundiária contribuiu com decreto federal nº 11.688, que direcionou a titulação de terras para conservação.
2114      </p>
2115    </div>
2116  </div>
2117
2118          
2119        </div>
2120      </div>
2121
2122      <div class="flex flex-col items-center">
2123        <div id="2023" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #2CBC70;">
2124          <span class="text-[10px] md:text-[48px] leading-none">
2125            2023
2126          </span>
2127        </div>
2128
2129        
2130          <div class="w-[4px] md:w-[6px] flex-1 min-h-[2rem] md:min-h-[3rem]" style="background: #2CBC70;"></div>
2131        
2132      </div>
2133
2134      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
2135        <div class="flex flex-col gap-0 w-full max-w-xl">
2136          
2137            <div class="flex flex-col items-center gap-1 md:gap-2">
2138  <img src="https://imazon.t3.storage.dev/images/static/timeline-18.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
2139  <span class="text-[11px] md:text-sm text-center font-light">
2140    © Márcio Nagano/Imazon
2141  </span>
2142</div>
2143          
2144            
2145  <div class="flex ">
2146    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #2CBC70;">
2147      <div class="absolute inset-0 pointer-events-none">
2148        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #2CBC70;"></div>
2149
2150        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #2CBC70;"></div>
2151      </div>
2152
2153      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
2154        Estudo sobre pecuária contribuiu para a criação do Programa Nacional de Conversão de Pastagens Degradadas em Sistemas de Produção Agropecuários e Florestais Sustentáveis (PNCPD), que visa recuperar e converter até 40 milhões de hectares de pastagens de baixa produtividade em áreas agricultáveis em dez anos.
2155      </p>
2156    </div>
2157  </div>
2158
2159          
2160            
2161  <div class="flex ">
2162    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #2CBC70;">
2163      <div class="absolute inset-0 pointer-events-none">
2164        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #2CBC70;"></div>
2165
2166        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #2CBC70;"></div>
2167      </div>
2168
2169      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
2170        Lançamento do Portal JusAmazônia, que permite o acompanhamento de ações civis públicas relacionadas a crimes ambientais na Amazônia Legal.
2171      </p>
2172    </div>
2173  </div>
2174
2175          
2176        </div>
2177      </div>
2178    </div>
2179  
2180    <div class="relative flex w-full">
2181      <div class="w-1/2 flex justify-start pr-2 md:pr-8">
2182        <div class="flex flex-col gap-0 w-full max-w-xl">
2183          
2184            <div class="flex flex-col items-center gap-1 md:gap-2">
2185  <img src="https://imazon.t3.storage.dev/images/static/timeline-19.png" alt="Imagem de 2003" class="w-full max-w-[220px] md:max-w-full object-contain rounded-lg">
2186  <span class="text-[11px] md:text-sm text-center font-light">
2187    © WWF
2188  </span>
2189</div>
2190          
2191            
2192  <div class="flex flex-row-reverse">
2193    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pr-1 md:pr-2 border-r-[2px] md:border-r-[6px]" style="border-color: #004539;">
2194      <div class="absolute inset-0 pointer-events-none">
2195        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
2196
2197        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] right-0" style="background: #004539;"></div>
2198      </div>
2199
2200      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16
2200px] leading-[18px] md:leading-[24px] pr-2 pl-2 md:pr-6 md:pl-6 md:pl-12 xl:pl-[100px] text-right">
2201        Contribuição com sete enunciados aprovados na I Jornada de Prevenção e Gerenciamento de Crises Ambientais, organizada pelo Conselho da Justiça Federal (CJF). Esses textos funcionam como diretrizes para orientar juízes de todo o país em decisões relacionadas à temática ambiental.
2202      </p>
2203    </div>
2204  </div>
2205
2206          
2207        </div>
2208      </div>
2209
2210      <div class="flex flex-col items-center">
2211        <div id="2024" class="flex items-center justify-center text-white font-bold z-10 shadow-2xl w-[44px] h-[44px] md:w-[178px] md:h-[178px] rounded-[999px]" style="background: #004539;">
2212          <span class="text-[10px] md:text-[48px] leading-none">
2213            2024
2214          </span>
2215        </div>
2216
2217        
2218      </div>
2219
2220      <div class="w-1/2 flex justify-end pl-2 md:pl-8">
2221        <div class="flex flex-col gap-0 w-full max-w-xl">
2222          
2223            
2224  <div class="flex ">
2225    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #004539;">
2226      <div class="absolute inset-0 pointer-events-none">
2227        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
2228
2229        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
2230      </div>
2231
2232      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
2233        Lançamento do Índice de Progresso Social (IPS) para todos os 5.570 municípios brasileiros, o IPS Brasil. Essa foi a maior aplicação do IPS no mundo em relação ao número de territórios analisados.
2234      </p>
2235    </div>
2236  </div>
2237
2238          
2239            
2240  <div class="flex ">
2241    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #004539;">
2242      <div class="absolute inset-0 pointer-events-none">
2243        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
2244
2245        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
2246      </div>
2247
2248      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
2249        Imazon passou a integrar o conselho técnico do Programa de Pecuária Sustentável do governo do Pará, que tem a rastreabilidade bovina como uma das metas.
2250      </p>
2251    </div>
2252  </div>
2253
2254          
2255            
2256  <div class="flex ">
2257    <div class="relative py-1 px-1 mt-2 md:py-2 md:px-2 md:mt-4 pl-1 md:pl-2 border-l-[2px] md:border-l-[6px]" style="border-color: #004539;">
2258      <div class="absolute inset-0 pointer-events-none">
2259        <div class="absolute top-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
2260
2261        <div class="absolute bottom-0 w-3 md:w-4 h-[2px] md:h-[6px] left-0" style="background: #004539;"></div>
2262      </div>
2263
2264      <p class="bg-white relative z-10 max-w-[240px] md:max-w-none py-2 md:py-6 text-[13px] md:text-[16px] leading-[18px] md:leading-[24px] pl-2 pr-2 md:pl-6 md:pr-6 md:pr-12 xl:pr-[100px] text-left">
2265        Lançamento do Programa Grande Tumucumaque colocou o Imazon no rol das instituições que atuam com o monitoramento da biodiversidade na Amazônia.
2266      </p>
2267    </div>
2268  </div>
2269
2270          
2271        </div>
2272      </div>
2273    </div>
2274  
2275</div>
2276    </div>
2277  
2278
2279  
2280</div>
2281  </div>
2282</main>
2283
2284<footer class="w-full bg-green-700 text-white px-2 py-2 md:px-0 md:py-12 font-nunito z-10">
2285  <div class="container max-w-7xl mx-auto px-4 text-[8px] lg:text-xl ">
2286    <div class="grid grid-cols-2 gap-8 items-start md:items-end">
2287      <div>
2288        <div class="flex py-4 md:justify-center md:w-80">
2289          <img src="/images/footer-logo.png" alt="Imazon" class="w-[96px] md:w-full">
2290        </div>
2291
2292        <p class="mb-4 md:my-4">
2293          O Imazon é um instituto brasileiro de pesquisa que tem como missão promover a conservação e desenvolvimento sustentável na Amazônia. Somos uma associação sem fins lucrativos e qualificada pelo Ministério da Justiça do Brasil como Organização da Sociedade Civil de Interesse Público (Oscip).
2294        </p>
2295      </div>
2296
2297      <div>
2298        <div class="space-y-2 pt-6 md:p-0">
2299          <p class="flex items-start">
2300            <svg class="w-5 h-5 mr-2 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2301              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z">
2302              </path>
2303
2304              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z">
2305              </path>
2306            </svg>
2307            Tv. Dom Romualdo de Seixas, 1.698<br>
2307 Ed. Zion Business, 11º andar<br> Bairro Umarizal<br> Belém, Pará, Brasil<br> CEP 66.055-200
2308          </p>
2309
2310          <p class="flex items-center">
2311            <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2312              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z">
2313              </path>
2314            </svg>
2315            +55 91 3182-4000
2316          </p>
2317
2318          <p class="flex items-center">
2319            <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2320              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z">
2321              </path>
2322            </svg>
2323            [email protected]
2324          </p>
2325
2326          <p class="flex items-center">
2327            <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2328              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z">
2329              </path>
2330            </svg>
2331            [email protected]
2332          </p>
2333
2334          <p class="flex items-center">
2335            <svg class="w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mic">
2336              <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path>
2337
2338              <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
2339
2340              <line x1="12" y1="19" x2="12" y2="23"></line>
2341
2342              <line x1="8" y1="23" x2="16" y2="23"></line>
2343            </svg>
2344            Assessoria de imprensa
2345          </p>
2346
2347          <span class="pl-6">
2348            [email protected]
2349          </span>
2350        </div>
2351      </div>
2352    </div>
2353  </div>
2354</footer>
2355
2356<div class="w-full bg-[#051E09] py-2 text-center text-[8px] lg:text-sm text-white">
2357  Este site foi desenvolvido pela
2358  <a href="https://notboring.com.br/" class="hover:text-white underline" target="_blank">
2359    NOTABC
2360  </a>
2361</div></div>
2362  </body>
2363</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.