fix(web): light mode profundidad + grid global + autofill fix

Cambios:
- index.css: fix de browser autofill (Chrome/Safari forzaba bg amarillo +
  texto blanco que rompia contraste). Override -webkit-text-fill-color
  + box-shadow inset para mantener tokens del DS. Esta era la causa real
  de las 'letras blancas en gris' que se veian en login.
- index.css: utility .grid-bg global (7% opacity light, 10% dark) — para
  usar como fondo cuadriculado en todos los layouts.
- PublicLayout: agrego .grid-bg layer + bg-background explicito + glow
  blobs mas intensos (25%/20% en light vs 10% antes). Light ahora
  tiene la misma profundidad visual que dark.
- ProtectedLayout: agrego .grid-bg + glow blobs sutiles en corners para
  dar profundidad al dashboard y todas las secciones internas. Resalta
  futuros componentes glass.

Tests: 136/136 verde.

src/web/src/index.css

@@ -204,6 +204,21 @@
   code, pre, kbd, samp {
     font-family: var(--font-mono);
   }
+
+  /* ── Browser autofill (Chrome/Safari): forzar tokens del DS ──
+     Sin esto, autofill aplica bg amarillo + texto blanco que se ve horrible
+     y rompe contraste con cualquier paleta. */
+  input:-webkit-autofill,
+  input:-webkit-autofill:hover,
+  input:-webkit-autofill:focus,
+  input:-webkit-autofill:active,
+  textarea:-webkit-autofill,
+  select:-webkit-autofill {
+    -webkit-text-fill-color: var(--foreground) !important;
+    -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
+    caret-color: var(--foreground) !important;
+    transition: background-color 5000s ease-in-out 0s;
+  }
 }
 
 /* ================================================================
@@ -222,6 +237,21 @@
     background-image: var(--gradient-mesh);
   }
 
+  /* Grid texture overlay — usar como fondo decorativo en surfaces grandes
+     Light: 2.5% opacity (sutil pero visible). Dark: 5% (más presente) */
+  .grid-bg {
+    background-image:
+      linear-gradient(to right, currentColor 1px, transparent 1px),
+      linear-gradient(to bottom, currentColor 1px, transparent 1px);
+    background-size: 56px 56px;
+    color: var(--neutral-500);
+    opacity: 0.07;
+  }
+  .dark .grid-bg {
+    color: var(--neutral-400);
+    opacity: 0.10;
+  }
+
   /* Brand glow para focus en inputs críticos */
   .focus-glow:focus-visible {
     box-shadow: var(--shadow-glow);