{% extends 'crochet/base.html' %}
{% load i18n %}

{% block title %}{% trans 'Página no encontrada' %}{% endblock %}

{% block extra_css %}
  {% include 'crochet/_platform_assets.html' %}
{% endblock %}

{% block content %}
  <main class="flex justify-center px-4 py-12">
    <div class="card w-full max-w-sm bg-base-100 shadow-xl border border-base-300">
      <div class="card-body text-center">
        <h1 class="card-title justify-center">{% trans 'Página no encontrada' %}</h1>
        <p class="text-sm text-base-content/70">
          {% trans 'La página que buscas no existe o se ha movido.' %}
        </p>
        <p class="text-sm text-center mt-2">
          <a href="{% url 'crochet:home' %}" class="link link-primary">{% trans 'Volver al inicio' %}</a>
        </p>
      </div>
    </div>
  </main>
{% endblock %}