# Prompt 3: Lista, estadísticas y vistas del mapa de viajes

Eres un desarrollador frontend senior. Necesito completar `index.html` para que, además del mapa SVG, tenga una lista de lugares, estadísticas y vistas por pestañas. Requisitos:

1. **Selector de país:** incluye un `<select>` o autocompletado con todos los países (nombre + bandera derivada del ISO). Al seleccionar uno, se llenan automáticamente nombre, ISO, región y bandera. No pidas emojis a mano.

2. **Lista de lugares:**
   - Muestra tarjetas agrupadas por estado: "Visitados" y "Lista de deseos".
   - Cada tarjeta muestra: bandera (derivada del código ISO), país, ciudad, veces visitadas / horizonte, última fecha.
   - **Un clic no cambia el estado directamente.** Un clic selecciona la tarjeta y muestra sus detalles. Cambiar el estado requiere un botón explícito.
   - Alternativa aceptable: si el clic cambia el estado, muestra un aviso temporal con botón "Deshacer" durante 3-5 segundos.
   - Botón para añadir ciudad, botón para editar ciudad y botón para eliminar ciudad. El borrado requiere confirmación; la edición no.

3. **Pestañas:**
   - Todos, Visitados, Bucketlist, Por región, Estadísticas.
   - Cambiar de pestaña no recarga la página. No dependas del objeto global `event`; pasa el elemento como parámetro.

4. **Bucketlist por horizonte:**
   - Agrupa las ciudades bucketlist por horizonte: corto, mediano, largo.

5. **Estadísticas:**
   - Total de países visitados.
   - Total de países en bucketlist.
   - Total de ciudades.
   - Barras de progreso por región (ej. América, Europa, Asia, África, Oceanía, Desconocido).
   - Evita división entre cero: si no hay visitados, las barras deben mostrar 0 %, no `NaN` ni ancho inválido.

6. **Sincronización:**
   - El mapa y la lista deben usar el mismo modelo de datos.
   - Cualquier cambio en una vista debe reflejarse en la otra sin recargar.

7. **Región por defecto:**
   - Si un país no tiene región asignada, úsalo en una categoría "Desconocido" o "Otros". Nunca asumas Europa por defecto.

8. **Exportar e importar:**
   - Botón "Exportar JSON" que descargue el `localStorage` actual como archivo.
   - Botón "Importar JSON" con `<input type="file">` que reemplace los datos tras confirmación del usuario.
   - Muestra un aviso claro: si no exportas, tus datos viven solo en este navegador.

9. **Responsive:** la lista debe verse bien en móvil (una columna) y en escritorio (rejilla o dos columnas).

10. **Estética:** modo oscuro, tarjetas con borde sutil, acentos índigo para visitado, teal para bucketlist. CSS en el mismo archivo.

11. **Privacidad:** todo local, sin llamadas externas.

Entrégame `index.html` completo y funcional. Pregúntame si prefieres que las regiones vengan de un mapa hardcodeado o que se detecten por código ISO.