// Nosotros page — manifesto + principles + stats + timeline + team + values + CTA const { useState, useEffect, useRef } = React; /* ─────────── Nav ─────────── */ function NosNav() { const [mobileOpen, setMobileOpen] = useState(false); return ( <> {mobileOpen && (

setMobileOpen(false)}>

)} ); } /* ─────────── Hero ─────────── */ function NosHero() { return (

criterio · criterio · criterio · criterio · criterio · criterio · criterio ·

— Nosotros

No somos
consultores.
Somos socios.

MEDLA nació para resolver un vacío claro: las empresas en crecimiento necesitan una capa estratégica que piense en términos legales, tecnológicos y comerciales al mismo tiempo — bajo un único criterio.

); } /* ─────────── Manifiesto ─────────── */ function NosManifest() { const principles = [ { num: "01", t: "Criterio sobre volumen", d: "No queremos ser el despacho más grande. Queremos ser el que mejor entiende a tu empresa. Por eso trabajamos con un número limitado de clientes al año.", }, { num: "02", t: "Integración real, no coordinación", d: "Legal, tech y comercial operan bajo el mismo criterio. No somos tres equipos que se pasan tickets: somos un solo equipo que piensa transversalmente.", }, { num: "03", t: "Arquitectura antes que parche", d: "Resolvemos la causa estructural, no el síntoma visible. Si tu problema es de flujo operativo, no vamos a darte un contrato: vamos a rediseñar el flujo.", }, { num: "04", t: "Transparencia como producto", d: "Sin letra pequeña, sin minutos facturados, sin sorpresas. Cada alcance se acuerda, se escribe y se cumple. Si algo cambia, se conversa antes, no después.", }, ]; return (

— Manifiesto

Creemos que operar con criterio ya no es opcional para una empresa seria.

En un mercado saturado de proveedores funcionales, MEDLA apuesta por lo contrario: menos interlocutores, más pensamiento transversal. Cuatro principios sostienen todo lo que hacemos.

{principles.map((p) => (

{p.num}

{p.t}

{p.d}

))}

); } /* ─────────── Stats ─────────── */ function useCountUp(target, ms = 1500) { const [val, setVal] = useState(0); const ref = useRef(null); const started = useRef(false); useEffect(() => { const obs = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting && !started.current) { started.current = true; const start = performance.now(); const loop = (t) => { const p = Math.min(1, (t - start) / ms); const eased = 1 - Math.pow(1 - p, 3); setVal(Math.round(target * eased)); if (p < 1) requestAnimationFrame(loop); }; requestAnimationFrame(loop); } }); }, { threshold: 0.3 }); if (ref.current) obs.observe(ref.current); return () => obs.disconnect(); }, [target, ms]); return [val, ref]; } function StatCard({ value, suffix, label, sub }) { const [v, ref] = useCountUp(value); return (

{v}{suffix && {suffix}}

{label}

{sub}

); } function NosStats() { return (

— Por dentro

Lo que sí somos, en números.

); } /* ─────────── Timeline ─────────── */ function NosTimeline() { const events = [ { y: "2020", t: "El punto de partida", d: "MEDLA nace como una firma pequeña de asesoría legal corporativa, especializada en pymes en crecimiento. Tres abogados, una oficina compartida, una convicción clara: el cliente merece criterio, no procesos." }, { y: "2022", t: "Incorporamos tecnología", d: "Tras ver una y otra vez los mismos cuellos de botella operativos en nuestros clientes, sumamos un equipo de ingenieros para digitalizar procesos internos. Nace la segunda línea." }, { y: "2023", t: "Especialización en inversión", d: "Acompañamos la primera ronda serie A de un cliente histórico. La operación fuerza a construir un área propia de inversiones y levantamiento de capital, con equipo dedicado." }, { y: "2024", t: "IA aplicada en producción", d: "Lanzamos la línea de IA aplicada tras un año de I+D. Primeros asistentes internos de clientes, análisis documental masivo y compliance automatizado." }, { y: "2026", t: "MEDLA Empresas consolidado", d: "Cerramos el año con 67 clientes activos en 4 países. Integramos comunicación estratégica como séptima línea: un único gobierno operativo con siete capas coordinadas.", current: true }, ]; return (

— Trayectoria

Seis años construyendo criterio.

No improvisamos la integración. La construimos año a año, siguiendo las necesidades reales de nuestros clientes.

{events.map((e, i) => (

{e.y}

{e.t}

{e.d}

))}

); } /* ─────────── Team ─────────── */ const AvatarPattern = ({ seed, initials }) => { const hue1 = (seed * 47) % 360; const hue2 = (seed * 89 + 140) % 360; const shapes = [0, 1, 2, 3].map((i) => ({ cx: 30 + ((seed * (i + 1) * 37) % 140), cy: 30 + ((seed * (i + 2) * 53) % 140), r: 18 + ((seed * (i + 1) * 11) % 30), })); return ( ); }; function NosTeam() { const people = [ { n: "Massimiliano N", r: "Socio fundador · Director", b: "Abogado corporativo. 15 años negociando M&A y rondas de inversión antes de apostar por construir algo propio.", seed: 3, i: "MN" }, { n: "Sebastian G", r: "Socio fundador · Tecnología", b: "Ingeniero y ex-CTO. Diseña arquitecturas operativas que hablan tanto con auditores como con equipos de producto.", seed: 17, i: "SG" }, ]; return (

— Equipo

Las personas detrás del criterio.

Trabajamos de forma plana y directa. Cada cliente habla con la persona que toma las decisiones, no con un account manager que las traduce.

{people.map((p, i) => (

{p.n}

{p.r}

{p.b}

))}

); } /* ─────────── Values ─────────── */ function NosValues() { const values = [ { n: "I", t: "Escuchar antes de proponer", d: "Cada engagement empieza con al menos una conversación larga. Lo que aprendemos ahí define toda la ruta.", svg: ( ), }, { n: "II", t: "Decir lo que no vemos", d: "Si el alcance que pides no tiene sentido, lo decimos. Si necesitas algo que no ofrecemos, recomendamos a quien sí.", svg: ( ), }, { n: "III", t: "Documentar todo", d: "Decisiones, razones, alternativas. El trabajo queda escrito para que tu equipo pueda continuarlo sin nosotros.", svg: ( ), }, { n: "IV", t: "Cerrar bien o no abrir", d: "Un engagement no termina cuando entregamos: termina cuando tu equipo lo está operando sin fricciones. Esa es nuestra vara.", svg: ( ), }, ]; return (

— Valores

Cómo trabajamos, en la práctica.

{values.map((v, i) => (

{v.n}

{v.svg}

{v.t}

{v.d}

))}

); } /* ─────────── CTA ─────────── */ function NosCTA() { return (

— Trabajemos juntos

¿Y si el próximo somos nosotros?

Si llegaste hasta aquí es porque algo resuena. Conversemos: 30 minutos, sin compromiso, para entender si tiene sentido seguir adelante.

Agendar diagnóstico → Ver servicios

); } /* ─────────── Footer ─────────── */ function NosFooter() { return ( ); } function NosotrosApp() { return (

); } ReactDOM.createRoot(document.getElementById("root")).render();

No somosconsultores.Somos socios.