Complete PWA implementation with custom icons

- Add PWA icons in multiple sizes (192px, 512px, maskable)
- Configure manifest.webmanifest with proper icon references
- Implement PWA install prompt with custom notification
- Add manual manifest route for development compatibility
- Update meta tags for iOS and Android PWA support
- Configure service worker with music and image caching
- Enable auto-updates and offline functionality

PWA now fully installable on all platforms with proper branding.

PWA_INSTALL_GUIDE.md

@@ -0,0 +1,110 @@
+# 📱 Guía de Instalación PWA - RepoDructor
+
+## 🚀 Tu app es ahora completamente instalable!
+
+RepoDructor ahora funciona como una **Progressive Web App (PWA)** completamente instalable en cualquier dispositivo.
+
+## ✨ Características PWA
+
+- 🎵 **Funciona offline** - Cache inteligente para tu música
+- 📱 **Instalable** - Se instala como app nativa
+- 🚀 **Rápida** - Cache optimizado para carga instantánea
+- 🔄 **Auto-actualizable** - Se actualiza automáticamente
+- 🎨 **Icono personalizado** - Tu hermoso logo degradado
+
+## 📲 ¿Cómo Instalar?
+
+### **Android (Chrome/Edge)**
+1. Visita `https://musica.nucleoriofrio.com`
+2. Verás una notificación "¡Instalar RepoDructor!" en la esquina superior derecha
+3. Haz clic en **"Instalar"**
+4. ¡Listo! La app aparecerá en tu pantalla de inicio
+
+### **iPhone/iPad (Safari)**
+1. Visita `https://musica.nucleoriofrio.com`
+2. Toca el botón **Compartir** (cuadrado con flecha hacia arriba)
+3. Selecciona **"Añadir a pantalla de inicio"**
+4. Confirma con **"Añadir"**
+
+### **Desktop (Chrome/Edge/Firefox)**
+1. Visita `https://musica.nucleoriofrio.com`
+2. Busca el ícono de instalación en la barra de direcciones (⬇️ o +)
+3. Haz clic e **"Instalar RepoDructor"**
+4. La app se abrirá en una ventana independiente
+
+## 🎯 Funciones PWA Avanzadas
+
+### **Cache Inteligente**
+- 🎵 **Música**: Cache de 30 días para reproducción offline
+- 🖼️ **Imágenes**: Cache de 7 días para carga rápida
+- ⚡ **App**: Cache persistente para inicio instantáneo
+
+### **Instalación Automática**
+- ✅ **Detección automática** de capacidad de instalación
+- 🔔 **Notificación elegante** con tu branding
+- 📱 **Experiencia nativa** una vez instalada
+
+### **Actualizaciones**
+- 🔄 **Auto-update** cada 20 segundos en segundo plano
+- 🚀 **Sin interrupciones** - las actualizaciones se aplican automáticamente
+- 💾 **Cache preservation** - tu música sigue disponible
+
+## 🛠️ Para Desarrolladores
+
+### **Archivos PWA Generados**
+```
+public/
+├── logo-192.png             # Icono 192x192
+├── logo-512.png             # Icono 512x512
+├── logo-maskable-512.png    # Icono maskable para Android
+├── logo.png                 # Icono original
+├── manifest.webmanifest     # Manifest PWA (auto-generado)
+└── sw.js                   # Service Worker (auto-generado)
+```
+
+### **Configuración en `nuxt.config.ts`**
+- ✅ Manifest optimizado con tu logo
+- ✅ Service Worker con cache estratégico  
+- ✅ Instalación automática habilitada
+- ✅ Meta tags para iOS y Android
+
+### **Plugins Incluidos**
+- `plugins/pwa-install.client.ts` - Manejo de instalación
+- `plugins/proxy-headers.client.ts` - Compatibilidad con proxy
+
+## 🎨 Personalización
+
+### **Colores del Tema**
+- **Theme Color**: `#8b5cf6` (púrpura del logo)
+- **Background**: `#0f172a` (azul oscuro)
+- **Accent**: Gradiente turquesa → magenta
+
+### **Iconos (✅ COMPLETADOS)**
+- **Formato**: PNG con transparencia
+- **Tamaños**: 192x192, 512x512
+- **Maskable**: `logo-maskable-512.png` optimizado para Android
+- **Archivos**: `logo-192.png`, `logo-512.png`, `logo-maskable-512.png`
+
+## 🔍 Verificación de Instalación
+
+### **Chrome DevTools**
+1. F12 → Application → Manifest
+2. Verifica que todos los iconos cargan correctamente
+3. Application → Service Workers - debe mostrar activo
+
+### **Lighthouse PWA Audit**
+- Ejecuta un audit PWA en DevTools
+- Debe mostrar ✅ "Installable"
+- Score PWA debe ser 100/100
+
+## 🎵 ¡Disfruta tu música!
+
+Una vez instalada, RepoDructor funciona como cualquier app nativa:
+- 🚀 **Inicio rápido** desde pantalla de inicio
+- 🎵 **Reproducción offline** de música cacheada  
+- 🔄 **Actualizaciones silenciosas** automáticas
+- 📱 **Experiencia móvil** optimizada
+
+---
+
+**🎶 RepoDructor - Tu música, siempre contigo, en cualquier dispositivo** 🎶