Panel integral para crear paneles meteorológicos

Construye un panel meteorológico integral usando HTML5, CSS3, JavaScript y la API de OpenWeatherMap. Crea una interfaz visualmente atractiva que muestre las condiciones climáticas actuales con iconos apropiados y cambios de fondo según el clima/hora del día. Muestra un pronóstico detallado de 5 días con desglose horario expandible para cada día. Implementa búsqueda de ubicación con autocompletado e historial, admitiendo tanto nombres de ciudades como coordenadas. Añade soporte de geolocalización para detectar automáticamente la ubicación del usuario. Incluye alternadores para unidades de temperatura (°C/°F) y formatos de hora. Muestra alertas meteorológicas severas con resaltado prioritario. Presenta datos meteorológicos detallados que incluyan velocidad/dirección del viento, humedad, presión, índice UV y calidad del aire cuando estén disponibles. Incluye horas de salida/puesta del sol con indicadores visuales. Crea un diseño totalmente receptivo usando CSS Grid que se adapte a todos los tamaños de dispositivo con una densidad de información adecuada.