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

@@ -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;
     }
   }

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>