---
import Base from "../layouts/Base.astro";
import Icon from "../components/Icon.astro";
---

<Base title="Página no encontrada | Acepla">
  <section class="container-x py-24 text-center">
    <p class="text-[120px] font-display font-bold text-acepla-700 leading-none mb-4">404</p>
    <h1 class="text-3xl font-display font-bold mb-3">Página no encontrada</h1>
    <p class="text-ink-soft mb-8 max-w-md mx-auto">
      La página que buscás no existe o fue movida.
    </p>
    <a href="/" class="btn-primary">
      <Icon name="arrowRight" size={18} class="rotate-180" /> Volver al inicio
    </a>
  </section>
</Base>