<footer style="border-top: 3px solid var(--brand); margin-top: 2.4rem; padding: 2.4rem 1rem 1.6rem; text-align: center; font-size: 0.85rem; color: var(--ink-soft); background: color-mix(in srgb, var(--brand) 7%, var(--surface));">
  <p style="font-family: var(--font-display); color: var(--brand); font-size: 1.2rem; font-weight: 800; margin: 0 0 0.5rem;"><%= negocio.nombreNegocio %></p>
  <% if (negocio.direccion) { %><p style="margin: 0 0 0.6rem;"><%= negocio.direccion %></p><% } %>
  <% if (negocio.whatsapp || negocio.instagram || negocio.facebook || negocio.tiktok) { %>
    <p style="display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; margin: 0 0 1.2rem;">
      <% if (negocio.whatsapp) { %><a href="https://wa.me/<%= negocio.whatsapp %>" target="_blank" style="color: var(--brand); font-weight: 600;">WhatsApp</a><% } %>
      <% if (negocio.instagram) { %><a href="https://instagram.com/<%= negocio.instagram.replace('@','') %>" target="_blank" style="color: var(--brand); font-weight: 600;">Instagram</a><% } %>
      <% if (negocio.facebook) { %><a href="https://facebook.com/<%= negocio.facebook %>" target="_blank" style="color: var(--brand); font-weight: 600;">Facebook</a><% } %>
      <% if (negocio.tiktok) { %><a href="https://tiktok.com/@<%= negocio.tiktok.replace('@','') %>" target="_blank" style="color: var(--brand); font-weight: 600;">TikTok</a><% } %>
    </p>
  <% } %>
  <p style="margin: 0; color: var(--ink-faint);">© <%= new Date().getFullYear() %> <%= negocio.nombreNegocio %> · con tecnología de Trokkmart</p>
</footer>
