Painel Abrangente de Construção de Painéis Meteorológicos

Construa um painel meteorológico abrangente usando HTML5, CSS3, JavaScript e a API OpenWeatherMap. Crie uma interface visualmente atraente que mostre as condições climáticas atuais com ícones apropriados e mudanças de fundo com base no clima/hora do dia. Exiba uma previsão detalhada de 5 dias com detalhamento horário expansível para cada dia. Implemente pesquisa de localização com autocompletar e histórico, suportando tanto nomes de cidades quanto coordenadas. Adicione suporte a geolocalização para detectar automaticamente a localização do usuário. Inclua alternâncias para unidades de temperatura (°C/°F) e formatos de hora. Exiba alertas meteorológicos severos com destaque prioritário. Mostre dados meteorológicos detalhados, incluindo velocidade/direção do vento, umidade, pressão, índice UV e qualidade do ar quando disponíveis. Inclua horários de nascer/pôr do sol com indicadores visuais. Crie um layout totalmente responsivo usando CSS Grid que se adapte a todos os tamanhos de dispositivo com densidade de informação apropriada.