---
import { DEMO_VERSION } from "../data/config";

interface Props {
  seccion?: string;
}
const { seccion = "Esta sección" } = Astro.props;
---

<div class="flex flex-col items-center justify-center py-24 px-6 text-center min-h-[50vh]">
  <div class="relative w-20 h-20 mb-8">
    <div class="absolute inset-0 border-4 border-line rounded-full"></div>
    <div class="absolute inset-0 border-4 border-transparent border-t-acepla-700 rounded-full animate-spin"></div>
  </div>
  <h1 class="font-display text-2xl font-bold text-ink mb-3">En desarrollo</h1>
  <p class="text-ink-soft max-w-md mb-6">
    {seccion} estará disponible próximamente. Estamos trabajando para ofrecerte la mejor experiencia.
  </p>
  <a href="/" class="btn-outline-primary">Volver al inicio</a>
</div>