Panel meteorológico

Crea un panel meteorológico completo con HTML5, CSS3, JavaScript y la API de OpenWeatherMap. Crea una interfaz visualmente atractiva que muestre las condiciones meteorológicas actuales con iconos adecuados y cambios de fondo según el tiempo y la hora del día. Muestra un pronóstico detallado de 5 días con un desglose horario expandible para cada día. Implementa la búsqueda por ubicación con autocompletado e historial, compatible con nombres de ciudades y coordenadas. Añade compatibilidad con geolocalización para detectar automáticamente la ubicación del usuario. Incluye interruptores para las unidades de temperatura (°C/°F) y los formatos de hora. Muestra alertas de clima severo con prioridad destacada. Muestra datos meteorológicos detallados, como la velocidad y dirección del viento, la humedad, la presión, el índice UV y la calidad del aire cuando estén disponibles. Incluye la hora del amanecer y el atardecer con indicadores visuales. Crea un diseño totalmente adaptable con CSS Grid que se adapta a dispositivos de todos los tamaños con la densidad de información adecuada