feat: agregar sección 'Así es trabajar conmigo'

Nueva sección FormaTrabajar con 5 tarjetas: Metodología, Quién participa,
De dónde partimos, Qué te llevas y Duración. Inspirada en la estructura
de en-ti.com, adaptada a la identidad creeer.

- Nuevo componente FormaTrabajar.tsx (grid de tarjetas con TarjetaSpotlight)
- Nuevo ícono 'reloj' en Icono.tsx
- Contenido en lib/content.ts (copy derivado de fuentes aprobadas)
- Insertada entre Mecanismo y Disciplinas en page.tsx

components/layout/Header.tsx

@@ -8,10 +8,6 @@ import { Container } from '@/components/primitives/Container';
 import { ProgresoLectura } from '@/components/primitives/ProgresoLectura';
 import { header } from '@/lib/content';
 
-// Navy like the hero it sits on, so the top of the page is one block instead of
-// a white bar stuck over a dark opening. Over the light sections further down it
-// reads as the brand's own bar rather than as page chrome.
-//
 // The header tightens once the reader leaves the hero: less chrome, more page.
 // Client component because the compaction needs scroll state on the <header>
 // itself; there is no server-rendered data here to lose.
@@ -27,16 +23,16 @@ export function Header() {
 
   return (
     <header
-      className={`sticky top-0 z-50 relative border-b border-white/10 bg-azul-profundo/90 backdrop-blur transition-[padding] duration-300 motion-reduce:transition-none ${
+      className={`sticky top-0 z-50 relative border-b border-azul-profundo/10 bg-white/80 backdrop-blur transition-[padding] duration-300 motion-reduce:transition-none ${
         compacto ? 'py-0' : 'py-3'
       }`}
     >
       <Container className="flex items-center justify-between">
         <a href="#top" aria-label="creeer — inicio" className="block transition-transform duration-300 origin-left motion-reduce:transition-none">
-          <Wordmark size={compacto ? 'sm' : 'md'} onDark />
+          <Wordmark size={compacto ? 'sm' : 'md'} />
         </a>
         <nav aria-label="Principal">
-          <CTA href="#contacto" label={header.cta} variant="dark" />
+          <CTA href="#contacto" label={header.cta} variant="light" />
         </nav>
       </Container>
       <ProgresoLectura />