diff --git a/nuxt4/app/app.vue b/nuxt4/app/app.vue
index 904688b..95876fb 100644
--- a/nuxt4/app/app.vue
+++ b/nuxt4/app/app.vue
@@ -50,4 +50,18 @@
 
 <script setup lang="ts">
 const { isAuthenticated } = useAuthentik()
+
+// Configurar meta tags para PWA
+useHead({
+  link: [
+    { rel: 'manifest', href: '/manifest.webmanifest' },
+    { rel: 'icon', type: 'image/svg+xml', href: '/icon.svg' },
+    { rel: 'apple-touch-icon', href: '/apple-touch-icon.png' }
+  ],
+  meta: [
+    { name: 'theme-color', content: '#00DC82' },
+    { name: 'apple-mobile-web-app-capable', content: 'yes' },
+    { name: 'apple-mobile-web-app-status-bar-style', content: 'default' }
+  ]
+})
 </script>
diff --git a/nuxt4/nuxt.config.ts b/nuxt4/nuxt.config.ts
index f6fbea1..eb8dbc3 100644
--- a/nuxt4/nuxt.config.ts
+++ b/nuxt4/nuxt.config.ts
@@ -22,6 +22,7 @@ export default defineNuxtConfig({
 
   pwa: {
     registerType: 'autoUpdate',
+    includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'icon.svg'],
     manifest: {
       name: 'Plantilla Nuxt + Authentik',
       short_name: 'NuxtAuth',
@@ -54,7 +55,7 @@ export default defineNuxtConfig({
       ]
     },
     workbox: {
-      navigateFallback: '/',
+      navigateFallback: undefined,
       globPatterns: ['**/*.{js,css,html,png,svg,ico}'],
       cleanupOutdatedCaches: true,
       runtimeCaching: [