Morro do Macaco, Iporá, Goiás

<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Infográfico: Morro do Macaco - Iporá, GO</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap" rel="stylesheet"> <style> body{font-family:'Inter',sans-serif} .chart-container{position:relative;width:100%;max-width:640px;margin-inline:auto;height:320px} @media (min-width:768px){.chart-container{height:360px}} .text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.35)} </style> </head> <body class="bg-gray-50 text-gray-800"> <div class="container mx-auto p-4 md:p-8">  <header class="text-center mb-10 md:mb-14"> <h1 class="text-4xl md:text-6xl font-black text-[#F94144] text-shadow tracking-tight">MORRO DO MACACO</h1> <p class="text-lg md:text-2xl font-bold text-[#577590] mt-2">Marco geológico, ambiental e cultural de Iporá (GO)</p> <p class="text-sm md:text-base text-gray-600 mt-1">APA Municipal • Lei n.º 1.147/2004 • Altitude de topo ≈ 850 m</p> </header>

<!-- Geografia -->
<section class="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-8">
  <article class="lg:col-span-2 bg-white rounded-xl shadow p-6">
    <h2 class="text-2xl font-bold text-[#F3722C] mb-2">📍 Localização e Geografia</h2>
    <p class="mb-5">
      Morro testemunho de rochas ígneas alcalinas, destaca-se 300–400 m sobre o entorno e é a
      principal elevação da paisagem iporaense. Visível de boa parte da cidade e da GO-060.
    </p>

    <div class="grid grid-cols-2 md:grid-cols-4 gap-4 text-center">
      <div class="bg-[#90BE6D] text-white p-4 rounded-lg">
        <div class="text-3xl md:text-4xl font-black">~850 m</div>
        <div class="text-xs md:text-sm font-bold">Altitude do topo</div>
      </div>
      <div class="bg-[#43AA8B] text-white p-4 rounded-lg">
        <div class="text-3xl md:text-4xl font-black">~8 km</div>
        <div class="text-xs md:text-sm font-bold">Do centro (via estrada)</div>
      </div>
      <div class="bg-[#577590] text-white p-4 rounded-lg">
        <div class="text-base md:text-lg font-bold">16°25′22″ S</div>
        <div class="text-xs">Latitude (aprox.)</div>
      </div>
      <div class="bg-[#577590] text-white p-4 rounded-lg">
        <div class="text-base md:text-lg font-bold">51°02′30″ W</div>
        <div class="text-xs">Longitude (aprox.)</div>
      </div>
    </div>

    <div class="mt-6 grid grid-cols-1 sm:grid-cols-2 gap-4">
      <div class="bg-gray-50 border rounded-lg p-4">
        <h3 class="font-semibold mb-1">Características topográficas</h3>
        <ul class="list-disc list-inside text-sm leading-relaxed">
          <li>Escarpas rochosas e encostas íngremes (300–400 m de desnível).</li>
          <li>Topo com afloramentos e solos rasos; bases com matas de galeria.</li>
          <li>Vistas amplas e condições favoráveis ao voo livre.</li>
        </ul>
      </div>
      <div class="bg-gray-50 border rounded-lg p-4">
        <h3 class="font-semibold mb-1">APA Morro do Macaco</h3>
        <ul class="list-disc list-inside text-sm leading-relaxed">
          <li>Unidade de Conservação (Área de Proteção Ambiental) municipal.</li>
          <li>Instituída pela Lei n.º 1.147/2004; uso sustentável sob regras.</li>
          <li>Foco em conservação do Cerrado e controle de impactos.</li>
        </ul>
      </div>
    </div>
  </article>

  <!-- Mapa -->
  <aside class="bg-white rounded-xl shadow overflow-hidden">
    <div class="p-6 pb-3">
      <h3 class="text-xl font-bold text-[#F3722C]">🗺️ Mapa</h3>
      <p class="text-sm text-gray-600">Localização aproximada e acesso pela GO-060 (rampa ~8 km do centro).</p>
    </div>
    <iframe
      title="Mapa - Morro do Macaco (Iporá-GO)"
      class="w-full h-72 md:h-[420px] border-t"
      src="https://www.openstreetmap.org/export/embed.html?bbox=-51.074%2C-16.455%2C-51.015%2C-16.400&layer=mapnik&marker=-16.4228%2C-51.0417"
      style="border:0"
      loading="lazy"
      referrerpolicy="no-referrer-when-downgrade">
    </iframe>
    <div class="p-3 text-center text-xs text-gray-500">
      Ver no <a class="underline" target="_blank" href="https://www.openstreetmap.org/?mlat=-16.4228&mlon=-51.0417#map=13/-16.4228/-51.0417">OpenStreetMap</a>
    </div>
  </aside>
</section>

<!-- Geologia -->
<section class="bg-white rounded-xl shadow p-6 mb-8">
  <h2 class="text-2xl font-bold text-[#F3722C] mb-2">🪨 Geologia (sem erupções)</h2>
  <p class="mb-4">
    Não é vulcão. O morro expõe um <strong>corpo intrusivo alcalino</strong> (p. ex., dunito/wehrlito/piroxenito/sienito)
    cristalizado em profundidade e exumado pela erosão. Ausência de cratera ou depósitos piroclásticos.
  </p>

  <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
    <div>
      <div class="chart-container"><canvas id="geologyChart"></canvas></div>
      <p class="text-center text-xs text-gray-500 mt-2">
        Proporções ilustrativas para fins didáticos (com base na literatura regional de complexos alcalinos).
      </p>
    </div>
    <div class="bg-gray-50 border rounded-lg p-4">
      <h3 class="font-semibold mb-2">Mito × Fato</h3>
      <ul class="text-sm leading-relaxed space-y-2">
        <li><span class="font-bold text-[#F94144]">Mito:</span> “Vulcão adormecido”.</li>
        <li><span class="font-bold text-[#43AA8B]">Fato:</span> Intrusão magmática antiga sem evidências de erupção; lenda popular difundida no século XX.</li>
        <li><span class="font-bold text-[#577590]">Implicação:</span> Valor científico está na <em>petrologia</em> e na <em>geomorfologia</em>, não em risco vulcânico.</li>
      </ul>
    </div>
  </div>
</section>

<!-- Biodiversidade e uso -->
<section class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8">
  <article class="bg-white rounded-xl shadow p-6">
    <h2 class="text-2xl font-bold text-[#F3722C] mb-2">🌿 Biodiversidade do Cerrado</h2>
    <p class="mb-4 text-sm">
      A APA abriga fisionomias de mata seca/galeria (base), cerrado rupestre (encostas) e campo rupestre (topo).
      Destaque para <strong>103 aves</strong> e <strong>23 mamíferos</strong> registrados; musgo endêmico
      <em>Archidium oblongifolium</em> no topo.
    </p>
    <div class="chart-container"><canvas id="biodiversityChart"></canvas></div>
    <p class="text-center text-xs text-gray-500 mt-2">Números conforme levantamentos publicados (aves=103; mamíferos=23); flora ilustrativa.</p>
  </article>

  <article class="bg-white rounded-xl shadow p-6">
    <h2 class="text-2xl font-bold text-[#F3722C] mb-2">🏞️ Uso do Espaço & Pressões</h2>
    <p class="mb-4 text-sm">
      Voo livre, trilhas e contemplação predominam. Obras sem licenças, lixo e queimadas são riscos.
      A gestão deve equilibrar acesso e proteção.
    </p>
    <div class="chart-container"><canvas id="usageChart"></canvas></div>
    <p class="text-center text-xs text-gray-500 mt-2">Distribuição de uso é estimativa qualitativa para planejamento.</p>
  </article>
</section>

<!-- História -->
<section class="bg-white rounded-xl shadow p-6 mb-8">
  <h2 class="text-2xl font-bold text-[#F3722C] mb-2">🏛️ História & Linha do Tempo</h2>
  <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
    <div class="bg-gray-50 border rounded-lg p-4">
      <h3 class="font-semibold">Séc. XIX</h3>
      <p class="text-sm">Relatos orais indígenas e sertanistas alimentam o imaginário de “montanhas que lançam fogo” no oeste goiano (origem distante do mito).</p>
    </div>
    <div class="bg-gray-50 border rounded-lg p-4">
      <h3 class="font-semibold">Séc. XX</h3>
      <p class="text-sm">Lenda do “vulcão” se populariza localmente; morro vira referência paisagística de Iporá.</p>
    </div>
    <div class="bg-gray-50 border rounded-lg p-4">
      <h3 class="font-semibold">1997–2004</h3>
      <p class="text-sm">Reconhecimento legal como APA (Lei n.º 1.147/2004), reforçando conservação e uso sustentável.</p>
    </div>
  </div>
</section>

<!-- Status de conservação -->
<section class="grid grid-cols-1 lg:grid-cols-3 gap-8">
  <article class="lg:col-span-2 bg-white rounded-xl shadow p-6">
    <h2 class="text-2xl font-bold text-[#F3722C] mb-3">🛡️ Estado de Conservação</h2>
    <div class="grid sm:grid-cols-2 gap-4">
      <div class="bg-emerald-50 border border-emerald-200 rounded-lg p-4">
        <h3 class="font-semibold text-emerald-900 mb-1">Proteções</h3>
        <ul class="list-disc list-inside text-sm">
          <li>APA municipal (Lei 1.147/2004).</li>
          <li>Reconhecimento público como patrimônio natural.</li>
          <li>Fiscalização ambiental e condicionantes de uso.</li>
        </ul>
      </div>
      <div class="bg-amber-50 border border-amber-200 rounded-lg p-4">
        <h3 class="font-semibold text-amber-900 mb-1">Riscos atuais</h3>
        <ul class="list-disc list-inside text-sm">
          <li>Queimadas sazonais e espécies exóticas invasoras.</li>
          <li>Resíduos sólidos em áreas de visitação.</li>
          <li>Terraplenagem/obras sem licenciamento no topo.</li>
        </ul>
      </div>
    </div>
  </article>

  <aside class="bg-white rounded-xl shadow p-6">
    <h2 class="text-xl font-bold text-[#F3722C] mb-2">📌 Resumo crítico</h2>
    <ul class="list-disc list-inside text-sm leading-relaxed">
      <li>Valor ecológico: alto (endemismo e conectividade do Cerrado).</li>
      <li>Valor geocientífico: alto (complexo intrusivo alcalino).</li>
      <li>Valor cênico/cultural: muito alto (símbolo local).</li>
      <li>Gestão: precisa conciliar turismo e integridade ecológica.</li>
    </ul>
  </aside>
</section>

<!-- Rodapé -->
<footer class="text-center mt-12 py-4 border-t-2 border-[#F9C74F]">
  <p class="text-sm text-gray-600">Infográfico baseado em fontes públicas (lei municipal, levantamentos de fauna/flora e registros de voo livre). <br/>Projeto visual por Tribuna do Oeste Goiano.</p>
</footer>

</div> <script> // Utilidades const wrapLabel = (label, maxLength = 18) => { if (label.length <= maxLength) return label; const words = label.split(' '); const lines = []; let line = ''; for (const w of words) { if ((line + ' ' + w).trim().length > maxLength) { lines.push(line.trim()); line = w; } else line = (line + ' ' + w).trim(); } if (line) lines.push(line.trim()); return lines; }; const tooltipTitle = (items) => { const it = items[0]; let lb = it.chart.data.labels[it.dataIndex]; return Array.isArray(lb) ? lb.join(' ') : lb; }; // --- Geologia (ilustrativo) --- const geologyData = { labels: ['Dunito', 'Wehrlito', 'Piroxenito', 'Sienito'].map(wrapLabel), datasets: [{ label: 'Litotipos (ilustrativo)', data: [28, 24, 26, 22], // distribuição didática backgroundColor: ['#F94144', '#F3722C', '#F9C74F', '#577590'], hoverOffset: 4 }] }; new Chart(document.getElementById('geologyChart').getContext('2d'), { type: 'doughnut', data: geologyData, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'top' }, tooltip: { callbacks: { title: tooltipTitle } } } } }); // --- Biodiversidade (dados reais para aves/mamíferos; flora ilustrativa) --- const biodiversityData = { labels: ['Aves registradas', 'Mamíferos registrados', 'Espécies de plantas (estim.)'].map(wrapLabel), datasets: [{ label: 'Riqueza biológica', data: [103, 23, 120], // 120 como estimativa conservadora ilustrativa backgroundColor: ['#90BE6D', '#43AA8B', '#577590'], borderColor: ['#90BE6D', '#43AA8B', '#577590'], borderWidth: 1 }] }; new Chart(document.getElementById('biodiversityChart').getContext('2d'), { type: 'bar', data: biodiversityData, options: { indexAxis: 'y', responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false }, tooltip: { callbacks: { title: tooltipTitle } } }, scales: { x: { beginAtZero: true, ticks: { precision: 0 } } } } }); // --- Uso do espaço (qualitativo) --- const usageData = { labels: ['Turismo/voo livre', 'Trilhas/contato com a natureza', 'Preservação/áreas sensíveis', 'Telecomunicações'].map(wrapLabel), datasets: [{ label: 'Uso do espaço (qualitativo)', data: [35, 25, 35, 5], // estimativa didática backgroundColor: ['#F9C74F', '#F8961E', '#90BE6D', '#577590'], hoverOffset: 4 }] }; new Chart(document.getElementById('usageChart').getContext('2d'), { type: 'pie', data: usageData, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'top' }, tooltip: { callbacks: { title: tooltipTitle } } } } }); </script> </body> </html>

<section class="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-8"> <article class="lg:col-span-2 bg-white rounded-xl shadow p-6"> <h2 class="text-2xl font-bold text-[#F3722C] mb-2">📍 Localização e Geografia</h2> <p class="mb-5"> Morro testemunho de rochas ígneas alcalinas, destaca-se 300–400 m sobre o entorno e é a principal elevação da paisagem iporaense. Visível de boa parte da cidade e da GO-060. </p> <div class="grid grid-cols-2 md:grid-cols-4 gap-4 text-center"> <div class="bg-[#90BE6D] text-white p-4 rounded-lg"> <div class="text-3xl md:text-4xl font-black">~850 m</div> <div class="text-xs md:text-sm font-bold">Altitude do topo</div> </div> <div class="bg-[#43AA8B] text-white p-4 rounded-lg"> <div class="text-3xl md:text-4xl font-black">~8 km</div> <div class="text-xs md:text-sm font-bold">Do centro (via estrada)</div> </div> <div class="bg-[#577590] text-white p-4 rounded-lg"> <div class="text-base md:text-lg font-bold">16°25′22″ S</div> <div class="text-xs">Latitude (aprox.)</div> </div> <div class="bg-[#577590] text-white p-4 rounded-lg"> <div class="text-base md:text-lg font-bold">51°02′30″ W</div> <div class="text-xs">Longitude (aprox.)</div> </div> </div> <div class="mt-6 grid grid-cols-1 sm:grid-cols-2 gap-4"> <div class="bg-gray-50 border rounded-lg p-4"> <h3 class="font-semibold mb-1">Características topográficas</h3> <ul class="list-disc list-inside text-sm leading-relaxed"> <li>Escarpas rochosas e encostas íngremes (300–400 m de desnível).</li> <li>Topo com afloramentos e solos rasos; bases com matas de galeria.</li> <li>Vistas amplas e condições favoráveis ao voo livre.</li> </ul> </div> <div class="bg-gray-50 border rounded-lg p-4"> <h3 class="font-semibold mb-1">APA Morro do Macaco</h3> <ul class="list-disc list-inside text-sm leading-relaxed"> <li>Unidade de Conservação (Área de Proteção Ambiental) municipal.</li> <li>Instituída pela Lei n.º 1.147/2004; uso sustentável sob regras.</li> <li>Foco em conservação do Cerrado e controle de impactos.</li> </ul> </div> </div> </article>  <aside class="bg-white rounded-xl shadow overflow-hidden"> <div class="p-6 pb-3"> <h3 class="text-xl font-bold text-[#F3722C]">🗺️ Mapa</h3> <p class="text-sm text-gray-600">Localização aproximada e acesso pela GO-060 (rampa ~8 km do centro).</p> </div> <iframe title="Mapa - Morro do Macaco (Iporá-GO)" class="w-full h-72 md:h-[420px] border-t" src="https://www.openstreetmap.org/export/embed.html?bbox=-51.074%2C-16.455%2C-51.015%2C-16.400&layer=mapnik&marker=-16.4228%2C-51.0417" style="border:0" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> </iframe> <div class="p-3 text-center text-xs text-gray-500"> Ver no <a class="underline" target="_blank" href="https://www.openstreetmap.org/?mlat=-16.4228&mlon=-51.0417#map=13/-16.4228/-51.0417">OpenStreetMap</a> </div> </aside> </section>  <section class="bg-white rounded-xl shadow p-6 mb-8"> <h2 class="text-2xl font-bold text-[#F3722C] mb-2">🪨 Geologia (sem erupções)</h2> <p class="mb-4"> Não é vulcão. O morro expõe um <strong>corpo intrusivo alcalino</strong> (p. ex., dunito/wehrlito/piroxenito/sienito) cristalizado em profundidade e exumado pela erosão. Ausência de cratera ou depósitos piroclásticos. </p> <div class="grid grid-cols-1 lg:grid-cols-2 gap-6"> <div> <div class="chart-container"><canvas id="geologyChart"></canvas></div> <p class="text-center text-xs text-gray-500 mt-2"> Proporções ilustrativas para fins didáticos (com base na literatura regional de complexos alcalinos). </p> </div> <div class="bg-gray-50 border rounded-lg p-4"> <h3 class="font-semibold mb-2">Mito × Fato</h3> <ul class="text-sm leading-relaxed space-y-2"> <li><span class="font-bold text-[#F94144]">Mito:</span> “Vulcão adormecido”.</li> <li><span class="font-bold text-[#43AA8B]">Fato:</span> Intrusão magmática antiga sem evidências de erupção; lenda popular difundida no século XX.</li> <li><span class="font-bold text-[#577590]">Implicação:</span> Valor científico está na <em>petrologia</em> e na <em>geomorfologia</em>, não em risco vulcânico.</li> </ul> </div> </div> </section>  <section class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8"> <article class="bg-white rounded-xl shadow p-6"> <h2 class="text-2xl font-bold text-[#F3722C] mb-2">🌿 Biodiversidade do Cerrado</h2> <p class="mb-4 text-sm"> A APA abriga fisionomias de mata seca/galeria (base), cerrado rupestre (encostas) e campo rupestre (topo). Destaque para <strong>103 aves</strong> e <strong>23 mamíferos</strong> registrados; musgo endêmico <em>Archidium oblongifolium</em> no topo. </p> <div class="chart-container"><canvas id="biodiversityChart"></canvas></div> <p class="text-center text-xs text-gray-500 mt-2">Números conforme levantamentos publicados (aves=103; mamíferos=23); flora ilustrativa.</p> </article> <article class="bg-white rounded-xl shadow p-6"> <h2 class="text-2xl font-bold text-[#F3722C] mb-2">🏞️ Uso do Espaço & Pressões</h2> <p class="mb-4 text-sm"> Voo livre, trilhas e contemplação predominam. Obras sem licenças, lixo e queimadas são riscos. A gestão deve equilibrar acesso e proteção. </p> <div class="chart-container"><canvas id="usageChart"></canvas></div> <p class="text-center text-xs text-gray-500 mt-2">Distribuição de uso é estimativa qualitativa para planejamento.</p> </article> </section>  <section class="bg-white rounded-xl shadow p-6 mb-8"> <h2 class="text-2xl font-bold text-[#F3722C] mb-2">🏛️ História & Linha do Tempo</h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-4"> <div class="bg-gray-50 border rounded-lg p-4"> <h3 class="font-semibold">Séc. XIX</h3> <p class="text-sm">Relatos orais indígenas e sertanistas alimentam o imaginário de “montanhas que lançam fogo” no oeste goiano (origem distante do mito).</p> </div> <div class="bg-gray-50 border rounded-lg p-4"> <h3 class="font-semibold">Séc. XX</h3> <p class="text-sm">Lenda do “vulcão” se populariza localmente; morro vira referência paisagística de Iporá.</p> </div> <div class="bg-gray-50 border rounded-lg p-4"> <h3 class="font-semibold">1997–2004</h3> <p class="text-sm">Reconhecimento legal como APA (Lei n.º 1.147/2004), reforçando conservação e uso sustentável.</p> </div> </div> </section>  <section class="grid grid-cols-1 lg:grid-cols-3 gap-8"> <article class="lg:col-span-2 bg-white rounded-xl shadow p-6"> <h2 class="text-2xl font-bold text-[#F3722C] mb-3">🛡️ Estado de Conservação</h2> <div class="grid sm:grid-cols-2 gap-4"> <div class="bg-emerald-50 border border-emerald-200 rounded-lg p-4"> <h3 class="font-semibold text-emerald-900 mb-1">Proteções</h3> <ul class="list-disc list-inside text-sm"> <li>APA municipal (Lei 1.147/2004).</li> <li>Reconhecimento público como patrimônio natural.</li> <li>Fiscalização ambiental e condicionantes de uso.</li> </ul> </div> <div class="bg-amber-50 border border-amber-200 rounded-lg p-4"> <h3 class="font-semibold text-amber-900 mb-1">Riscos atuais</h3> <ul class="list-disc list-inside text-sm"> <li>Queimadas sazonais e espécies exóticas invasoras.</li> <li>Resíduos sólidos em áreas de visitação.</li> <li>Terraplenagem/obras sem licenciamento no topo.</li> </ul> </div> </div> </article> <aside class="bg-white rounded-xl shadow p-6"> <h2 class="text-xl font-bold text-[#F3722C] mb-2">📌 Resumo crítico</h2> <ul class="list-disc list-inside text-sm leading-relaxed"> <li>Valor ecológico: alto (endemismo e conectividade do Cerrado).</li> <li>Valor geocientífico: alto (complexo intrusivo alcalino).</li> <li>Valor cênico/cultural: muito alto (símbolo local).</li> <li>Gestão: precisa conciliar turismo e integridade ecológica.</li> </ul> </aside> </section>  <footer class="text-center mt-12 py-4 border-t-2 border-[#F9C74F]"> <p class="text-sm text-gray-600">Infográfico baseado em fontes públicas (lei municipal, levantamentos de fauna/flora e registros de voo livre). <br/>Projeto visual por Tribuna do Oeste Goiano.</p> </footer>

Morro do Macaco (Iporá, Goiás)

Morro do Macaco (Iporá, Goiás)

Notícias Relacionadas

Notícias Relacionadas