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/components/admin/inventario/EliminarMaterial.tsx

@@ -53,11 +53,9 @@ export default function EliminarMaterial({ id, nombre, tienePrestamos }: Props)
     <>
       <button
         type="button"
-        className="btn btn-ghost transition-colors duration-150 hover:!text-white"
+        className="btn btn-ghost hover:!bg-[color:var(--color-danger)] hover:!text-white"
         style={{ minHeight: '36px', paddingBlock: '0.25rem' }}
         onClick={open}
-        onMouseEnter={(e) => (e.currentTarget.style.background = 'var(--color-danger)')}
-        onMouseLeave={(e) => (e.currentTarget.style.background = 'transparent')}
       >
         Eliminar
       </button>