{"product_id":"procreate-x-yourstuffmade-turning-digital-art-into-tangible-merchandise","title":"Procrear","description":"\u003cstyle\u003e\n\/* ANULACIÓN DE ANCHO COMPLETO DEL PRODUCTO YSM V9: solo para este producto del caso de estudio.\n   Permite que product.description ocupe todo el ancho del contenido y oculta la galería\n   nativa de Shopify, los controles de compra y el encabezado duplicado del producto. *\/\nbody:has(.ysm-procreate-v9) .product:not(.card__inner),\nbody:has(.ysm-procreate-v9) .product.grid {\n  display:block!important;\n  grid-template-columns:minmax(0,1fr)!important;\n  width:100%!important;\n  max-width:none!important;\n  min-width:0!important;\n  margin-inline:auto!important;\n}\nbody:has(.ysm-procreate-v9) .product__media-wrapper,\nbody:has(.ysm-procreate-v9) .product__media-gallery,\nbody:has(.ysm-procreate-v9) .product media-gallery,\nbody:has(.ysm-procreate-v9) .product__title,\nbody:has(.ysm-procreate-v9) .product .price,\nbody:has(.ysm-procreate-v9) .product .product-form,\nbody:has(.ysm-procreate-v9) .product product-form,\nbody:has(.ysm-procreate-v9) .product variant-selects,\nbody:has(.ysm-procreate-v9) .product .shopify-payment-button,\nbody:has(.ysm-procreate-v9) .product .product__tax,\nbody:has(.ysm-procreate-v9) .product .product__sku,\nbody:has(.ysm-procreate-v9) .product .product__inventory,\nbody:has(.ysm-procreate-v9) .product .share-button {\n  display:none!important;\n}\nbody:has(.ysm-procreate-v9) .product__info-wrapper,\nbody:has(.ysm-procreate-v9) .product__info-container,\nbody:has(.ysm-procreate-v9) .product__description,\nbody:has(.ysm-procreate-v9) .product__description .rte {\n  display:block!important;\n  width:100%!important;\n  max-width:none!important;\n  min-width:0!important;\n  flex:0 0 100%!important;\n  padding:0!important;\n  margin-inline:auto!important;\n}\n\/* Anula las columnas de información del producto de medio ancho de Dawn, con espaciado de página. *\/\nbody:has(.ysm-procreate-v9) .product__info-wrapper.grid__item {\n  width:100%!important;\n  max-width:100%!important;\n}\nbody:has(.ysm-procreate-v9) .product__description \u003e .ysm-procreate-v9 {\n  width:100%!important;\n  max-width:1160px!important;\n  margin-inline:auto!important;\n}\n\/* Evita que los estilos genéricos RTE interfieran con las tarjetas del caso de estudio. *\/\nbody:has(.ysm-procreate-v9) .product__description .rte \u003e * { max-width:none; }\n\u003c\/style\u003e\n\u003cstyle\u003e\n\/* Diseño del caso de estudio YSM V9 *\/\n.ysm-procreate-v9{--green:#2d684a;--ink:#203128;--muted:#617168;--line:#dfe7e0;--soft:#f3f7f3;color:var(--ink);font-family:inherit;line-height:1.5;width:100%;max-width:1160px;margin:auto;overflow:clip}\n.ysm-procreate-v9 *,.ysm-procreate-v9 *:before,.ysm-procreate-v9 *:after{box-sizing:border-box;min-width:0}\n.ysm-procreate-v9 .inner{width:min(1160px,calc(100% - 36px));margin-inline:auto}\n.ysm-procreate-v9 h1,.ysm-procreate-v9 h2,.ysm-procreate-v9 h3{font-family:inherit;font-weight:750;letter-spacing:-.035em;line-height:1.12;margin:0;color:var(--ink)}\n.ysm-procreate-v9 h1{font-size:clamp(33px,4.2vw,58px)}.ysm-procreate-v9 h2{font-size:clamp(25px,3vw,38px)}.ysm-procreate-v9 h3{font-size:clamp(17px,1.7vw,21px)}\n.ysm-procreate-v9 p{margin:0}.ysm-procreate-v9 a{text-decoration:none}.ysm-procreate-v9 .eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}\n.ysm-procreate-v9 .lead{color:var(--muted);font-size:clamp(15px,1.45vw,18px);line-height:1.55}\n.ysm-procreate-v9 .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;padding:12px 19px;background:var(--green);color:#fff!important;border-radius:10px;font-size:14px;font-weight:750;text-align:center;text-decoration:none!important;transition:transform .2s,background .2s}\n.ysm-procreate-v9 .btn:hover{transform:translateY(-2px);background:#204e36}.ysm-procreate-v9 a:focus-visible{outline:3px solid var(--green);outline-offset:3px}\n.ysm-procreate-v9 .square{display:block;position:relative;width:100%;aspect-ratio:1\/1;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}\n.ysm-procreate-v9 .square img{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;object-position:center;transition:transform .25s ease}\n.ysm-procreate-v9 .square.photo img{object-fit:cover!important}.ysm-procreate-v9 .square.art img{object-fit:contain!important}.ysm-procreate-v9 .square.logo img{object-fit:contain!important;padding:8%!important}.ysm-procreate-v9 .gallery a:hover img{transform:scale(1.035)}.ysm-procreate-v9 .gallery a:hover .square{border-color:#9db9a5}\n.ysm-procreate-v9 .hero{padding:clamp(18px,3vw,38px) 0 32px}.ysm-procreate-v9 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:center}.ysm-procreate-v9 .hero .lead{margin-top:16px}\n.ysm-procreate-v9 .chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 20px}.ysm-procreate-v9 .chip{padding:6px 10px;background:#eaf2eb;border-radius:8px;font-size:12px;font-weight:650}\n.ysm-procreate-v9 .section{padding:clamp(28px,3.6vw,44px) 0;border-top:1px solid var(--line)}.ysm-procreate-v9 .section-lead{max-width:780px;margin-top:12px}\n.ysm-procreate-v9 .brand-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,60px);align-items:center}.ysm-procreate-v9 .brand-grid .logo{width:min(100%,300px);justify-self:center}.ysm-procreate-v9 .brand-grid .lead{margin-top:13px}\n.ysm-procreate-v9 .quote{border-left:3px solid var(--green);padding:0 0 0 16px;margin:18px 0 0;font-size:clamp(17px,1.85vw,22px);font-weight:650;line-height:1.4;letter-spacing:-.02em}\n.ysm-procreate-v9 .story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.ysm-procreate-v9 .story-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:transform .2s,box-shadow .2s}.ysm-procreate-v9 .story-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(24,54,37,.08)}.ysm-procreate-v9 .story-card .num{font-size:11px;color:var(--green);font-weight:800;letter-spacing:.12em;margin-bottom:12px}.ysm-procreate-v9 .story-card p:last-child{color:var(--muted);font-size:14px;line-height:1.55;margin-top:8px}\n.ysm-procreate-v9 .gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.ysm-procreate-v9 .gallery a{display:block;cursor:zoom-in}\n.ysm-procreate-v9 .project-info{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.ysm-procreate-v9 .project-info h3{margin-bottom:17px}.ysm-procreate-v9 .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 26px}.ysm-procreate-v9 .info-item{border-top:1px solid var(--line);padding-top:12px}.ysm-procreate-v9 .info-item strong{display:block;font-size:14px;margin-bottom:6px}.ysm-procreate-v9 .info-item p{color:var(--muted);font-size:14px;line-height:1.55}\n.ysm-procreate-v9 .product-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.ysm-procreate-v9 .product-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink)!important;transition:background .2s,transform .2s}.ysm-procreate-v9 .product-link:hover{background:var(--soft);transform:translateY(-2px)}.ysm-procreate-v9 .product-link strong{font-size:15px}.ysm-procreate-v9 .product-link span{font-size:21px;color:var(--green)}\n.ysm-procreate-v9 .final{padding:30px 0 40px}.ysm-procreate-v9 .cta{padding:clamp(25px,4vw,38px);background:var(--ink);border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:25px}.ysm-procreate-v9 .cta h2{color:#fff}.ysm-procreate-v9 .cta .eyebrow{color:#b1d9bd}.ysm-procreate-v9 .cta p:not(.eyebrow){color:#d2dfd5;font-size:15px;max-width:580px;margin-top:10px}.ysm-procreate-v9 .cta .btn{background:#fff;color:var(--ink)!important;flex-shrink:0}.ysm-procreate-v9 .cta .btn:hover{background:#e5f2e8}\n@media(max-width:800px){.ysm-procreate-v9 .hero-grid,.ysm-procreate-v9 .brand-grid{grid-template-columns:1fr;gap:20px}.ysm-procreate-v9 .hero .square{max-width:500px}.ysm-procreate-v9 .brand-grid .logo{width:min(100%,230px)}.ysm-procreate-v9 .story{grid-template-columns:1fr}.ysm-procreate-v9 .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ysm-procreate-v9 .cta{flex-direction:column;align-items:stretch}}\n@media(max-width:480px){.ysm-procreate-v9 .inner{width:calc(100% - 28px)}.ysm-procreate-v9 .hero{padding:14px 0 25px}.ysm-procreate-v9 h1{font-size:clamp(31px,8vw,39px)}.ysm-procreate-v9 h2{font-size:clamp(24px,6vw,30px)}.ysm-procreate-v9 .section{padding:25px 0}.ysm-procreate-v9 .story-card{padding:17px}.ysm-procreate-v9 .gallery{gap:8px}.ysm-procreate-v9 .info-grid{grid-template-columns:1fr;gap:13px}.ysm-procreate-v9 .project-info{padding:17px}.ysm-procreate-v9 .product-links{grid-template-columns:1fr}.ysm-procreate-v9 .hero .btn,.ysm-procreate-v9 .cta .btn{width:100%}.ysm-procreate-v9 .final{padding:23px 0 30px}.ysm-procreate-v9 .cta{padding:24px}}\n@media(prefers-reduced-motion:reduce){.ysm-procreate-v9 *{transition:none!important}}\n\u003c\/style\u003e\n\u003carticle class=\"ysm-procreate-v9\"\u003e\n\u003cheader class=\"hero\"\u003e\u003cdiv class=\"inner hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eProyectos YSM \/ Tecnología creativa\u003c\/p\u003e\n\u003ch1\u003eProcreate: arte digital hecho tangible.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eYSM colaboró con Procreate para llevar la creatividad digital al mundo físico mediante pines de esmalte, artículos promocionales para artistas y desarrollo de productos personalizados.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eArte digital\u003c\/span\u003e\u003cspan class=\"chip\"\u003ePines de esmalte\u003c\/span\u003e\u003cspan class=\"chip\"\u003eArtículos promocionales para artistas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eDescubre la fabricación personalizada →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Pin de esmalte Procreate terminado\" height=\"900\" loading=\"eager\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreateenamelpin.webp?v=1756598015\" width=\"900\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\u003c\/header\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner brand-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eLa marca\u003c\/p\u003e\n\u003ch2\u003eCreada para quienes crean.\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eProcreate, creado por la empresa australiana Savage Interactive, se ha convertido en una herramienta de ilustración líder para artistas y diseñadores. Su plataforma creativa accesible cuenta con una comunidad apasionada.\u003c\/p\u003e\n\u003cblockquote class=\"quote\"\u003eLos artículos promocionales de calidad dan vida a la creatividad digital más allá de la pantalla.\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square logo\"\u003e\u003cimg alt=\"Icono de la aplicación Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreateappicon-1664671639075.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003eLa colaboración\u003c\/p\u003e\n\u003ch2\u003eDe los píxeles a algo que puedes tener en las manos.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eLos artículos promocionales físicos ofrecen a una marca de software centrada en los artistas una nueva forma de conectar con su comunidad creativa.\u003c\/p\u003e\n\u003cdiv class=\"story\"\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e01 \/ EL ENCARGO\u003c\/p\u003e\n\u003ch3\u003eCelebrar a quienes crean\u003c\/h3\u003e\n\u003cp\u003eTraducir la identidad visual de Procreate en productos físicos de colección.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e02 \/ EL PAPEL DE YSM\u003c\/p\u003e\n\u003ch3\u003eLo digital se hace físico\u003c\/h3\u003e\n\u003cp\u003eAsesorar sobre diseño, producción y embalaje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e03 \/ EL RESULTADO\u003c\/p\u003e\n\u003ch3\u003eArte más allá de la pantalla\u003c\/h3\u003e\n\u003cp\u003eOfrecer a artistas y fans algo tangible para coleccionar y compartir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003eGalería del proyecto\u003c\/p\u003e\n\u003ch2\u003eIdeas creativas. Detalles reales.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eConceptos creativos, activaciones para artistas y productos de colección.\u003c\/p\u003e\n\u003cdiv class=\"gallery\" data-ysm-expanded-gallery=\"\"\u003e\n\u003ca aria-label=\"Ver el concepto de artículos promocionales de Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Procreate_x_Pinlord-_Transforming_Digital_Art_into_Tangible_Masterpieces.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Concepto de artículos promocionales de Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Procreate_x_Pinlord-_Transforming_Digital_Art_into_Tangible_Masterpieces.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Ver la convención de artistas de Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreateconvention.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Convención de artistas de Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreateconvention.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Ver el tablero de diseño de artículos promocionales de Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatedesignboard.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Tablero de diseño de artículos promocionales de Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatedesignboard.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Ver el diseño del cordón para eventos de Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatelanyard.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Diseño del cordón para eventos de Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatelanyard.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Ver el pin de esmalte «El arte es para todos»\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreate4enamelpin.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Pin de esmalte «El arte es para todos»\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreate4enamelpin.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Ver la ilustración de artículos promocionales de Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Procreate_x_Pinlord-_Transforming_Digital_Art_into_Tangible_Masterpieces_2.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Ilustración de artículos promocionales de Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Procreate_x_Pinlord-_Transforming_Digital_Art_into_Tangible_Masterpieces_2.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"project-info\"\u003e\n\u003ch3\u003eDetalles del proyecto\u003c\/h3\u003e\n\u003cdiv class=\"info-grid\"\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProyecto\u003c\/strong\u003e\u003cp\u003eArtículos promocionales creativos que conectan las obras de arte digitales con los productos físicos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProductos\u003c\/strong\u003e\u003cp\u003ePines de esmalte, conceptos de cordones y opciones de embalaje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProducción\u003c\/strong\u003e\u003cp\u003eFidelidad del color, acabados, reproducción de ilustraciones y calidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eEl papel de YSM\u003c\/strong\u003e\u003cp\u003eDesarrollo de productos y fabricación personalizada coordinada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003eCrea algo similar\u003c\/p\u003e\n\u003ch2\u003eDa vida a tu idea.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eDescubre productos personalizados y opciones de fabricación para tu próximo proyecto de artículos promocionales de marca.\u003c\/p\u003e\n\u003cdiv class=\"product-links\"\u003e\n\u003ca class=\"product-link\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003e\u003cstrong\u003eArtículos promocionales personalizados\u003c\/strong\u003e\u003cspan\u003e→\u003c\/span\u003e\u003c\/a\u003e\u003ca class=\"product-link\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003e\u003cstrong\u003eAccesorios de marca\u003c\/strong\u003e\u003cspan\u003e→\u003c\/span\u003e\u003c\/a\u003e\u003ca class=\"product-link\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003e\u003cstrong\u003eDescubre todos los productos\u003c\/strong\u003e\u003cspan\u003e→\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"final\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"cta\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eTu marca, hecha realidad\u003c\/p\u003e\n\u003ch2\u003eLleva tus ideas más allá de la pantalla.\u003c\/h2\u003e\n\u003cp\u003eDesde artículos de colección individuales hasta colecciones completas de productos promocionales, YSM combina principios de fabricación ética, desarrollo de productos bien pensado y asistencia personalizada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eInicia tu próximo proyecto →\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/article\u003e\n\n\u003cscript\u003e\n\/* YSM V9: añade a la galería de este proyecto los archivos multimedia originales del producto de Shopify.\n   Los archivos multimedia nativos permanecen ocultos visualmente, pero sirven como fuente fiable de imágenes.\n   Las fotos seleccionadas del proyecto que ya están en la galería se mantienen al principio. *\/\n(function () {\n  'use strict';\n  var articleSelector = '.ysm-procreate-v9';\n  function imageKey(url) {\n    if (!url) return '';\n    try {\n      var parsed = new URL(url, window.location.href);\n      var file = decodeURIComponent(parsed.pathname.split('\/').pop() || '');\n      return file.replace(\/_(?:pico|icon|thumb|small|compact|medium|large|grande|master|\\d+x\\d*|x\\d+)\\.(?=[^.]+$)\/i, '.').toLowerCase();\n    } catch (e) { return url.split('?')[0].toLowerCase(); }\n  }\n  function bestURL(img) {\n    if (!img) return '';\n    var url = img.getAttribute('data-zoom-src') || img.getAttribute('data-full-src') || '';\n    if (!url) {\n      var srcset = img.getAttribute('srcset') || img.getAttribute('data-srcset') || '';\n      var choices = srcset.split(',').map(function (s) {\n        var match = s.trim().match(\/^(\\S+)\\s+(\\d+)w$\/);\n        return match ? {url:match[1],width:Number(match[2])} : null;\n      }).filter(Boolean).sort(function(a,b){return b.width-a.width;});\n      if (choices.length) url = choices[0].url;\n    }\n    url = url || img.getAttribute('data-src') || img.getAttribute('src') || '';\n    if (url.indexOf('\/\/')===0) url=window.location.protocol+url;\n    return url;\n  }\n  function addProductMedia() {\n    var project = document.querySelector(articleSelector);\n    if (!project) return;\n    var gallery = project.querySelector('[data-ysm-expanded-gallery]');\n    if (!gallery) return;\n    var seen = new Set();\n    project.querySelectorAll('img').forEach(function(img){ seen.add(imageKey(img.getAttribute('src'))); });\n    gallery.querySelectorAll('a[href]').forEach(function(a){ seen.add(imageKey(a.getAttribute('href'))); });\n    \/\/ Extrae únicamente los archivos multimedia originales del producto actual, no las recomendaciones ni las imágenes de navegación.\n    var candidates = document.querySelectorAll(\n      '.product__media-wrapper .product__media-item img, ' +\n      '.product__media-wrapper .product__media img, ' +\n      '.product__media-wrapper media-gallery img, ' +\n      '.product__media-gallery .product__media img, ' +\n      '.product__media-gallery .product__media-item img'\n    );\n    var added = 0;\n    candidates.forEach(function(img){\n      var url=bestURL(img);\n      var key=imageKey(url);\n      if (!url || !key || seen.has(key)) return;\n      \/\/ Excluye marcadores de posición transparentes e iconos SVG que no sean imágenes.\n      if (\/^data:|\\.svg(?:$|\\?)\/i.test(url)) return;\n      seen.add(key);\n      var alt=(img.getAttribute('alt') || '').trim();\n      var label=alt || 'Fotografía original del proyecto';\n      var a=document.createElement('a');\n      a.href=url;\n      a.target='_blank';\n      a.rel='noopener';\n      a.setAttribute('aria-label','Ver imagen original del proyecto: '+label);\n      var figure=document.createElement('figure');\n      figure.className='square photo';\n      var picture=document.createElement('img');\n      picture.src=url;\n      picture.alt=label;\n      picture.loading='lazy';\n      picture.width=600;\n      picture.height=600;\n      figure.appendChild(picture);\n      a.appendChild(figure);\n      gallery.appendChild(a);\n      added++;\n    });\n    if (added) gallery.setAttribute('data-extra-photos', String(\n      Number(gallery.getAttribute('data-extra-photos')||0)+added\n    ));\n  }\n  if (document.readyState==='loading') {\n    document.addEventListener('DOMContentLoaded',addProductMedia);\n  } else { addProductMedia(); }\n  window.addEventListener('load',addProductMedia,{once:true});\n  \/\/ Algunos temas de Shopify cargan los archivos multimedia del producto después de DOMContentLoaded.\n  setTimeout(addProductMedia,800);\n  setTimeout(addProductMedia,2200);\n})();\n\u003c\/script\u003e","brand":"Procreate","offers":[{"title":"Default Title","offer_id":43846459031574,"sku":"","price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0068\/7554\/5622\/files\/procreateappicon-1664671639075.webp?v=1756598015","url":"https:\/\/yourstuffmade.com\/es\/products\/procreate-x-yourstuffmade-convirtiendo-arte-digital-en-productos-tangibles","provider":"Yourstuffmade.com","version":"1.0","type":"link"}