/* * JavaScript Puro: TCL Reservatórios Premium * Funções: Menu Mobile, Header Fixo (Sticky) e Scroll Suave. * Autor: Alquimista do Código 2.0 */ document.addEventListener('DOMContentLoaded', () => { // --- 1. Menu Mobile (Hamburguer) --- const navToggle = document.querySelector('.nav__toggle'); const navList = document.querySelector('.nav__list'); const body = document.body; if (navToggle && navList) { navToggle.addEventListener('click', () => { body.classList.toggle('nav-open'); const isExpanded = navToggle.getAttribute('aria-expanded') === 'true'; navToggle.setAttribute('aria-expanded', !isExpanded); }); } // --- 2. Dropdown (Acessível por Teclado e Click) --- // Esta lógica é necessária para desktop e mobile const dropdownToggles = document.querySelectorAll('.nav__link--dropdown-toggle'); dropdownToggles.forEach(toggle => { toggle.addEventListener('click', (e) => { // Prevenir o clique no link se for um dropdown (especialmente em mobile) e.preventDefault(); const parentItem = toggle.closest('.nav__item--dropdown'); parentItem.classList.toggle('dropdown-open'); }); // Adiciona suporte a teclado (Enter) toggle.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); const parentItem = toggle.closest('.nav__item--dropdown'); parentItem.classList.toggle('dropdown-open'); } }); }); // --- 3. Header Fixo (Sticky on Scroll) --- const header = document.getElementById('header'); if (header) { const stickyThreshold = 50; // Distância de scroll para fixar const handleScroll = () => { if (window.scrollY > stickyThreshold) { header.classList.add('header--sticky'); } else { header.classList.remove('header--sticky'); } }; window.addEventListener('scroll', handleScroll, { passive: true }); } // --- 4. Scroll Suave para Âncoras (Ex: CTA do Hero) --- const anchorLinks = document.querySelectorAll('a[href^="#"]'); anchorLinks.forEach(link => { link.addEventListener('click', function(e) { const href = this.getAttribute('href'); // Ignorar links que são apenas '#' ou toggles de dropdown if (href === '#' || this.classList.contains('nav__link--dropdown-toggle')) return; const targetElement = document.querySelector(href); if (targetElement) { e.preventDefault(); // Fecha o menu mobile se estiver aberto if (body.classList.contains('nav-open')) { body.classList.remove('nav-open'); navToggle.setAttribute('aria-expanded', 'false'); } // Calcula a posição do elemento de destino const headerOffset = header ? header.offsetHeight : 0; const elementPosition = targetElement.getBoundingClientRect().top; const offsetPosition = elementPosition + window.pageYOffset - headerOffset; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); } }); }); });

O que tem no oceano

O que tem no oceano

O oceano é um vasto ecossistema que abriga uma diversidade impressionante de vida marinha. Desde as pequenas algas até as enormes baleias, a variedade de organismos que habitam as águas é fascinante. Os oceanos cobrem mais de 70% da superfície da Terra, e essa imensidão é fundamental para a regulação do clima e a manutenção da biodiversidade. Além disso, os oceanos são uma fonte vital de recursos, como alimentos e medicamentos, que são essenciais para a sobrevivência humana.

Principais Componentes do Oceano

Os oceanos são compostos por diferentes camadas, cada uma com características únicas. A camada superficial, conhecida como zona pelágica, é onde a luz solar penetra e permite a fotossíntese. Abaixo dela, encontramos a zona batial e a zona abissal, que abrigam organismos adaptados a condições extremas de pressão e temperatura. Esses ambientes são ricos em nutrientes e são essenciais para a cadeia alimentar marinha.

Vida Marinha

A vida marinha é incrivelmente diversa, incluindo peixes, crustáceos, moluscos, mamíferos e corais. Os recifes de corais, por exemplo, são considerados os “jardins do mar”, pois abrigam uma variedade de espécies e desempenham um papel crucial na proteção das costas. Além disso, muitos organismos marinhos têm adaptações únicas que lhes permitem sobreviver em ambientes hostis, como a bioluminescência em algumas espécies de peixes.

Recursos Naturais

Os oceanos são ricos em recursos naturais, incluindo petróleo, gás natural e minerais. A exploração desses recursos, no entanto, deve ser feita de forma sustentável para evitar danos ao ecossistema marinho. A pesca é outra atividade econômica importante, mas a sobrepesca e a pesca ilegal representam ameaças significativas à saúde dos oceanos. Portanto, práticas de pesca responsáveis são essenciais para garantir a sustentabilidade dos recursos marinhos.

Importância dos Oceanos para o Clima

Os oceanos desempenham um papel crucial na regulação do clima global. Eles absorvem grandes quantidades de dióxido de carbono, ajudando a mitigar as mudanças climáticas. Além disso, as correntes oceânicas influenciam os padrões climáticos em todo o mundo, afetando desde a temperatura até a precipitação. A saúde dos oceanos está diretamente ligada à saúde do nosso planeta, tornando sua preservação uma prioridade.

Poluição Marinha

A poluição marinha é uma das maiores ameaças aos oceanos. Plásticos, produtos químicos e resíduos industriais contaminam as águas, prejudicando a vida marinha e a saúde humana. A conscientização sobre a poluição e a implementação de políticas de proteção são essenciais para preservar esses ecossistemas. Iniciativas de limpeza e redução do uso de plásticos são passos importantes para combater esse problema crescente.

Conservação Marinha

A conservação dos oceanos é fundamental para garantir a biodiversidade e a saúde dos ecossistemas marinhos. Áreas marinhas protegidas são estabelecidas para preservar habitats críticos e espécies ameaçadas. A educação e a conscientização sobre a importância da conservação marinha são essenciais para mobilizar a sociedade em prol da proteção dos oceanos. A colaboração entre governos, ONGs e comunidades locais é vital para o sucesso dessas iniciativas.

Exploração Científica

A exploração científica dos oceanos tem avançado significativamente nas últimas décadas. Pesquisas sobre a vida marinha, a geologia do fundo do mar e os efeitos das mudanças climáticas estão em andamento. Tecnologias como submarinos e robôs subaquáticos permitem a coleta de dados em profundidades antes inexploradas. Esses estudos são essenciais para entender melhor os oceanos e desenvolver estratégias de conservação eficazes.

Impactos das Mudanças Climáticas

As mudanças climáticas estão afetando os oceanos de várias maneiras, incluindo o aumento da temperatura da água e a acidificação. Esses fatores têm um impacto direto na vida marinha, afetando a reprodução e a sobrevivência de várias espécies. O derretimento das calotas polares também contribui para a elevação do nível do mar, ameaçando comunidades costeiras. A mitigação das mudanças climáticas é, portanto, crucial para a saúde dos oceanos e do planeta.

O Futuro dos Oceanos

O futuro dos oceanos depende das ações que tomamos hoje. A implementação de políticas de proteção, a promoção da pesca sustentável e a redução da poluição são passos essenciais para garantir um oceano saudável para as futuras gerações. A conscientização e a educação sobre a importância dos oceanos devem ser uma prioridade global. Somente assim poderemos preservar essa rica fonte de vida e recursos para o futuro.