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="[["show",{"to":"#mobile-navbar"}],["show",{"time":300,"to":"#mobile-navbar-container","transition":[["transition-all","transform","
331ease-out","duration-300"],["opacity-0","-translate-x-[100%]","sm:scale-95"],["opacity-100","translate-x-0","sm:scale-100"]]}],["add_class",{"names":["overflow-hidden"],"to":"body"}],["focus_first",{"to":"#mobile-navbar-content"}]]"> 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="[["hide",{"time":200,"to":"#mobile-navbar-container","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100","translate-x-0","sm:scale-100"],["opacity-0","-translate-x-[100%]","sm:scale-95"]]}],["hide",{"to":"#mobile-navbar","transition":[["block"],["block"],["hidden"]]}],["remove_class",{"names":["overflow-hidden"],"to":"body"}],["pop_focus",{}]]" data-cancel="[["hide",{"time":200,"to":"#mobile-navbar-container","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100","translate-x-0","sm:scale-100"],["opacity-0","-translate-x-[100%]","sm:scale-95"]]}],["hide",{"to":"#mobile-navbar","transition":[["block"],["block"],["hidden"]]}],["remove_class",{"names":["overflow-hidden"],"to":"body"}],["pop_focus",{}],["exec",{"attr":"phx-remove"}]]" 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="[["exec",{"attr":"data-cancel","to":"#mobile-navbar"}]]" phx-key="escape" phx-window-keydown="[["exec",{"attr":"data-cancel","to":"#mobile-navbar"}]]"> 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="[["push",{"event":"lv:clear-flash","value":{"key":"error"}}],["hide",{"time":200,"to":"#client-error","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100","translate-y-0","sm:scale-100"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"]]}]]" 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="[["hide",{"time":200,"to":"#client-error","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100","translate-y-0","sm:scale-100"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"]]}]]" phx-disconnected="[["show",{"time":300,"to":".phx-client-error #client-error","transition":[["transition-all","transform","ease-out","duration-300"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"],["opacity-100","translate-y-0","sm:scale-100"]]}]]"> 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="[["push",{"event":"lv:clear-flash","value":{"key":"error"}}],["hide",{"time":200,"to":"#server-error","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100","translate-y-0","sm:scale-100"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"]]}]]" 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="[["hide",{"time":200,"to":"#server-error","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100","translate-y-0","sm:scale-100"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"]]}]]" phx-disconnected="[["show",{"time":300,"to":".phx-server-error #server-error","transition":[["transition-all","transform","
439ease-out","duration-300"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"],["opacity-100","translate-y-0","sm:scale-100"]]}]]"> 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('https://imazon.t3.storage.dev/images/topo_site_pt_653422d5.png');"> 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('https://imazon.t3.storage.dev/images/capa_site_celular_pt_814392ef.png');"> 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 [&>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 [&>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 [&>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 [&>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 [&>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.