El Footer: el cierre del sitio que recoge lo que faltó arriba

---
// USO BÁSICO · footer data-driven desde site.ts, cero hardcoding.
// El componente se monta UNA vez en PageLayout y se reutiliza en cada
// página del sitio. Toda la data (marca, NAP, columnas, redes, legales)
// LEE de site.ts: SITE, CONTACT, PRODUCT_CATEGORIES, SERVICES, SECTORS,
// COVERAGE_STATES, BRANCHES, SOCIAL, LEGAL. Para cambiar un teléfono o
// agregar una red, se edita site.ts y se propaga al sitio entero.
import Footer from '@components/Footer.astro'
---
{/* Sin props: el footer se construye desde site.ts y muestra todo lo
    que existe (omite branches, social, certifications si están vacíos). */}
<Footer />

{/* Para agregar sucursales: poblar BRANCHES en site.ts (NO pasar props):
    export const BRANCHES = [
      { label: 'Matriz CDMX', address: 'Av. Cuauhtémoc 145', mapsUrl: '...' },
      { label: 'Sucursal Norte', address: 'Periférico 800', mapsUrl: '...' },
    ]
    El footer las pinta automáticamente en el bloque NAP de la marca. */}

---
// SPONSORS / BADGES como ItemList interno · cuando hay partners,
// medios donde el sitio fue mencionado, o sellos de pago (Visa, MC,
// Amex), se usa la PROP certifications: Cert[]. Cada Cert es un
// chip plano en la banda de cumplimiento (zona 3 del footer). El
// componente los pinta como <ul> sin enlaces, con título opcional
// (atributo title para tooltip de la norma completa).
import Footer from '@components/Footer.astro'

// Lista de certificaciones / sellos / sponsors verificables.
// Cada entry: { label: 'Texto del chip', title?: 'Tooltip largo' }.
// REGLA: solo poner sellos REALES, con derecho a uso. Inventar un sello
// (ISO sin certificar, PCI sin contrato) tiene consecuencias legales.
const certifications = [
  { label: 'ISO 9001:2015', title: 'Sistema de gestión de calidad certificado por TÜV Rheinland' },
  { label: 'PCI DSS Level 1', title: 'Estándar de seguridad para procesamiento de pagos' },
  { label: 'GDPR Compliant', title: 'Conforme al Reglamento General de Protección de Datos UE 2016/679' },
  { label: 'AMVO', title: 'Asociación Mexicana de Venta Online' },
]
---
<Footer certifications={certifications} />

{/* La banda aparece entre el cuerpo y la barra inferior. Visualmente,
    cada label es un chip con borde sutil; el title se muestra como
    tooltip nativo al hover. Si certifications=[] (default), la banda
    se omite por completo: no hay franja vacía ni separadores sueltos. */}

---
// INTEGRACIÓN SCHEMA · DÓNDE VIVE EL JSON-LD Organization.
// Regla dura B3: UN único emisor por página. organizationSchema() es
// la función pura en lib/seo.ts que devuelve el bloque Organization
// con NAP + contactPoint + sameAs; buildSchema() la invoca en TODA
// página (BaseLayout) dentro del @graph base, junto con WebSite y
// LocalBusiness. El Footer.astro NO emite JSON-LD propio: sería
// duplicado y Google ignoraría el rich result.
//
// FLUJO:
//   1. site.ts define SITE.organization, CONTACT y SOCIAL/sameAs.
//   2. lib/seo.ts → organizationSchema() lee esa SSoT y arma el nodo.
//   3. buildSchema('home'|'page'|...) lo incluye en el @graph base.
//   4. BaseLayout serializa el array con <script type="application/ld+json">.
//   5. Footer.astro pinta el NAP visualmente, sin emitir nada.
import { organizationSchema } from '@lib/seo'

// USO TÍPICO: NO se llama manualmente; buildSchema ya lo invoca.
// Solo se llama directo si una página standalone arma su propio @graph.
const node = organizationSchema()
// node = {
//   '@type': 'Organization',
//   '@id': 'https://ejemplos.mx/#organization',
//   name: 'Ejemplos.mx',
//   url: 'https://ejemplos.mx',
//   logo: { '@type': 'ImageObject', '@id': '...', url: '...' },
//   contactPoint: { telephone: '+52...', email: 'hola@...', ... },
//   sameAs: [],   // SITE.organization.sameAs — vacío por default a propósito
// }
---
{/* En cualquier página, lo correcto es DELEGAR en el layout/buildSchema.
    Wrapper canonical: open-tag de PageLayout con props title + description
    + pageType="page", contenido en el slot, el footer aparece solo (lo emite
    PageLayout) y el JSON-LD Organization lo emite BaseLayout via buildSchema. */}

{/* CONSISTENCIA NAP: site.ts → CONTACT.phone/phoneRaw == lo que pinta
    el Footer == lo que emite organizationSchema en contactPoint.telephone.
    Si reescribes el formato en una página («(55) 0000-0000» en vez de
    «55 0000 0000»), Google detecta divergencia y baja la confianza
    local. UNA SSoT, tres consumidores leyendo de ella. */}