---
const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
---

<footer class="site-footer">
  <div class="page-wrap">
    <div class="footer-inner">

      <div class="footer-brand">
        <a href="/" aria-label="MNQ Catering y Evento">
          <img
            src="/images/logo-secondary.webp"
            alt="MNQ Catering y Evento"
            width="224"
            height="224"
            style="height: 3.5rem; width: auto; mix-blend-mode: multiply; margin-bottom: 1rem;"
          />
        </a>
        <p>© 2025 MNQ Catering y Evento. Excelencia culinaria para los momentos más importantes de su vida.</p>
        <div style="display:flex;flex-direction:column;gap:0.35rem;margin-top:var(--space-4);">
          <a href="tel:+34678171513" class="footer-link" style="width:fit-content;">+34 678 17 15 13</a>
          <a href="https://www.mnqeventos.es" class="footer-link" style="width:fit-content;">www.mnqeventos.es</a>
          <p class="text-body-sm" style="width:fit-content;">Calle Borde Alegre, 1, 29014, Málaga</p>
        </div>
      </div>

      <div class="footer-links">
        <div class="footer-col">
          <span class="footer-col-title">Servicios</span>
          <a href="/bodas-reales"         class="footer-link">Bodas Reales</a>
          <a href="/corporativo-business" class="footer-link">Corporativo</a>
          <a href="/reuniones-familiares" class="footer-link">Social</a>
          <a href="/nosotros"             class="footer-link">Nosotros</a>
        </div>
        <div class="footer-col">
          <span class="footer-col-title">Compañía</span>
          <a href="/contacto" class="footer-link">Contacto</a>
          <a
            href="https://wa.me/34678171513"
            class="footer-link"
            target="_blank"
            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>
      </div>

    </div>

    <div class="footer-bottom">
      <p class="text-body-sm">
        Excelencia culinaria · Diseño de eventos · Gastronomía de autor
      </p>
    </div>
  </div>
</footer>