From bfa51c0920c99b7523351252d342d847997537f4 Mon Sep 17 00:00:00 2001
From: brobert <borja@brobert.net>
Date: Thu, 16 Oct 2025 00:35:19 +0200
Subject: [PATCH] chore: eliminar banner de desarrollo y reducir altura de
 topbar a 24px

Co-authored-by: aider (openrouter/openai/gpt-5) <aider@aider.chat>
---
 apps/web/src/lib/ui/layout/AppShell.svelte |  6 ++--
 apps/web/src/routes/+layout.svelte         | 33 ----------------------
 2 files changed, 3 insertions(+), 36 deletions(-)

diff --git a/apps/web/src/lib/ui/layout/AppShell.svelte b/apps/web/src/lib/ui/layout/AppShell.svelte
index 9a87534..dc00873 100644
--- a/apps/web/src/lib/ui/layout/AppShell.svelte
+++ b/apps/web/src/lib/ui/layout/AppShell.svelte
@@ -198,7 +198,7 @@
     }
     /* Reservar espacio en el main para no tapar contenido y la barra superior */
     .main {
-      padding-top: calc(var(--space-4) + 44px + env(safe-area-inset-top));
+      padding-top: calc(var(--space-4) + 24px + env(safe-area-inset-top));
       padding-bottom: calc(var(--space-4) + 48px + env(safe-area-inset-bottom));
     }
   }
@@ -218,13 +218,13 @@
       z-index: 12;
       background: var(--color-surface);
       border-bottom: 1px solid var(--color-border);
-      min-height: 44px;
+      min-height: 24px;
       padding-top: env(safe-area-inset-top);
     }
     .mobile-topbar .topbar-inner {
       display: flex;
       align-items: center;
-      min-height: 44px;
+      min-height: 24px;
       font-weight: 600;
     }
   }
diff --git a/apps/web/src/routes/+layout.svelte b/apps/web/src/routes/+layout.svelte
index 2e4d676..75c8968 100644
--- a/apps/web/src/routes/+layout.svelte
+++ b/apps/web/src/routes/+layout.svelte
@@ -2,7 +2,6 @@
 	import '$lib/styles/tokens.css';
 	import '$lib/styles/base.css';
 	import favicon from '$lib/assets/favicon.svg';
-	const dev = import.meta.env.DEV;
 </script>
 
 <svelte:head>
@@ -10,38 +9,6 @@
 	<meta name="robots" content="noindex,nofollow" />
 </svelte:head>
 
-{#if dev}
-	<div
-		class="dev-banner"
-		role="status"
-		aria-live="polite">
-		Modo desarrollo: auth bypass activo
-	</div>
-{/if}
 
 <slot />
 
-<style>
-	.dev-banner {
-		position: fixed;
-		left: 8px;
-		right: 8px;
-		margin: 0 auto;
-		max-width: 960px;
-		background: rgba(255, 221, 87, 0.95);
-		color: #111;
-		border: 1px solid rgba(0,0,0,0.15);
-		border-radius: 6px;
-		padding: 8px 12px;
-		font-size: 13px;
-		box-shadow: 0 2px 6px rgba(0,0,0,0.15);
-		z-index: 9999;
-		bottom: 8px;
-	}
-	@media (max-width: 768px) {
-		.dev-banner {
-			top: 8px;
-			bottom: auto;
-		}
-	}
-</style>