{"product_id":"procreate-x-yourstuffmade-turning-digital-art-into-tangible-merchandise","title":"Criar profissionalmente","description":"\u003cstyle\u003e\n\/* YSM V9 OVERRIDE DE LARGURA TOTAL DO PRODUTO — aplicado somente a este produto do estudo de caso.\n   Permite que product.description ocupe toda a largura do conteúdo e oculta a galeria nativa da Shopify,\n   os controles de compra e o título duplicado do produto. *\/\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\/* Substitui as colunas de informações do produto com metade da largura no Dawn pelo espaçamento da 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 a estilização genérica do RTE interfira nos cartões do estudo de caso, criados para esse fim. *\/\nbody:has(.ysm-procreate-v9) .product__description .rte \u003e * { max-width:none; }\n\u003c\/style\u003e\n\u003cstyle\u003e\n\/* Design do estudo de caso 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\"\u003eProjetos YSM \/ Tecnologia criativa\u003c\/p\u003e\n\u003ch1\u003eProcreate: arte digital que ganha vida.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eA YSM trabalhou com a Procreate para levar a criatividade digital ao mundo físico por meio de pins esmaltados, produtos para artistas e desenvolvimento de produtos personalizados.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eArte digital\u003c\/span\u003e\u003cspan class=\"chip\"\u003ePins esmaltados\u003c\/span\u003e\u003cspan class=\"chip\"\u003eProdutos para artistas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eConheça a fabricação personalizada →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Pin esmaltado Procreate finalizado\" 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\"\u003eA marca\u003c\/p\u003e\n\u003ch2\u003eFeita para quem cria.\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eCriado pela empresa australiana Savage Interactive, o Procreate se tornou uma das principais ferramentas de ilustração para artistas e designers. Sua plataforma criativa acessível conta com uma comunidade apaixonada.\u003c\/p\u003e\n\u003cblockquote class=\"quote\"\u003eProdutos incríveis dão à criatividade digital uma vida além da tela.\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square logo\"\u003e\u003cimg alt=\"Ícone do app 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\"\u003eA colaboração\u003c\/p\u003e\n\u003ch2\u003eDos pixels a algo que você pode segurar.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eProdutos físicos oferecem a uma marca de software voltada para artistas uma nova forma de se conectar com sua comunidade criativa.\u003c\/p\u003e\n\u003cdiv class=\"story\"\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e01 \/ O OBJETIVO\u003c\/p\u003e\n\u003ch3\u003eCelebrar quem cria\u003c\/h3\u003e\n\u003cp\u003eTraduzir a identidade visual do Procreate em produtos físicos colecionáveis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e02 \/ O PAPEL DA YSM\u003c\/p\u003e\n\u003ch3\u003eO digital encontra o físico\u003c\/h3\u003e\n\u003cp\u003eDar suporte ao design, à produção e às considerações sobre embalagem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e03 \/ O RESULTADO\u003c\/p\u003e\n\u003ch3\u003eArte além da tela\u003c\/h3\u003e\n\u003cp\u003eOferecer a artistas e fãs algo tangível para colecionar e compartilhar.\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\"\u003eGaleria do projeto\u003c\/p\u003e\n\u003ch2\u003eIdeias criativas. Detalhes concretos.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eConceitos criativos, ações para artistas e produtos colecionáveis.\u003c\/p\u003e\n\u003cdiv class=\"gallery\" data-ysm-expanded-gallery=\"\"\u003e\n\u003ca aria-label=\"Ver conceito de produtos 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=\"Conceito de produtos 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 convenção de artistas Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreateconvention.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Convenção de artistas 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 painel de design de produtos Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatedesignboard.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Painel de design de produtos 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 design de cordão para evento Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatelanyard.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Design de cordão para evento 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 pin esmaltado Arte 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 esmaltado Arte 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 arte de produtos 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=\"Arte de produtos 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\u003eDetalhes do projeto\u003c\/h3\u003e\n\u003cdiv class=\"info-grid\"\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProjeto\u003c\/strong\u003e\u003cp\u003eProdutos criativos que conectam arte digital a produtos físicos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProdutos\u003c\/strong\u003e\u003cp\u003ePins esmaltados, conceitos de cordões e possibilidades de embalagem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProdução\u003c\/strong\u003e\u003cp\u003ePrecisão de cores, acabamentos, reprodução de arte e qualidade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003ePapel da YSM\u003c\/strong\u003e\u003cp\u003eDesenvolvimento de produtos e fabricação personalizada coordenada.\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\"\u003eCrie algo parecido\u003c\/p\u003e\n\u003ch2\u003eDê vida à sua ideia.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eConheça produtos personalizados e opções de fabricação para seu próximo projeto de produtos promocionais 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\u003eProdutos promocionais 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\u003eAcessórios 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\u003eExplore todos os produtos\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\"\u003eSua marca ganha vida\u003c\/p\u003e\n\u003ch2\u003eLeve suas ideias para além da tela.\u003c\/h2\u003e\n\u003cp\u003eDe itens colecionáveis individuais a coleções completas de produtos promocionais, a YSM reúne princípios de fabricação ética, desenvolvimento cuidadoso de produtos e suporte personalizado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eComece seu próximo projeto →\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/article\u003e\n\n\u003cscript\u003e\n\/* YSM V9: adiciona a mídia original do produto Shopify à galeria deste projeto.\n   A mídia nativa permanece visualmente oculta, mas é usada como fonte confiável de imagens.\n   As fotos selecionadas do projeto que já estão na galeria permanecem primeiro. *\/\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    \/\/ Extrai somente a mídia original do produto atual, não imagens de recomendações ou da navegação.\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      \/\/ Exclui espaços reservados transparentes e ícones SVG que não sejam imagens.\n      if (\/^data:|\\.svg(?:$|\\?)\/i.test(url)) return;\n      seen.add(key);\n      var alt=(img.getAttribute('alt') || '').trim();\n      var label=alt || 'Foto original do projeto';\n      var a=document.createElement('a');\n      a.href=url;\n      a.target='_blank';\n      a.rel='noopener';\n      a.setAttribute('aria-label','Ver imagem original do projeto: '+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  \/\/ Alguns temas Shopify renderizam a mídia do produto depois 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\/pt\/products\/procreate-x-yourstuffmade-transformando-arte-digital-em-produtos-tangiveis","provider":"Yourstuffmade.com","version":"1.0","type":"link"}