From 552f0fa57602adf5ab76917b39927574a02b7c19 Mon Sep 17 00:00:00 2001
From: Manuel <manuel@pcln>
Date: Mon, 20 Jul 2026 21:00:37 +0200
Subject: [PATCH] docs: add legal notice placeholder

---
 src/components/SiteFooter.astro |  1 +
 src/pages/aviso-legal.astro     | 90 +++++++++++++++++++++++++++++++++
 2 files changed, 91 insertions(+)
 create mode 100644 src/pages/aviso-legal.astro

diff --git a/src/components/SiteFooter.astro b/src/components/SiteFooter.astro
index 6e070d1..941533e 100644
--- a/src/components/SiteFooter.astro
+++ b/src/components/SiteFooter.astro
@@ -41,6 +41,7 @@ const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
             rel="noreferrer"
             aria-label={whatsappAriaLabel}
           >WhatsApp</a>
+          <a href="/aviso-legal" class="footer-link">Aviso legal</a>
           <a href="/privacidad" class="footer-link">Privacidad</a>
           <a href="/cookies" class="footer-link">Cookies</a>
         </div>
diff --git a/src/pages/aviso-legal.astro b/src/pages/aviso-legal.astro
new file mode 100644
index 0000000..b3acc14
--- /dev/null
+++ b/src/pages/aviso-legal.astro
@@ -0,0 +1,90 @@
+---
+import MainLayout from '../layouts/MainLayout.astro';
+---
+
+<MainLayout
+  title="Aviso Legal | MNQ Catering y Evento"
+  description="Aviso legal provisional de MNQ Catering y Evento pendiente de completarse con los datos jurídicos definitivos."
+  robots="noindex,follow"
+>
+
+  <section style="padding-top: calc(var(--nav-h) + var(--space-section)); padding-bottom: var(--space-section);">
+    <div class="page-wrap" style="max-width: 52rem;">
+
+      <span class="section-eyebrow">Legal</span>
+      <h1 class="text-display" style="margin-bottom: var(--space-8);">Aviso Legal</h1>
+      <p class="text-muted" style="margin-bottom: var(--space-12);">Última actualización: julio de 2026</p>
+
+      <div class="privacy-content">
+
+        <h2>Aviso provisional pendiente de completar</h2>
+        <p>Esta página se publica como <strong>aviso legal provisional</strong> mientras se recopilan y validan los datos jurídicos definitivos del titular del sitio. Hasta entonces, este contenido no debe interpretarse como la versión final del aviso legal.</p>
+
+        <h2>Información pendiente</h2>
+        <p>Para completar correctamente este aviso legal todavía es necesario incorporar, como mínimo, los siguientes datos:</p>
+        <ul>
+          <li>Identidad completa del titular legal</li>
+          <li>NIF/CIF</li>
+          <li>Domicilio social o profesional aplicable</li>
+          <li>Correo electrónico jurídico u operativo definitivo</li>
+          <li>Datos registrales, si resultan exigibles</li>
+        </ul>
+
+        <h2>Alcance de esta versión</h2>
+        <p>Hasta que se disponga de esa información, esta página tiene únicamente finalidad informativa interna y de señalización de cumplimiento pendiente. La versión definitiva deberá revisarse antes de considerarse completa a efectos legales y de publicación estable.</p>
+
+        <h2>Documentación relacionada</h2>
+        <p>Puede consultar también la <a href="/privacidad">Política de Privacidad</a> y la <a href="/cookies">Política de Cookies</a>, que se mantienen publicadas de forma separada.</p>
+
+      </div>
+
+      <div style="margin-top: var(--space-16); padding-top: var(--space-8); border-top: 1px solid rgb(208 197 175 / 30%);">
+        <a href="/" class="btn-underline">← Volver al inicio</a>
+      </div>
+
+    </div>
+  </section>
+
+</MainLayout>
+
+<style>
+  .privacy-content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-6);
+  }
+
+  .privacy-content h2 {
+    font-family: var(--font-serif);
+    font-size: var(--text-headline-md);
+    color: var(--color-on-surface);
+    margin-top: var(--space-6);
+    margin-bottom: 0;
+  }
+
+  .privacy-content p,
+  .privacy-content li {
+    color: var(--color-on-surface-variant);
+    line-height: 1.75;
+    font-size: var(--text-base);
+  }
+
+  .privacy-content ul {
+    list-style: disc;
+    padding-left: var(--space-6);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2);
+  }
+
+  .privacy-content a {
+    color: var(--color-primary);
+    text-decoration: underline;
+    text-underline-offset: 3px;
+  }
+
+  .privacy-content strong {
+    color: var(--color-on-surface);
+    font-weight: 600;
+  }
+</style>