Rediseño impeccable: brand mark, páginas 403/404, DESIGN.md + PRODUCT.md

Rediseño hecho en sesión aparte con el skill impeccable. Se registran
las especificaciones y ajustes visuales al sistema ya en producción.

Añade:
- BrandMark.astro con el escudo/logo del laboratorio.
- Favicon actualizado (svg + ico).
- Páginas propias 403 y 404 consistentes con el sistema visual.
- DESIGN.md y PRODUCT.md documentando decisiones.
- .impeccable/design.json con el design system tokenizado.

Ajusta componentes existentes (modales, autocomplete, layout, login,
solicitudes, mis-préstamos, middleware) para alinearse a los tokens
del design system.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

src/pages/404.astro

@@ -0,0 +1,18 @@
+---
+import Layout from '@/layouts/Layout.astro';
+import BrandMark from '@/components/BrandMark.astro';
+
+Astro.response.status = 404;
+---
+<Layout title="Página no encontrada — LabPréstamos">
+  <main id="main" class="min-h-screen grid place-items-center p-4">
+    <div class="w-full max-w-md text-center">
+      <div class="inline-grid place-items-center w-16 h-16 rounded-2xl bg-[color:var(--color-primary)] mb-4 p-4">
+        <BrandMark class="w-full h-full text-white" />
+      </div>
+      <h1 class="text-2xl font-semibold">Página no encontrada</h1>
+      <p class="text-sm opacity-70 mt-2">La dirección no existe o cambió de lugar.</p>
+      <a href="/" class="btn btn-primary mt-6 inline-flex">Volver al inicio</a>
+    </div>
+  </main>
+</Layout>