/* * 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' }); } }); }); });

Curiosidades sobre meio ambiente

Curiosidades sobre meio ambiente

O meio ambiente é um sistema complexo que envolve interações entre seres vivos e o planeta. Uma das curiosidades mais fascinantes é que as florestas tropicais, que cobrem apenas 6% da superfície terrestre, abrigam mais da metade das espécies de plantas e animais conhecidas. Isso demonstra a importância da preservação desses ecossistemas para a biodiversidade global.

Outra curiosidade interessante é que os oceanos, que cobrem cerca de 71% da superfície da Terra, são responsáveis por produzir mais de 50% do oxigênio que respiramos. As algas marinhas, em particular, desempenham um papel crucial nesse processo, sendo fundamentais para a manutenção da vida no planeta.

Você sabia que as abelhas são essenciais para a polinização de aproximadamente 75% das culturas alimentares do mundo? Sem esses insetos, a produção de frutas, vegetais e nozes seria drasticamente reduzida, impactando a segurança alimentar global. A preservação das populações de abelhas é, portanto, vital para o nosso futuro.

As mudanças climáticas estão afetando o meio ambiente de maneiras alarmantes. Um exemplo é o derretimento das calotas polares, que contribui para a elevação do nível do mar. Estima-se que, se as calotas de gelo da Groenlândia derreterem completamente, o nível do mar pode subir até 7 metros, inundando áreas costeiras ao redor do mundo.

Uma curiosidade menos conhecida é que o solo é um dos recursos naturais mais importantes, mas frequentemente negligenciados. Ele é responsável por armazenar água, nutrientes e carbono, além de ser o lar de uma rica biodiversidade. A degradação do solo pode levar à desertificação, afetando a agricultura e a segurança alimentar.

Os resíduos plásticos são uma das maiores ameaças ao meio ambiente atualmente. Estima-se que cerca de 8 milhões de toneladas de plástico são despejadas nos oceanos anualmente, prejudicando a vida marinha e entrando na cadeia alimentar. A conscientização sobre a redução do uso de plásticos é crucial para a proteção dos nossos oceanos.

A energia solar é uma das fontes de energia renovável mais promissoras. Curiosamente, a energia solar poderia fornecer mais de 20.000 vezes a quantidade de energia que a humanidade consome anualmente, se aproveitássemos apenas 0,1% da radiação solar que atinge a Terra. Isso destaca o potencial inexplorado das energias limpas.

As cidades verdes estão se tornando uma tendência crescente em todo o mundo. Elas são projetadas para serem sustentáveis, utilizando tecnologias que reduzem a poluição e promovem a eficiência energética. A implementação de espaços verdes, como parques e jardins, também melhora a qualidade de vida dos habitantes urbanos.

O conceito de economia circular é uma abordagem inovadora que visa reduzir o desperdício e maximizar o uso de recursos. Em vez de seguir o modelo linear de “extrair, produzir, descartar”, a economia circular busca reutilizar, reciclar e regenerar produtos, contribuindo para a sustentabilidade ambiental.

Por fim, a educação ambiental é fundamental para a conscientização sobre a importância da preservação do meio ambiente. Iniciativas que promovem o conhecimento sobre ecossistemas, biodiversidade e práticas sustentáveis são essenciais para formar cidadãos mais conscientes e engajados na proteção do planeta.