feat(estratega): marco line-art listo para el retrato real

components/sections/Estratega.tsx

@@ -4,6 +4,7 @@ import { Container } from '@/components/primitives/Container';
 import { PatronPuntos } from '@/components/primitives/PatronPuntos';
 import { Wordmark } from '@/components/primitives/Wordmark';
 import { ContadorNumero } from '@/components/primitives/ContadorNumero';
+import { MarcoRetrato } from '@/components/primitives/MarcoRetrato';
 import { estratega } from '@/lib/content';
 import { fadeInUp, staggerContainer, viewportOnce, usePrefersReducedMotion, motionProps } from '@/lib/motion';
 
@@ -14,15 +15,15 @@ export function Estratega() {
       <Container className="py-24 md:py-32">
         <motion.div variants={staggerContainer} initial="hidden" whileInView="visible" viewport={viewportOnce} {...motionProps(reduced)}
           className="grid gap-12 md:grid-cols-[auto_1fr] md:items-center">
-          {/* TODO dueña: real portrait. Until then, a branded placeholder built
-              from the manual's dot pattern rather than a stand-in stock photo. */}
-          <motion.div variants={fadeInUp}
-            className="w-44 h-44 md:w-64 md:h-64 rounded-full flex-shrink-0 overflow-hidden relative bg-azul-profundo grid place-items-center ring-4 ring-dorado ring-offset-4"
-            aria-label="Retrato de la estratega — pendiente"
-            role="img"
-          >
-            <PatronPuntos rows={4} cols={7} className="absolute inset-0 m-auto w-[150%] h-auto text-white/15" />
-            <span className="relative"><Wordmark size="sm" onDark /></span>
+          {/* TODO dueña: real portrait. The frame is built to take it as-is —
+              drop an <Image fill /> in place of the placeholder below. */}
+          <motion.div variants={fadeInUp}>
+            <MarcoRetrato>
+              <div className="w-full h-full bg-azul-profundo grid place-items-center" role="img" aria-label="Retrato de la estratega — pendiente">
+                <PatronPuntos rows={4} cols={7} className="absolute inset-0 m-auto w-[150%] h-auto text-white/15" />
+                <span className="relative"><Wordmark size="sm" onDark /></span>
+              </div>
+            </MarcoRetrato>
           </motion.div>
           <div>
             <motion.p variants={fadeInUp} className="text-xs tracking-[0.3em] uppercase font-black text-dorado">