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

Inoxidavel

Inoxidável: O Que É e Suas Aplicações

O termo inoxidável refere-se a um tipo de aço que possui uma alta resistência à corrosão. Este material é amplamente utilizado em diversas indústrias, especialmente na fabricação de reservatórios metálicos. A composição química do aço inoxidável inclui cromo, que forma uma camada protetora sobre a superfície, evitando a oxidação e prolongando a vida útil do produto. Por isso, os reservatórios feitos desse material são ideais para armazenar água e outros líquidos, garantindo a qualidade e segurança do conteúdo.

Principais Tipos de Aço Inoxidável

Existem diferentes tipos de aço inoxidável, cada um com características específicas. Os mais comuns incluem:

  • Aço Inoxidável Austenítico: Este tipo é conhecido por sua excelente resistência à corrosão e é amplamente utilizado em aplicações alimentícias.
  • Aço Inoxidável Ferrítico: Com menor resistência à corrosão, é mais econômico e utilizado em ambientes menos agressivos.
  • Aço Inoxidável Martensítico: Este tipo é mais duro e resistente, sendo ideal para aplicações que exigem alta resistência mecânica.

Vantagens do Aço Inoxidável

O uso de materiais inoxidáveis oferece diversas vantagens, especialmente em reservatórios metálicos. Entre os principais benefícios, destacam-se:

  • Durabilidade: Os reservatórios inoxidáveis têm uma vida útil prolongada, reduzindo a necessidade de substituições frequentes.
  • Resistência à Corrosão: A proteção contra a oxidação garante que o conteúdo armazenado não seja contaminado.
  • Facilidade de Limpeza: A superfície lisa do aço inoxidável facilita a manutenção e a higienização.

Aplicações do Aço Inoxidável em Reservatórios

Os reservatórios metálicos feitos de aço inoxidável são utilizados em diversas aplicações, como:

  • Armazenamento de Água Potável: Garantindo a qualidade da água, esses reservatórios são essenciais em sistemas de abastecimento.
  • Indústria Alimentícia: Utilizados para armazenar ingredientes e produtos finais, assegurando a higiene e a segurança alimentar.
  • Setor Químico: Resistentes a produtos químicos agressivos, são ideais para o armazenamento de substâncias químicas.

Manutenção de Reservatórios Inoxidáveis

A manutenção adequada dos reservatórios inoxidáveis é fundamental para garantir sua durabilidade. Recomenda-se realizar inspeções regulares para identificar sinais de corrosão ou danos. A limpeza deve ser feita com produtos adequados, evitando abrasivos que possam danificar a superfície. Além disso, é importante verificar as juntas e conexões para evitar vazamentos.

Comparação: Aço Inoxidável vs. Aço Carbono

Quando comparado ao aço carbono, o aço inoxidável apresenta vantagens significativas. Enquanto o aço carbono é suscetível à corrosão, o inoxidável oferece proteção superior. Em termos de custo, o aço carbono é mais barato, mas sua durabilidade inferior pode resultar em maiores gastos a longo prazo. A tabela abaixo resume as principais diferenças:

Fator Aço Inoxidável Aço Carbono
Resistência à Corrosão Alta Baixa
Durabilidade Alta Média
Custo Inicial Alto Baixo

Considerações Finais sobre Aço Inoxidável

O aço inoxidável é uma escolha inteligente para a fabricação de reservatórios metálicos, devido à sua resistência e durabilidade. Ao optar por produtos inoxidáveis, as empresas garantem não apenas a qualidade do armazenamento, mas também a segurança e a saúde dos usuários. Com a crescente demanda por soluções sustentáveis e duráveis, o uso de aço inoxidável se torna cada vez mais relevante no mercado.

Posts Relacionados: