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/alumno/mis-prestamos.astro

@@ -129,7 +129,9 @@ const badgeStyle = (e: Estado) =>
         <section>
           <details open={historial.length <= 5}>
             <summary class="text-lg font-semibold cursor-pointer list-none flex items-center gap-2">
-              <span aria-hidden="true">›</span>
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path d="M9 6l6 6-6 6" />
+              </svg>
               Historial <span class="text-sm opacity-60" style="font-variant-numeric: tabular-nums;">({historial.length})</span>
             </summary>
             {historial.length === 0 ? (
@@ -174,9 +176,8 @@ const badgeStyle = (e: Estado) =>
 
 <style>
   details > summary::-webkit-details-marker { display: none; }
-  details[open] > summary > span[aria-hidden] { transform: rotate(90deg); }
-  details > summary > span[aria-hidden] {
-    display: inline-block;
+  details[open] > summary > svg { transform: rotate(90deg); }
+  details > summary > svg {
     transition: transform 150ms ease-out;
   }
 </style>