---
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>