feat(ritmo): dos niveles de titular y alternancia de fondos

components/sections/ComoEmpezar.tsx

@@ -15,11 +15,11 @@ export function ComoEmpezar() {
   const waHref = `${cierre.contact.whatsapp.href}?text=${encodeURIComponent(comoEmpezar.whatsappText)}`;
   const { active, setActive, hoverProps } = useAutoStep(comoEmpezar.steps.length, 3200);
   return (
-    <section className="bg-gris-claro">
+    <section className="bg-white">
       <Container className="py-24 md:py-32 grid gap-12 md:grid-cols-[1fr_auto] md:items-center">
         <motion.div variants={staggerContainer} initial="hidden" whileInView="visible" viewport={viewportOnce} {...motionProps(reduced)}>
           <motion.p variants={fadeInUp} className="text-xs tracking-[0.3em] uppercase font-black text-dorado">{comoEmpezar.eyebrow}</motion.p>
-          <motion.h2 variants={fadeInUp} className="mt-4 font-sans font-black text-4xl md:text-6xl leading-[0.95] tracking-tight text-azul-profundo max-w-xl">{comoEmpezar.title}</motion.h2>
+          <motion.h2 variants={fadeInUp} className="mt-4 font-sans font-black text-seccion text-azul-profundo max-w-xl">{comoEmpezar.title}</motion.h2>
           <motion.ol variants={staggerContainer} {...hoverProps} className="mt-12 grid gap-10 sm:grid-cols-3 md:grid-cols-1 md:gap-8">
             {comoEmpezar.steps.map((step, i) => (
               <motion.li key={step.n} variants={fadeInUp}>