/* New shared sections: Difference, Requirements, System, FAQ Each section has both a Monolith and Nebula visual treatment. */ // ============ MONOLITH STYLE ============ function MonolithDifference({ accent }) { const { difference } = CONTENT; return (
[01] La diferencia

Esto NO es
gestión de campañas.

✕ Otras agencias
    {difference.notUs.map((t,i)=>(
  • {t}
    • ))}
★ KERN
✓ Lo que hacemos
    {difference.us.map((t,i)=>(
  • → {t}
    • ))}
); } function MonolithRequirements({ accent }) { return (
[04] Requisitos

No trabajamos
con cualquiera.

Para que la inversión publicitaria sea rentable de verdad, hay variables que tienen que estar resueltas antes de empezar. Esto es lo que necesitamos para garantizar resultados — si no las cumples, te lo decimos y te derivamos a alguien que sí pueda ayudarte.

{CONTENT.requirements.map((r, i) => (
e.currentTarget.style.background='#0a0a0a'} onMouseLeave={e=>e.currentTarget.style.background='transparent'}>
{r.icon}

{r.title}

{r.desc}

))}
¿Cumples los requisitos?
Escríbenos por WhatsApp para una evaluación gratuita.
Escríbenos por WhatsApp →
); } function MonolithSystem({ accent }) { return (
[03] Qué incluye

Un sistema
completo.
Todo incluido.

Trabajamos como tu equipo interno de growth. No facturamos servicios sueltos: la operación completa está incluida en la fee mensual.

● {CONTENT.system.length} servicios incluidos
{CONTENT.system.map((s, i) => (
e.currentTarget.style.paddingLeft='16px'} onMouseLeave={e=>e.currentTarget.style.paddingLeft='0'}> {String(i+1).padStart(2,'0')} ✓ {s} INCLUIDO
))}
); } function MonolithFAQ({ accent }) { const [open, setOpen] = useState(0); return (
[10] Preguntas frecuentes

Las dudas
de siempre.
Respondidas.

¿Otra pregunta? Escríbenos →
{CONTENT.faq.map((f, i) => (

{f.a}

))}
); } // ============ NEBULA STYLE ============ function NebulaDifference() { const { difference } = CONTENT; return (
01·b La diferencia

Esto no es
gestión de campañas.

✕ Otras agencias
    {difference.notUs.map((t,i)=>(
  • {t}
    • ))}
★ KERN
✓ Lo que hacemos
    {difference.us.map((t,i)=>(
  • →{t}
    • ))}
); } function NebulaRequirements() { return (
02·a Requisitos para trabajar juntos

No trabajamos
con cualquiera.

Para que la inversión publicitaria sea rentable, ciertas variables tienen que estar resueltas antes de empezar. Si no cumples los requisitos, te lo decimos directamente.

{CONTENT.requirements.map((r, i) => { const grads = [ 'linear-gradient(135deg, rgba(124,58,237,.18), rgba(6,182,212,.08))', 'linear-gradient(135deg, rgba(236,72,153,.18), rgba(124,58,237,.08))', 'linear-gradient(135deg, rgba(6,182,212,.18), rgba(236,72,153,.08))', ]; return (
e.currentTarget.style.transform='translateY(-4px)'} onMouseLeave={e=>e.currentTarget.style.transform='translateY(0)'}>
{r.icon}

{r.title}

{r.desc}

); })}
¿Cumples los requisitos?
Postula a una llamada de evaluación gratuita.
Agendar llamada →
); } function NebulaSystem() { return (
02·b Qué incluye

Un sistema completo.
Todo incluido en la fee.

{CONTENT.system.map((s, i) => (
{e.currentTarget.style.background='rgba(124,58,237,.12)';e.currentTarget.style.borderColor='rgba(124,58,237,.3)';}} onMouseLeave={e=>{e.currentTarget.style.background='rgba(255,255,255,.03)';e.currentTarget.style.borderColor='rgba(255,255,255,.08)';}}> ✓ {s}
))}
); } function NebulaFAQ() { const [open, setOpen] = useState(0); return (
06 Preguntas frecuentes

Las dudas. Respondidas.

{CONTENT.faq.map((f, i) => (

{f.a}

))}
); } Object.assign(window, { MonolithDifference, MonolithRequirements, MonolithSystem, MonolithFAQ, NebulaDifference, NebulaRequirements, NebulaSystem, NebulaFAQ, });