Página de detalle de producto desarrollada como take-home frontend a partir de un diseño en Figma, implementada con criterios de producción utilizando Next.js 16, React 19 y TypeScript strict. Incluye rutas localizadas renderizadas en servidor, composiciones responsive específicas para desktop, tablet y mobile, galería de producto, selector de cantidad, precios y ahorro dinámicos, carrito local, navegación funcional y estados disponible/sin stock. La arquitectura separa el contenido renderizado en servidor de los componentes interactivos e incorpora ISR, metadata canonical y hreflang, Open Graph, JSON-LD Product, sitemap, robots, accesibilidad por teclado, focus visible y soporte para reduced motion. Utiliza datos mock locales, sin un backend de comercio real, y documenta cómo podría evolucionar hacia una integración productiva.