diff --git a/apps/web/src/routes/api/logout/+server.ts b/apps/web/src/routes/api/logout/+server.ts
index 52d84b0..abd444e 100644
--- a/apps/web/src/routes/api/logout/+server.ts
+++ b/apps/web/src/routes/api/logout/+server.ts
@@ -1,4 +1,5 @@
 import type { RequestHandler } from './$types';
+import { redirect } from '@sveltejs/kit';
 import { getDb } from '$lib/server/db';
 import { sha256Hex } from '$lib/server/crypto';
 import { isProd } from '$lib/server/env';
@@ -25,5 +26,7 @@ export const POST: RequestHandler = async (event) => {
 	}
 	// Limpiar cookie (asegurar mismos atributos que al crearla)
 	event.cookies.delete('sid', { path: '/', httpOnly: true, sameSite: 'lax', secure: isProd() });
-	return new Response(null, { status: 204 });
+
+	// Redirigir a home para que el navegador navegue sin depender de JS
+	throw redirect(303, '/');
 };
diff --git a/apps/web/src/routes/app/+page.svelte b/apps/web/src/routes/app/+page.svelte
index e1bfec9..f0283bd 100644
--- a/apps/web/src/routes/app/+page.svelte
+++ b/apps/web/src/routes/app/+page.svelte
@@ -11,19 +11,15 @@
 		}>;
 	};
 
-	async function logout() {
-		try {
-			await fetch('/api/logout', { method: 'POST' });
-		} catch {}
-		location.href = '/';
-	}
 </script>
 
 <h1>Panel</h1>
 <p>Sesión iniciada como: <strong>{data.userId}</strong></p>
 
 <div style="margin: 1rem 0;">
-	<button on:click={logout}>Cerrar sesión</button>
+	<form method="POST" action="/api/logout">
+		<button type="submit">Cerrar sesión</button>
+	</form>
 </div>
 
 <h2>Mis tareas (abiertas)</h2>