PageSourceSearch

https://imazon.fly.dev/

html imazon.fly.dev collected 2026-10-03 08:26:16 UTC 65,185 bytes, 1,138 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="dhxVFGwaBVQsOD4AP0ZzFAlcfS84R38GOm4L_x0bCPTKJv6nY3JwNw12">
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-GNr3ioumwYq7bIMx" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBnQAAAAIZAACaWRtAAAAFHBoeC1HTnIzaW91bXdZcTdiSU14ZAARbGl2ZV9zZXNzaW9uX25hbWVkAAxjdXJyZW50X3VzZXJkAApwYXJlbnRfcGlkZAADbmlsZAAIcm9vdF9waWRkAANuaWxkAAlyb290X3ZpZXdkABlFbGl4aXIuSW1hem9uV2ViLkhvbWVMaXZlZAAGcm91dGVyZAAXRWxpeGlyLkltYXpvbldlYi5Sb3V0ZXJkAAdzZXNzaW9udAAAAABkAAR2aWV3ZAAZRWxpeGlyLkltYXpvbldlYi5Ib21lTGl2ZW4GAEL93gChAWIAAVGA.EMp2wXCn7b3JDCxH2OPQn6NsNhZbBJYrgRkuplDIdwE" data-phx-static="SFMyNTY.g2gDaAJhBnQAAAADZAAKYXNzaWduX25ld2wAAAABZAAMY3VycmVudF91c2VyamQABWZsYXNodAAAAABkAAJpZG0AAAAUcGh4LUdOcjNpb3Vtd1lxN2JJTXhuBgBC_d4AoQFiAAFRgA.WC82v2kvINT6FTij4yYWTHRr62g3QKvRIz7OF4KoqrA"><header class="py-4 md:py-6 lg:py-8 p-0 md:p-8 lg:p-12 w-fullbg-transparent text-white absolute w-full z-30 h-2 -mt-4">
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="/?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="/home/es" 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 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="/home/en" 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 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 bg-transparent text-white">
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="/?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="/home/es" 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 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="/home/en" 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 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="w-full md:absolute z-20 md:top-0 h-8 md:h-96 home_header"></div>
455<header class="hidden lg:flex lg:relative items-center justify-center text-center
456    w-full aspect-[16/9]
457    bg-contain md:bg-cover bg-no-repeat bg-center font-nunito-sans transition-opacity duration-1000 ease-in-out" style="background-image: url(&#39;https://imazon.t3.storage.dev/images/topo_site_pt_653422d5.png&#39;);">
458  <div class="relative z-30 text-white px-4"></div>
459</header>
460
461<header class="flex lg:hidden items-center justify-center text-center w-full bg-contain bg-center bg-no-repeat font-nunito-sans transition-opacity duration-1000 ease-in-out relative" style="background-image: url(&#39;https://imazon.t3.storage.dev/images/capa_site_celular_pt_814392ef.png&#39;);">
462  <div class="w-full aspect-[401/429]"></div>
463
464  <div class="absolute inset-0 flex items-center justify-center text-white px-4"></div>
465</header>
466
467<div class="w-full -mt-[10px] lg:-mt-4 flex flex-row justify-end items-center relative -top-2">
468  <div class="container max-w-6xl mx-auto flex flex-col md:flex-row justify-end items-center gap-4 px-4 md:px-0">
469    <a href="/cop30" class="hidden md:flex bg-[#00A99D] text-white font-semibold h-[48px] py-2 px-10 rounded-3xl text-xl whitespace-nowrap hover:bg-[#009387] transition-colors">
470      COP30
471    </a>
472    
473<!-- Redes Sociais -->
474    <div class="flex flex-row justify-center md:justify-end gap-3 w-full md:w-auto">
475      <a href="https://www.instagram.com/imazonoficial/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Instagram do Imazon (em nova aba)" class="text-gray-800 font-nunito-sans font-bold text-2xl">
476        <img src="/images/social-media-instagram.svg" alt="" class="w-[48px] lg:w-[77px] h-[60px] lg:h-[48px]">
477      </a><a href="https://www.linkedin.com/company/imazon" target="_blank" rel="noopener noreferrer" aria-label="Acessar Linkedin do Imazon (em nova aba)" class="text-gray-800 font-nunito-sans font-bold text-2xl">
478        <img src="/images/social-media-linkedin.svg" alt="" class="w-[48px] lg:w-[77px] h-[60px] lg:h-[48px]">
479      </a><a href="https://www.facebook.com/imazonoficial/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Facebook do Imazon (em nova aba)" class="text-gray-800 font-nunito-sans font-bold text-2xl">
480        <img src="/images/social-media-facebook.svg" alt="" class="w-[48px] lg:w-[77px] h-[60px] lg:h-[48px]">
481      </a><a href="https://www.youtube.com/@ImazonInstitucional" target="_blank" rel="noopener noreferrer" aria-label="Acessar Youtube do Imazon (em nova aba)" class="text-gray-800 font-nunito-sans font-bold text-2xl">
482        <img src="/images/social-media-youtube.svg" alt="" class="w-[48px] lg:w-[77px] h-[60px] lg:h-[48px]">
483      </a><a href="https://www.tiktok.com/@imazonoficial" target="_blank" rel="noopener noreferrer" aria-label="Acessar TikTok do Imazon (em nova aba)" class="text-gray-800 font-nunito-sans font-bold text-2xl">
484        <img src="/images/social-media-tiktok.svg" alt="" class="w-[48px] lg:w-[77px] h-[60px] lg:h-[48px]">
485      </a><a href="https://x.com/Imazon" target="_blank" rel="noopener noreferrer" aria-label="Acessar X do Imazon (em nova aba)" class="text-gray-800 font-nunito-sans font-bold text-2xl">
486        <img src="/images/social-media-x.svg" alt="" class="w-[48px] lg:w-[77px] h-[60px] lg:h-[48px]">
487      </a>
488    </div>
489
490    <a href="/cop30" class="flex md:hidden bg-[#00A99D] text-white font-semibold h-[36px] py-[5px] px-8 rounded-3xl text-base whitespace-nowrap hover:bg-[#009387] transition-colors">
491      COP30
492    </a>
493  </div>
494</div>
495
496<main class="w-full">
497  <h1 class="sr-only">36 anos de ciência para a Amazônia</h1>
498  <div id="solutions" class="w-full py-6 lg:py-12 bg-white">
499    <div class="container max-w-7xl font-xl mx-auto md:px-4">
500      <h2 class="home-section-title px-4 md:px-0">
501        Soluções
502      </h2>
503
504      <div class="flex items-center justify-center gap-12">
505        <img src="/images/chevron-left-post.svg" class="w-12 h-12 hidden lg:block" phx-click="rotate-posts-left" alt="Chevron Left">
506        <div class="hidden md:flex flex-wrap justify-center gap-6">
507          <a href="/page/desmatamento-zero" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
508    transition-transform duration-400 hover:scale-105 shadow-lg  min-w-[126px] w-[126px] md:w-[289px] h-[213px] md:h-[492px]" style="background-image: url(/images/solucao1.png);" target="_blank">
509  
510    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
511    </div>
512  
513
514  <div class="post-card-inner-content absolute bottom-0 z-10
515      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
516    <div class="w-full text-[15px] md:text-[28px] leading-4.25 md:leading-7 line-clamp-3">
517      Desmatamento Zero
518    </div>
519  </div>
520</a><a href="/page/conservacao" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
521    transition-transform duration-400 hover:scale-105 shadow-lg  min-w-[126px] w-[126px] md:w-[289px] h-[213px] md:h-[492px]" style="background-image: url(/images/solucao2.jpg);" target="_blank">
522  
523    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
524    </div>
525  
526
527  <div class="post-card-inner-content absolute bottom-0 z-10
528      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
529    <div class="w-full text-[15px] md:text-[28px] leading-4.25 md:leading-7 line-clamp-3">
530      Conservação
531    </div>
532  </div>
533</a><a href="/page/restauracao-florestal" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
534    transition-transform duration-400 hover:scale-105 shadow-lg  min-w-[126px] w-[126px] md:w-[289px] h-[213px] md:h-[492px]" style="background-image: url(/images/solucao3.png);" target="_blank">
535  
536    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
537    </div>
538  
539
540  <div class="post-card-inner-content absolute bottom-0 z-10
541      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
542    <div class="w-full text-[15px] md:text-[28px] leading-4.25 md:leading-7 line-clamp-3">
543      Restauração Florestal
544    </div>
545  </div>
546</a>
547        </div>
548
549        <div class="landing-post-carousel">
550          <a href="/page/desmatamento-zero" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
551    transition-transform duration-400 hover:scale-105 shadow-lg  min-w-[126px] w-[126px] md:w-[289px] h-[213px] md:h-[492px]" style="background-image: url(/images/solucao1.png);" target="_blank">
552  
553    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
554    </div>
555  
556
557  <div class="post-card-inner-content absolute bottom-0 z-10
558      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
559    <div class="w-full text-[15px] md:text-[28px] leading-4.25 md:leading-7 line-clamp-3">
560      Desmatamento Zero
561    </div>
562  </div>
563</a><a href="/page/conservacao" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
564    transition-transform duration-400 hover:scale-105 shadow-lg  min-w-[126px] w-[126px] md:w-[289px] h-[213px] md:h-[492px]" style="background-image: url(/images/solucao2.jpg);" target="_blank">
565  
566    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
567    </div>
568  
569
570  <div class="post-card-inner-content absolute bottom-0 z-10
571      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
572    <div class="w-full text-[15px] md:text-[28px] leading-4.25 md:leading-7 line-clamp-3">
573      Conservação
574    </div>
575  </div>
576</a><a href="/page/restauracao-florestal" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
577    transition-transform duration-400 hover:scale-105 shadow-lg  min-w-[126px] w-[126px] md:w-[289px] h-[213px] md:h-[492px]" style="background-image: url(/images/solucao3.png);" target="_blank">
578  
579    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
580    </div>
581  
582
583  <div class="post-card-inner-content absolute bottom-0 z-10
584      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
585    <div class="w-full text-[15px] md:text-[28px] leading-4.25 md:leading-7 line-clamp-3">
586      Restauração Florestal
587    </div>
588  </div>
589</a><a href="/page/bioecomonia" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
590    transition-transform duration-400 hover:scale-105 shadow-lg  min-w-[126px] w-[126px] md:w-[289px] h-[213px] md:h-[492px]" style="background-image: url(/images/solucao4.jpg);" target="_blank">
591  
592    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
593    </div>
594  
595
596  <div class="post-card-inner-content absolute bottom-0 z-10
597      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
598    <div class="w-full text-[15px] md:text-[28px] leading-4.25 md:leading-7 line-clamp-3">
599      Bioeconomia
600    </div>
601  </div>
602</a><a href="/page/turismo-2" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
603    transition-transform duration-400 hover:scale-105 shadow-lg  min-w-[126px] w-[126px] md:w-[289px] h-[213px] md:h-[492px]" style="background-image: url(/images/solucao5.jpg);" target="_blank">
604  
605    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
606    </div>
607  
608
609  <div class="post-card-inner-content absolute bottom-0 z-10
610      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
611    <div class="w-full text-[15px] md:text-[28px] leading-4.25 md:leading-7 line-clamp-3">
612      Turismo
613    </div>
614  </div>
615</a><a href="/page/manejo-florestal" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
616    transition-transform duration-400 hover:scale-105 shadow-lg  min-w-[126px] w-[126px] md:w-[289px] h-[213px] md:h-[492px]" style="background-image: url(/images/solucao6.jpg);" target="_blank">
617  
618    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
619    </div>
620  
621
622  <div class="post-card-inner-content absolute bottom-0 z-10
623      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
624    <div class="w-full text-[15px] md:text-[28px] leading-4.25 md:leading-7 line-clamp-3">
625      Manejo Florestal
626    </div>
627  </div>
628</a><a href="/page/pecuaria-2" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
629    transition-transform duration-400 hover:scale-105 shadow-lg  min-w-[126px] w-[126px] md:w-[289px] h-[213px] md:h-[492px]" style="background-image: url(/images/solucao7.jpg);" target="_blank">
630  
631    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
632    </div>
633  
634
635  <div class="post-card-inner-content absolute bottom-0 z-10
636      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
637    <div class="w-full text-[15px] md:text-[28px] leading-4.25 md:leading-7 line-clamp-3">
638      Pecuária
639    </div>
640  </div>
641</a><a href="/page/ordenamento-territorial" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
642    transition-transform duration-400 hover:scale-105 shadow-lg  min-w-[126px] w-[126px] md:w-[289px] h-[213px] md:h-[492px]" style="background-image: url(/images/solucao8.jpg);" target="_blank">
643  
644    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
645    </div>
646  
647
648  <div class="post-card-inner-content absolute bottom-0 z-10
649      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
650    <div class="w-full text-[15px] md:text-[28px] leading-4.25 md:leading-7 line-clamp-3">
651      Ordenamento Territorial
652    </div>
653  </div>
654</a><a href="/page/agua-2" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
655    transition-transform duration-400 hover:scale-105 shadow-lg  min-w-[126px] w-[126px] md:w-[289px] h-[213px] md:h-[492px]" style="background-image: url(/images/solucao9.jpg);" target="_blank">
656  
657    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
658    </div>
659  
660
661  <div class="post-card-inner-content absolute bottom-0 z-10
662      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
663    <div class="w-full text-[15px] md:text-[28px] leading-4.25 md:leading-7 line-clamp-3">
664      Água
665    </div>
666  </div>
667</a>
668        </div>
669
670        <img src="/images/chevron-right-post.svg" class="w-12 h-12 hidden lg:block" phx-click="rotate-posts-right" alt="Chevron Right">
671      </div>
672
673      <div class="hidden md:flex justify-center items-center gap-3 mt-20">
674        <div phx-click="set-post-index" phx-value-index="0" class="w-12 h-1.5 rounded-[100px] cursor-pointer transition-colors bg-[#94A625]">
675        </div><div phx-click="set-post-index" phx-value-index="1" class="w-12 h-1.5 rounded-[100px] cursor-pointer transition-colors bg-[#98A82440] hover:bg-[#94A625]">
676        </div><div phx-click="set-post-index" phx-value-index="2" class="w-12 h-1.5 rounded-[100px] cursor-pointer transition-colors bg-[#98A82440] hover:bg-[#94A625]">
677        </div>
678      </div>
679    </div>
680  </div>
681
682  <div id="studies" class="w-full py-12 md:mb-[40px]">
683    <div class="container max-w-7xl font-xl mx-auto px-0 md:px-4">
684      <h2 class="home-section-title !px-4 md:!px-0">
685        Últimas Notícias
686      </h2>
687
688      <div class="flex items-center justify-center gap-12">
689        <div class="hidden md:flex flex-wrap justify-center gap-6">
690          <a href="/noticias/amazonia-teve-segundo-menor-desmatamento-de-janeiro-a-agosto-em-oito-anos" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
691    transition-transform duration-400 hover:scale-105 shadow-lg studies min-w-36 w-36 md:w-[284px] h-44 md:h-[348px]" style="background-image: url(https://imazon.t3.storage.dev/images/gp0stqk68_low_res_800px_cc15895c.jpg);" target="_blank">
692  
693    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
694    </div>
695  
696
697  <div class="post-card-inner-content absolute bottom-0 z-10
698      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
699    <div class="w-full text-[10px] md:text-[18px] leading-3 md:leading-5 line-clamp-3">
700      Amazônia teve segundo menor desmatamento de janeiro a agosto em oito anos
701    </div>
702  </div>
703</a><a href="/noticias/imazon-participa-de-seminario-do-icmbio-sobre-conservacao-da-sociobiodiversidade" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
704    transition-transform duration-400 hover:scale-105 shadow-lg studies min-w-36 w-36 md:w-[284px] h-44 md:h-[348px]" style="background-image: url(https://imazon.t3.storage.dev/images/whatsapp_image_2026-09-24_at_15.01.11_622822e1.jpeg);" target="_blank">
705  
706    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
707    </div>
708  
709
710  <div class="post-card-inner-content absolute bottom-0 z-10
711      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
712    <div class="w-full text-[10px] md:text-[18px] leading-3 md:leading-5 line-clamp-3">
713      Imazon participa de seminário do ICMBio sobre conservação da sociobiodiversidade
714    </div>
715  </div>
716</a><a href="/noticias/dia-da-arvore-imazon-lanca-jogo-da-memoria-para-incentivar-a-restauracao-florestal-na-amazonia" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
717    transition-transform duration-400 hover:scale-105 shadow-lg studies min-w-36 w-36 md:w-[284px] h-44 md:h-[348px]" style="background-image: url(https://imazon.t3.storage.dev/images/img_0799.jpg_4b97abd5.jpeg);" target="_blank">
718  
719    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
720    </div>
721  
722
723  <div class="post-card-inner-content absolute bottom-0 z-10
724      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
725    <div class="w-full text-[10px] md:text-[18px] leading-3 md:leading-5 line-clamp-3">
726      Dia da Árvore: Imazon lança jogo da memória sobre oito espécies nativas da Amazônia para incentivar a educação ambiental
727    </div>
728  </div>
729</a>
730        </div>
731
732        <div class="landing-post-carousel md:hidden">
733          <a href="/noticias/amazonia-teve-segundo-menor-desmatamento-de-janeiro-a-agosto-em-oito-anos" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
734    transition-transform duration-400 hover:scale-105 shadow-lg studies min-w-36 w-36 md:w-[284px] h-44 md:h-[348px]" style="background-image: url(https://imazon.t3.storage.dev/images/gp0stqk68_low_res_800px_cc15895c.jpg);" target="_blank">
735  
736    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
737    </div>
738  
739
740  <div class="post-card-inner-content absolute bottom-0 z-10
741      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
742    <div class="w-full text-[10px] md:text-[18px] leading-3 md:leading-5 line-clamp-3">
743      Amazônia teve segundo menor desmatamento de janeiro a agosto em oito anos
744    </div>
745  </div>
746</a><a href="/noticias/imazon-participa-de-seminario-do-icmbio-sobre-conservacao-da-sociobiodiversidade" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
747    transition-transform duration-400 hover:scale-105 shadow-lg studies min-w-36 w-36 md:w-[284px] h-44 md:h-[348px]" style="background-image: url(https://imazon.t3.storage.dev/images/whatsapp_image_2026-09-24_at_15.01.11_622822e1.jpeg);" target="_blank">
748  
749    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
750    </div>
751  
752
753  <div class="post-card-inner-content absolute bottom-0 z-10
754      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
755    <div class="w-full text-[10px] md:text-[18px] leading-3 md:leading-5 line-clamp-3">
756      Imazon participa de seminário do ICMBio sobre conservação da sociobiodiversidade
757    </div>
758  </div>
759</a><a href="/noticias/dia-da-arvore-imazon-lanca-jogo-da-memoria-para-incentivar-a-restauracao-florestal-na-amazonia" class="relative bg-cover bg-center rounded-2xl md:rounded-4xl
760    transition-transform duration-400 hover:scale-105 shadow-lg studies min-w-36 w-36 md:w-[284px] h-44 md:h-[348px]" style="background-image: url(https://imazon.t3.storage.dev/images/img_0799.jpg_4b97abd5.jpeg);" target="_blank">
761  
762    <div class="absolute bottom-0 left-0 right-0 h-1/2 rounded-b-2xl md:rounded-b-4xl" style="background: linear-gradient(to top, #010d01 12%, transparent 100%);">
763    </div>
764  
765
766  <div class="post-card-inner-content absolute bottom-0 z-10
767      text-white p-3 pb-4 md:p-8 w-full font-nunito-sans rounded-b-2xl md:rounded-b-4xl">
768    <div class="w-full text-[10px] md:text-[18px] leading-3 md:leading-5 line-clamp-3">
769      Dia da Árvore: Imazon lança jogo da memória sobre oito espécies nativas da Amazônia para incentivar a educação ambiental
770    </div>
771  </div>
772</a>
773        </div>
774      </div>
775
776      <div class="hidden md:flex justify-center items-center gap-3 mt-20">
777        <div phx-click="set-noticias-index" phx-value-index="0" class="w-12 h-1.5 rounded-[100px] cursor-pointer transition-colors bg-[#94A625]">
778        </div>
779      </div>
780    </div>
781  </div>
782
783  <div id="library" class="relative w-full bg-biblioteca-banner bg-no-repeat
784         bg-[length:100%_90%] min-h-[24rem] md:min-h-[36rem] lg:min-h-[44rem] md:my-[58px]">
785    <div class="container max-w-7xl font-xl mx-auto px-4 text-left h-full md:pt-8">
786      <h2 class="home-section-title">
787        Biblioteca
788      </h2>
789
790      <div class="library-grid grid grid-cols-2 md:grid-cols-5 
791         gap-x-0 gap-y-0 md:gap-x-[53px] md:gap-y-[36px] 
792         place-items-center 
793         pt-4 md:pt-12 lg:pt-12 
794         w-[85%] mx-auto md:w-full">
795
796          <a href="/categorias/artigos" aria-label="Acessar a seção Artigos Científicos" class="w-[90px] h-[90px] sm:w-[120px] sm:h-[120px] md:w-[180px] md:h-[180px] lg:w-[200px] lg:h-[200px] 
797              bg-contain bg-no-repeat bg-center bg-biblioteca-circle-1
798              flex items-center justify-center rounded-full 
799              hover:rotate-90 transition-transform duration-500 hover:scale-105
800              [&amp;&gt;img]:hover:-rotate-90 ease-out">
801            <img src="/images/biblioteca-icon-artigos.svg" alt="" class="w-8 sm:w-10 md:w-16 lg:w-20 object-contain rounded-full mx-auto
802               transition-transform duration-500 ease-out
803               hover:fill-white hover:stroke-white hover:text-white">
804          </a>
805
806          <a href="/categorias/livros" aria-label="Acessar a seção Livros" class="w-[90px] h-[90px] sm:w-[120px] sm:h-[120px] md:w-[180px] md:h-[180px] lg:w-[200px] lg:h-[200px] 
807              bg-contain bg-no-repeat bg-center bg-biblioteca-circle-2
808              flex items-center justify-center rounded-full 
809              hover:rotate-90 transition-transform duration-500 hover:scale-105
810              [&amp;&gt;img]:hover:-rotate-90 ease-out">
811            <img src="/images/biblioteca-icon-livros.svg" alt="" class="w-8 sm:w-10 md:w-16 lg:w-20 object-contain rounded-full mx-auto
812               transition-transform duration-500 ease-out
813               hover:fill-white hover:stroke-white hover:text-white">
814          </a>
815
816          <a href="/categorias/relatorios" aria-label="Acessar a seção Relatórios" class="w-[90px] h-[90px] sm:w-[120px] sm:h-[120px] md:w-[180px] md:h-[180px] lg:w-[200px] lg:h-[200px] 
817              bg-contain bg-no-repeat bg-center bg-biblioteca-circle-3
818              flex items-center justify-center rounded-full 
819              hover:rotate-90 transition-transform duration-500 hover:scale-105
820              [&amp;&gt;img]:hover:-rotate-90 ease-out">
821            <img src="/images/biblioteca-icon-relatorios.svg" alt="" class="w-8 sm:w-10 md:w-16 lg:w-20 object-contain rounded-full mx-auto
822               transition-transform duration-500 ease-out
823               hover:fill-white hover:stroke-white hover:text-white">
824          </a>
825
826          <a href="/categorias/boletins" aria-label="Acessar a seção Boletines" class="w-[90px] h-[90px] sm:w-[120px] sm:h-[120px] md:w-[180px] md:h-[180px] lg:w-[200px] lg:h-[200px] 
827              bg-contain bg-no-repeat bg-center bg-biblioteca-circle-4
828              flex items-center justify-center rounded-full 
829              hover:rotate-90 transition-transform duration-500 hover:scale-105
830              [&amp;&gt;img]:hover:-rotate-90 ease-out">
831            <img src="/images/biblioteca-icon-boletins.png" alt="" class="w-8 sm:w-10 md:w-16 lg:w-20 object-contain rounded-full mx-auto
832               transition-transform duration-500 ease-out
833               hover:fill-white hover:stroke-white hover:text-white">
834          </a>
835
836          <a href="/todos" aria-label="Acessar a seção Todos" class="w-[90px] h-[90px] sm:w-[120px] sm:h-[120px] md:w-[180px] md:h-[180px] lg:w-[200px] lg:h-[200px] 
837              bg-contain bg-no-repeat bg-center bg-biblioteca-circle-1
838              flex items-center justify-center rounded-full 
839              hover:rotate-90 transition-transform duration-500 hover:scale-105
840              [&amp;&gt;img]:hover:-rotate-90 ease-out">
841            <img src="/images/biblioteca-icon-todos.svg" alt="" class="w-8 sm:w-10 md:w-16 lg:w-20 object-contain rounded-full mx-auto
842               transition-transform duration-500 ease-out
843               hover:fill-white hover:stroke-white hover:text-white">
844          </a>
845
846      </div>
847    </div>
848  </div>
849
850  <div id="platforms-header" class="w-full py-0 bg-white">
851    <div class="container max-w-7xl font-xl mx-auto px-4">
852      <h2 class="home-section-title">Plataformas e Dados</h2>
853    </div>
854  </div>
855
856  <div id="platforms" class="w-full pt-0 bg-white">
857
858
859        <div class="w-full max-w-[1280px] mx-auto px-4 md:px-0 bg-plataform md:bg-white rounded-[2rem] overflow-hidden md:overflow-visible">
860  <div class="flex flex-col md:flex-row items-center justify-between p-4 md:p-8">
861    <div class="w-full max-w-[300px] mx-auto md:mx-0 md:max-w-[776px] md:-ml-[220px]">
862      <img src="/images/plataformas-1-ips.png" alt="" class="w-full h-auto object-contain">
863    </div>
864
865    <div class="w-full md:w-1/2 mt-6 md:mt-0 md:pl-8">
866      <div class="flex flex-col gap-4 md:gap-20">
867        <h3 class="m-0 text-xl md:text-3xl font-semibold text-center md:text-left">
868          IPS
869        </h3>
870
871        <p class="m-0 text-sm md:text-lg text-gray-700">
872          O IPS Brasil é uma plataforma que apresenta o Índice de Progresso Social (IPS) para todos os municípios do país. O IPS é uma medida que avalia o bem-estar social e ambiental das regiões, considerando aspectos como saúde, educação e qualidade de vida. A plataforma permite comparar o progresso social entre diferentes municípios e monitorar as mudanças ao longo do tempo.
873        </p>
874
875        <a href="https://ipsbrasil.org.br/pt" target="_blank" class="mt-2 px-6 py-2 rounded-3xl mx-auto md:mx-0 hover:bg-green-600
876                bg-green-700 text-white w-fit text-sm md:text-base">
877          Acessar
878        </a>
879      </div>
880    </div>
881  </div>
882</div>
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905    <div class="flex justify-center mt-4 items-center">
906      <button phx-click="prev" class="px-4 py-2">
907        <img src="/images/prev_arrow.png" alt="Anterior">
908      </button>
909      <span>1/11</span>
910      <button phx-click="next" class="px-4 py-2">
911        <img src="/images/next_arrow.png" alt="Próximo">
912      </button>
913    </div>
914
915    <div id="videos-header" class="w-full py-12 bg-white">
916      <div class="container max-w-7xl font-xl mx-auto px-4">
917        <h2 class="home-section-title">Vídeo</h2>
918      </div>
919    </div>
920
921    <div class="container max-w-3xl mx-auto px-4 md:px-0 text-left">
922      <iframe width="765" height="471" src="https://www.youtube.com/embed/o_Sj1IzIF0k" title="Reprodutor de vídeo do YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" class="w-full h-fit aspect-video overflow-visible" allowfullscreen>
923      </iframe>
924    </div>
925
926    <div class="container max-w-7xl font-xl mx-auto px-4 mt-8 md:mt-20">
927      <h2 class="home-section-title">Redes</h2>
928
929      <div class="hidden lg:flex items-center justify-center gap-12">
930        <button class="w-12 h-12 flex-shrink-0" phx-click="rotate-redes-left">
931          <img src="/images/chevron-left-post.svg" alt="Anterior" class="w-full h-full">
932        </button>
933
934        <div class="flex flex-1 justify-center gap-[44px]">
935
936            <a href="https://aliancaamazonia.org.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Aliança pela Restauração na Amazônia (ARA) (em nova aba)">
937              <img src="/images/redes-1.png" alt="" class="w-auto h-[126px] hover:scale-110 transition-transform duration-300">
938            </a>
939
940            <a href="https://www.anralliance.org/portugues" target="_blank" rel="noopener noreferrer" aria-label="Acessar Aliança para a Regeneração Natural Assistida (em nova aba)">
941              <img src="/images/redes-2.png" alt="" class="w-auto h-[126px] hover:scale-110 transition-transform duration-300">
942            </a>
943
944            <a href="https://coalizaobr.com.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Coalizão Brasil, Clima, Florestas e Agricultura (em nova aba)">
945              <img src="/images/redes-3.png" alt="" class="w-auto h-[126px] hover:scale-110 transition-transform duration-300">
946            </a>
947
948            <a href="https://www.unidoscuidamos.com/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Coalizão Pró-UCs (em nova aba)">
949              <img src="/images/redes-4.png" alt="" class="w-auto h-[126px] hover:scale-110 transition-transform duration-300">
950            </a>
951
952            <a href="https://conexaopovosdafloresta.org.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Conexão Povos da Floresta (em nova aba)">
953              <img src="/images/redes-5.png" alt="" class="w-auto h-[126px] hover:scale-110 transition-transform duration-300">
954            </a>
955
956        </div>
957
958        <button class="w-12 h-12 flex-shrink-0" phx-click="rotate-redes-right">
959          <img src="/images/chevron-right-post.svg" alt="Próximo" class="w-full h-full">
960        </button>
961      </div>
962
963      <div class="flex lg:hidden overflow-x-auto justify-start gap-1">
964
965          <a href="https://aliancaamazonia.org.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Aliança pela Restauração na Amazônia (ARA) (em nova aba)" class="min-w-[100px]">
966            <img src="/images/redes-1.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
967          </a>
968
969          <a href="https://www.anralliance.org/portugues" target="_blank" rel="noopener noreferrer" aria-label="Acessar Aliança para a Regeneração Natural Assistida (em nova aba)" class="min-w-[100px]">
970            <img src="/images/redes-2.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
971          </a>
972
973          <a href="https://coalizaobr.com.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Coalizão Brasil, Clima, Florestas e Agricultura (em nova aba)" class="min-w-[100px]">
974            <img src="/images/redes-3.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
975          </a>
976
977          <a href="https://www.unidoscuidamos.com/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Coalizão Pró-UCs (em nova aba)" class="min-w-[100px]">
978            <img src="/images/redes-4.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
979          </a>
980
981          <a href="https://conexaopovosdafloresta.org.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Conexão Povos da Floresta (em nova aba)" class="min-w-[100px]">
982            <img src="/images/redes-5.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
983          </a>
984
985          <a href="https://br.fsc.org/br-pt" target="_blank" rel="noopener noreferrer" aria-label="Acessar Forest Stewardship Council (em nova aba)" class="min-w-[100px]">
986            <img src="/images/redes-6.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
987          </a>
988
989          <a href="https://dialogoflorestal.org.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Fórum Florestal da Amaz
989ônia (em nova aba)" class="min-w-[100px]">
990            <img src="/images/redes-7.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
991          </a>
992
993          <a href="https://www.globalforestwatch.org/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Global Forest Watch (em nova aba)" class="min-w-[100px]">
994            <img src="/images/redes-8.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
995          </a>
996
997          <a href="https://www.oc.eco.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Observatório do Clima (OC) (em nova aba)" class="min-w-[100px]">
998            <img src="/images/redes-9.jpg" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
999          </a>
1000
1001          <a href="https://observatorioflorestal.org.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Observatório do Código Florestal (OCF) (em nova aba)" class="min-w-[100px]">
1002            <img src="/images/redes-10.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
1003          </a>
1004
1005          <a href="https://observatoriomfcf.org.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Observatório do Manejo Florestal Comunitário e Familiar (OMFCF) (em nova aba)" class="min-w-[100px]">
1006            <img src="/images/redes-11.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
1007          </a>
1008
1009          <a href="https://observatoriodarestauracao.org.br/home" target="_blank" rel="noopener noreferrer" aria-label="Acessar Observatório da Restauração e Reflorestamento (ORR) (em nova aba)" class="min-w-[100px]">
1010            <img src="/images/redes-12.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
1011          </a>
1012
1013          <a href="https://origensbrasil.org.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Origens Brasil (em nova aba)" class="min-w-[100px]">
1014            <img src="/images/redes-13.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
1015          </a>
1016
1017          <a href="https://redemosaicos.com.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Rede de Mosaico de Áreas Protegidas (Remap) (em nova aba)" class="min-w-[100px]">
1018            <img src="/images/redes-14.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
1019          </a>
1020
1021          <a href="https://seeg.eco.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Sistema de Estimativas de Emissões e Remoções de Gases de Efeito Estufa (SEEG) (em nova aba)" class="min-w-[100px]">
1022            <img src="/images/redes-15.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
1023          </a>
1024
1025          <a href="https://concertacaoamazonia.com.br/" target="_blank" rel="noopener noreferrer" aria-label="Acessar Uma Concertação pela a Amazônia (em nova aba)" class="min-w-[100px]">
1026            <img src="/images/redes-16.png" alt="" class="w-auto h-10 md:h-[126px] block hover:scale-110 transition-transform duration-300">
1027          </a>
1028
1029      </div>
1030
1031      
1032    </div>
1033
1034    <div class="bg-[url('/images/newsletter-bg.png')] bg-no-repeat bg-[length:100%_75%] bg-[position:50%_100%]
1035         mt-8 md:mt-24 w-full pt-12 md:pt-4 px-4">
1036      <form phx-submit="subscribe" class="flex flex-col md:flex-row gap-4 md:gap-8 container max-w-[270px] md:max-w-7xl font-xl mx-auto px-4
1037        pt-12
1038        md:pt-32 pb-12 justify-between items-start md:items-center">
1039        <img src="/images/newsletter.png" alt="" class="w-[115px] md:w-[232px]">
1040        <div class="relative w-full max-w-xl">
1041          <label for="email" class="absolute left-6 top-1/2 -translate-y-1/2 text-sm md:text-xl font-nunito-sans font-bold text-green-black pointer-events-none">
1042            E-mail
1043          </label>
1044
1045          <input type="email" id="email" name="email" aria-label="Digite seu e-mail para assinar a newsletter" class="w-full md:py-3.5 pl-[8rem] font-nunito text-gray-800 bg-transparent border-2 md:border-4 border-admin-green
1046           rounded-[3rem] text-sm md:text-xl">
1047        </div>
1048
1049        <button type="submit" aria-label="Inscrever-se na newsletter" class="py-1 md:py-3 px-4 md:px-8 bg-admin-green text-white font-nunito-sans font-bold rounded-[3rem] w-fit text-md md:text-3xl">
1050          Cadastre-se
1051        </button>
1052      </form>
1053    </div>
1054  </div>
1055</main>
1056  </div>
1057</main>
1058
1059<footer class="w-full bg-green-700 text-white px-2 py-2 md:px-0 md:py-12 font-nunito z-10">
1060  <div class="container max-w-7xl mx-auto px-4 text-[8px] lg:text-xl ">
1061    <div class="grid grid-cols-2 gap-8 items-start md:items-end">
1062      <div>
1063        <div class="flex py-4 md:justify-center md:w-80">
1064          <img src="/images/footer-logo.png" alt="Imazon" class="w-[96px] md:w-full">
1065        </div>
1066
1067        <p class="mb-4 md:my-4">
1068          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).
1069        </p>
1070      </div>
1071
1072      <div>
1073        <div class="space-y-2 pt-6 md:p-0">
1074          <p class="flex items-start">
1075            <svg class="w-5 h-5 mr-2 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1076              <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">
1077              </path>
1078
1079              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z">
1080              </path>
1081            </svg>
1082            Tv. Dom Romualdo de Seixas, 1.698<br> Ed. Zion Business, 11º andar<br> Bairro Umarizal<br> Belém, Pará, Brasil<br> CEP 66.055-200
1083          </p>
1084
1085          <p class="flex items-center">
1086            <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1087              <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">
1088              </path>
1089            </svg>
1090            +55 91 3182-4000
1091          </p>
1092
1093          <p class="flex items-center">
1094            <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1095              <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">
1096              </path>
1097            </svg>
1098            [email protected]
1099          </p>
1100
1101          <p class="flex items-center">
1102            <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1103              <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">
1104              </path>
1105            </svg>
1106            [email protected]
1107          </p>
1108
1109          <p class="flex items-center">
1110            <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">
1111              <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path>
1112
1113              <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
1114
1115              <line x1="12" y1="19" x2="12" y2="23"></line>
1116
1117              <line x1="8" y1="23" x2="16" y2="23"></line>
1118            </svg>
1119            Assessoria de imprensa
1120          </p>
1121
1122          <span class="pl-6">
1123            [email protected]
1124          </span>
1125        </div>
1126      </div>
1127    </div>
1128  </div>
1129</footer>
1130
1131<div class="w-full bg-[#051E09] py-2 text-center text-[8px] lg:text-sm text-white">
1132  Este site foi desenvolvido pela
1133  <a href="https://notboring.com.br/" class="hover:text-white underline" target="_blank">
1134    NOTABC
1135  </a>
1136</div></div>
1137  </body>
1138</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.