feat: rebrand a Manual de Identidad Visual v1.0

Migra todo el sitio a la marca oficial aprobada por la dueña:
- Logotipo cre≡er (el símbolo ≡ reemplaza la 'e' central, en dorado)
- Paleta: Azul Profundo #0A1D5D + Dorado Estratégico #C4942E + Blanco + neutros
- Tipografía: Aptos (Inter como fallback web), fin del sistema híbrido Georgia/Inter
- Tagline 'CLARIDAD · DIRECCIÓN · CRECIMIENTO' + eslogan 'Estrategia que transforma.'

Componentes, tokens de Tailwind, lib/content.ts, docs (dueña-directrices + spec)
y tests actualizados. Typecheck, lint, 27/27 tests y build estática verdes.

Basado en docs/branding.jpeg (Manual v1.0, mayo 2026).

components/sections/Cierre.tsx

@@ -10,25 +10,25 @@ export function Cierre() {
   const reduced = usePrefersReducedMotion();
   const { whatsapp, email, linkedin } = cierre.contact;
   return (
-    <section id="contacto" className="bg-bg-dark text-cream scroll-mt-24">
+    <section id="contacto" className="bg-azul-profundo text-white scroll-mt-24">
       <Container className="py-24 md:py-32 text-center">
         <motion.div variants={staggerContainer} initial="hidden" whileInView="visible" viewport={viewportOnce} {...motionProps(reduced)}
           className="flex flex-col items-center">
           <motion.div variants={fadeInUp}><Wordmark size="lg" onDark /></motion.div>
           <motion.blockquote variants={fadeInUp}
-            className="mt-10 font-serif italic text-2xl md:text-4xl font-bold leading-snug max-w-3xl">
-            <span className="text-gold-bright">&ldquo;</span>{cierre.quote}<span className="text-gold-bright">&rdquo;</span>
+            className="mt-10 font-sans italic text-2xl md:text-4xl font-bold leading-snug max-w-3xl">
+            <span className="text-dorado">&ldquo;</span>{cierre.quote}<span className="text-dorado">&rdquo;</span>
           </motion.blockquote>
           <motion.div variants={fadeInUp} className="mt-10">
             <CTA href={whatsapp.href} label={cierre.cta} variant="dark" />
           </motion.div>
           <motion.nav variants={fadeInUp} aria-label="Contacto" className="mt-12">
             <ul className="flex flex-wrap justify-center gap-6 text-sm">
-              <li><a href={whatsapp.href} className="hover:text-gold-bright transition-colors">{whatsapp.label}</a></li>
-              <li aria-hidden="true" className="text-muted-dark">·</li>
-              <li><a href={email.href} className="hover:text-gold-bright transition-colors">{email.label}</a></li>
-              <li aria-hidden="true" className="text-muted-dark">·</li>
-              <li><a href={linkedin.href} className="hover:text-gold-bright transition-colors">{linkedin.label}</a></li>
+              <li><a href={whatsapp.href} className="hover:text-dorado transition-colors">{whatsapp.label}</a></li>
+              <li aria-hidden="true" className="text-gris-medio">·</li>
+              <li><a href={email.href} className="hover:text-dorado transition-colors">{email.label}</a></li>
+              <li aria-hidden="true" className="text-gris-medio">·</li>
+              <li><a href={linkedin.href} className="hover:text-dorado transition-colors">{linkedin.label}</a></li>
             </ul>
           </motion.nav>
         </motion.div>