feat(dolores): el nudo que no se deshace

components/sections/Dolores.tsx

@@ -2,6 +2,7 @@
 
 import { motion } from 'framer-motion';
 import { Container } from '@/components/primitives/Container';
+import { IlustracionNudo } from '@/components/primitives/IlustracionNudo';
 import { TarjetaSpotlight } from '@/components/primitives/TarjetaSpotlight';
 import { dolores } from '@/lib/content';
 import { fadeInUp, staggerContainer, viewportOnce, usePrefersReducedMotion, motionProps } from '@/lib/motion';
@@ -9,8 +10,9 @@ import { fadeInUp, staggerContainer, viewportOnce, usePrefersReducedMotion, moti
 export function Dolores() {
   const reduced = usePrefersReducedMotion();
   return (
-    <section className="bg-white">
-      <Container className="py-24 md:py-32">
+    <section className="bg-white relative overflow-hidden">
+      <IlustracionNudo className="pointer-events-none select-none absolute -top-6 right-4 w-64 md:w-96 text-azul-profundo/[0.08]" />
+      <Container className="relative py-24 md:py-32">
         <motion.p variants={fadeInUp} initial="hidden" whileInView="visible" viewport={viewportOnce} {...motionProps(reduced)}
           className="text-xs tracking-[0.3em] uppercase font-black text-dorado">{dolores.eyebrow}</motion.p>
         <motion.h2 variants={fadeInUp} initial="hidden" whileInView="visible" viewport={viewportOnce} {...motionProps(reduced)}