feat: rediseño premium completo del sitio MNQ

- Sistema visual nuevo: tokens CSS extendidos, tipografía Noto Serif + Inter, design system completo
- Navbar con logo generado por IA (☥MNQ ★★★★★), favicon ojo de Ra, WhatsApp CTA
- Páginas rediseñadas: Home, Bodas, Corporativo, Familiares, Nosotros, Contacto
- Imágenes premium: fotografías reales + imágenes generadas con Gemini AI via nanobanana
- Logos con fondo transparente generados y procesados
- WhatsApp actualizado a +34 678 17 15 13

src/components/SiteHeader.astro

@@ -1,14 +1,64 @@
+---
+interface Props {
+  activeNav?: string;
+}
+const { activeNav } = Astro.props;
+
+const links = [
+  { href: '/bodas-reales',         label: 'Bodas',       key: 'bodas' },
+  { href: '/corporativo-business', label: 'Corporativo', key: 'corporativo' },
+  { href: '/reuniones-familiares', label: 'Social',      key: 'social' },
+  { href: '/nosotros',             label: 'Nosotros',    key: 'nosotros' },
+  { href: '/contacto',             label: 'Contacto',    key: 'contacto' },
+];
+---
+
 <header class="site-header">
-  <div class="container nav-wrap">
-    <a href="/" class="brand">MNQ Catering y Evento</a>
-    <nav aria-label="Principal">
-      <ul class="nav-list">
-        <li><a href="/nosotros">Nosotros</a></li>
-        <li><a href="/bodas-reales">Bodas Reales</a></li>
-        <li><a href="/corporativo-business">Corporativo &amp; Business</a></li>
-        <li><a href="/reuniones-familiares">Reuniones Familiares</a></li>
-        <li><a href="/contacto">Contacto</a></li>
-      </ul>
+  <div class="page-wrap">
+
+    <a href="/" class="site-brand-link" aria-label="MNQ Catering y Eventos — inicio">
+      <img
+        src="/images/logo-nav-dark.png"
+        alt="MNQ Catering y Eventos"
+        class="site-logo-banner"
+        width="220"
+        height="85"
+      />
+    </a>
+
+    <nav class="site-nav" aria-label="Principal">
+      {links.map(({ href, label, key }) => (
+        <a href={href} class={`nav-link${activeNav === key ? ' active' : ''}`}>
+          {label}
+        </a>
+      ))}
     </nav>
+
+    <div class="nav-actions">
+      <a
+        href="https://wa.me/34678171513?text=Hola%20MNQ%2C%20quiero%20cotizar%20mi%20evento"
+        class="btn btn-pill"
+        target="_blank"
+        rel="noreferrer"
+        style="font-size: 0.6875rem; padding: 0.625rem 1.25rem;"
+      >
+        WhatsApp
+      </a>
+    </div>
+
   </div>
 </header>
+
+<style>
+  .site-brand-link {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+  }
+
+  .site-logo-banner {
+    height: 3.5rem;
+    width: auto;
+    object-fit: contain;
+  }
+</style>