function Process() {
  return (
    <section id="proceso" style={{ background: 'var(--bg-2)' }}>
      <div className="container">
        <Reveal><SectionLabel>02 / ¿Cómo funciona?</SectionLabel></Reveal>
        <Reveal delay={80}>
          <h2 style={{ maxWidth: 760 }}>
            Cuatro pasos. <span className="gradient-text">Sin humo</span>,
            sin sorpresas.
          </h2>
        </Reveal>
        <div className="process-steps">
          {PROCESS.map((p, i) => (
            <Reveal key={p.n} delay={i * 80} className="process-step">
              <span className="step-num">PASO · {p.n}</span>
              <h3>{p.title}</h3>
              <p style={{ marginTop: 12 }}>{p.desc}</p>
            </Reveal>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Process = Process;
