/* * 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 comer no calor

O que comer no calor

Quando o calor chega, a escolha do que comer se torna fundamental para manter o bem-estar e a disposição. Alimentos leves e refrescantes são ideais para essa época do ano. Saladas coloridas, por exemplo, são uma excelente opção, pois combinam frescor e nutrientes. Além disso, elas podem ser preparadas com uma variedade de vegetais, como alface, tomate, cenoura e pepino, que ajudam a hidratar o corpo.

Outra alternativa saudável é a fruta. Frutas como melancia, abacaxi e morango são ricas em água e vitaminas, tornando-se perfeitas para o calor. Elas podem ser consumidas in natura ou em forma de sucos e smoothies. Esses preparos são refrescantes e ajudam a manter a hidratação, além de serem uma ótima maneira de adoçar o dia sem recorrer a açúcares refinados.

Os grelhados também são uma escolha acertada para o que comer no calor. Carnes magras, como frango e peixe, podem ser temperadas com ervas e limão, proporcionando um sabor leve e delicioso. Grelhar os alimentos mantém os nutrientes e evita o uso excessivo de óleos, contribuindo para uma refeição mais saudável. Além disso, esses pratos podem ser acompanhados por legumes grelhados, que adicionam crocância e sabor.

Os pratos frios, como ceviches e tartares, são outra excelente opção. Eles são leves e cheios de sabor, ideais para dias quentes. O ceviche, por exemplo, é feito com peixe cru marinado em suco de limão e temperos, resultando em uma refeição refrescante e nutritiva. Essa combinação de sabores é perfeita para quem busca algo diferente e saboroso durante o calor.

Os lanches também podem ser saudáveis e refrescantes. Opções como wraps de vegetais ou sanduíches com pão integral e recheios leves são ótimas para um lanche rápido. Adicionar abacate, que é rico em gorduras saudáveis, pode tornar a refeição ainda mais nutritiva. Esses lanches são práticos e podem ser levados para qualquer lugar, facilitando a alimentação saudável mesmo fora de casa.

As sopas frias, como o gazpacho, são uma alternativa interessante para o que comer no calor. Feitas à base de vegetais frescos, essas sopas são refrescantes e nutritivas. O gazpacho, por exemplo, é uma sopa espanhola que combina tomate, pimentão, pepino e cebola, sendo uma explosão de sabores e cores. Essa opção é ideal para quem deseja algo leve e saboroso.

Os smoothies são outra maneira deliciosa de se manter hidratado. Misturar frutas com iogurte ou leite vegetal cria uma bebida cremosa e refrescante. Além disso, é possível adicionar sementes e grãos, como chia ou aveia, para aumentar o valor nutricional. Essa é uma opção prática para o café da manhã ou lanche da tarde, especialmente em dias quentes.

As sobremesas também podem ser leves e refrescantes. Sorvetes à base de frutas ou iogurte são uma ótima escolha para satisfazer a vontade de doce sem exagerar nas calorias. Além disso, preparar picolés caseiros com sucos naturais é uma forma divertida e saudável de se refrescar. Essas opções são ideais para quem deseja aproveitar o calor sem abrir mão da saúde.

Por fim, não podemos esquecer da importância da hidratação. Beber água é essencial, mas também é possível variar com chás gelados e águas aromatizadas. Adicionar fatias de frutas ou ervas, como hortelã, à água pode torná-la mais saborosa e atraente. Manter-se hidratado é fundamental para enfrentar os dias quentes e garantir o bem-estar.