---
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-[2px] bg-[color:var(--color-primary)] mb-4 p-4" style="border: 2px solid var(--color-ink); box-shadow: var(--shadow-hard);">
        <BrandMark class="w-full h-full text-white" />
      </div>
      <h1 class="text-2xl font-semibold uppercase tracking-wide">Página no encontrada</h1>
      <p class="text-sm mt-2" style="color: var(--color-pencil);">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>