{"product_id":"medium-x-yourstuffmade-custom-merchandise-for-camp-medium","title":"Medium","description":"\u003cstyle\u003e\n\/* PROYECTOS DE YSM — ajuste de diseño específico del producto *\/\nbody:has(.ysm-medium-v9) .product.grid,\nbody:has(.ysm-medium-v9) .product:not(.product-card-wrapper .product){display:block!important;width:100%!important;max-width:none!important;min-width:0!important;padding-left:0!important;padding-right:0!important}\nbody:has(.ysm-medium-v9) .product__media-wrapper,\nbody:has(.ysm-medium-v9) .product__media-gallery,\nbody:has(.ysm-medium-v9) .product media-gallery,\nbody:has(.ysm-medium-v9) .product__title,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.price,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.product-form,\nbody:has(.ysm-medium-v9) .product__info-container\u003eproduct-form,\nbody:has(.ysm-medium-v9) .product__info-container\u003evariant-selects,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.shopify-payment-button,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.product__tax,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.product__sku,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.product__inventory,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.share-button,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.quantity,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.product-form__input{display:none!important}\nbody:has(.ysm-medium-v9) .product__info-wrapper,\nbody:has(.ysm-medium-v9) .product__info-container,\nbody:has(.ysm-medium-v9) .product__description{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 100%!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important}\n.ysm-medium-v9{--green:#2d684a;--ink:#203128;--muted:#617168;--line:#dfe7e0;--soft:#f3f7f3;color:var(--ink);width:100%;max-width:1160px;margin:auto;font-family:inherit;line-height:1.5;overflow:clip}\n.ysm-medium-v9 *{box-sizing:border-box;min-width:0}\n.ysm-medium-v9 .inner{width:min(1100px,calc(100% - 36px));margin-inline:auto}\n.ysm-medium-v9 h1,.ysm-medium-v9 h2,.ysm-medium-v9 h3{color:var(--ink);font-family:inherit;font-weight:750;letter-spacing:-.035em;line-height:1.12;margin:0}\n.ysm-medium-v9 h1{font-size:clamp(32px,4.2vw,56px)}.ysm-medium-v9 h2{font-size:clamp(25px,3vw,37px)}.ysm-medium-v9 h3{font-size:clamp(17px,1.7vw,21px)}.ysm-medium-v9 p{margin:0}.ysm-medium-v9 a{text-decoration:none}\n.ysm-medium-v9 .eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.ysm-medium-v9 .lead{font-size:clamp(15px,1.45vw,18px);line-height:1.55;color:var(--muted)}\n.ysm-medium-v9 .btn{display:inline-flex;justify-content:center;align-items:center;min-height:45px;padding:12px 19px;border-radius:10px;background:var(--green);color:#fff!important;font-size:14px;font-weight:750;text-decoration:none!important;transition:transform .2s,background .2s}.ysm-medium-v9 .btn:hover{background:#204e36;transform:translateY(-2px)}.ysm-medium-v9 a:focus-visible{outline:3px solid var(--green);outline-offset:3px}\n.ysm-medium-v9 .square{display:block;position:relative;aspect-ratio:1\/1;width:100%;margin:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px}.ysm-medium-v9 .square img{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-position:center}.ysm-medium-v9 .square.photo img{object-fit:cover!important}.ysm-medium-v9 .square.art img{object-fit:contain!important}\n.ysm-medium-v9 .hero{padding:clamp(18px,3vw,36px) 0 32px}.ysm-medium-v9 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:center}.ysm-medium-v9 .hero .lead{margin-top:16px}.ysm-medium-v9 .chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 20px}.ysm-medium-v9 .chip{padding:6px 10px;background:#eaf2eb;border-radius:8px;font-size:12px;font-weight:650}\n.ysm-medium-v9 .section{padding:clamp(28px,3.6vw,44px) 0;border-top:1px solid var(--line)}.ysm-medium-v9 .section-lead{margin-top:12px;max-width:780px}\n.ysm-medium-v9 .brand-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(24px,4vw,60px)}.ysm-medium-v9 .quote{border-left:3px solid var(--green);padding-left:16px;margin:18px 0 0;font-size:clamp(17px,1.85vw,22px);line-height:1.4;font-weight:650;letter-spacing:-.02em}\n.ysm-medium-v9 .story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.ysm-medium-v9 .story-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:transform .2s,box-shadow .2s}.ysm-medium-v9 .story-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(24,54,37,.08)}.ysm-medium-v9 .num{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--green);margin-bottom:12px}.ysm-medium-v9 .story-card p:last-child{font-size:14px;line-height:1.55;color:var(--muted);margin-top:8px}\n.ysm-medium-v9 .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.ysm-medium-v9 .gallery a{display:block;cursor:zoom-in}.ysm-medium-v9 .gallery a:hover .square{border-color:#9db9a5}.ysm-medium-v9 .gallery img{transition:transform .25s}.ysm-medium-v9 .gallery a:hover img{transform:scale(1.035)}\n.ysm-medium-v9 .project-info{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.ysm-medium-v9 .project-info h3{margin-bottom:17px}.ysm-medium-v9 .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 26px}.ysm-medium-v9 .info-item{border-top:1px solid var(--line);padding-top:12px}.ysm-medium-v9 .info-item strong{display:block;font-size:14px;margin-bottom:6px}.ysm-medium-v9 .info-item p{font-size:14px;color:var(--muted);line-height:1.55}\n.ysm-medium-v9 .final{padding:30px 0 40px}.ysm-medium-v9 .cta{padding:clamp(25px,4vw,38px);border-radius:17px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:25px}.ysm-medium-v9 .cta h2{color:#fff}.ysm-medium-v9 .cta .eyebrow{color:#b1d9bd}.ysm-medium-v9 .cta p:not(.eyebrow){color:#d2dfd5;margin-top:10px;font-size:15px;max-width:580px}.ysm-medium-v9 .cta .btn{background:#fff;color:var(--ink)!important;flex-shrink:0}\n@media(max-width:800px){.ysm-medium-v9 .hero-grid,.ysm-medium-v9 .brand-grid{grid-template-columns:1fr;gap:20px}.ysm-medium-v9 .story{grid-template-columns:1fr}.ysm-medium-v9 .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ysm-medium-v9 .cta{flex-direction:column;align-items:stretch}}\n@media(max-width:480px){.ysm-medium-v9 .inner{width:calc(100% - 28px)}.ysm-medium-v9 .hero{padding:14px 0 25px}.ysm-medium-v9 h1{font-size:clamp(31px,8vw,39px)}.ysm-medium-v9 h2{font-size:clamp(24px,6vw,30px)}.ysm-medium-v9 .section{padding:25px 0}.ysm-medium-v9 .story-card,.ysm-medium-v9 .project-info{padding:17px}.ysm-medium-v9 .gallery{gap:8px}.ysm-medium-v9 .info-grid{grid-template-columns:1fr;gap:13px}.ysm-medium-v9 .hero .btn,.ysm-medium-v9 .cta .btn{width:100%}.ysm-medium-v9 .cta{padding:24px}}@media(prefers-reduced-motion:reduce){.ysm-medium-v9 *{transition:none!important}}\n\u003c\/style\u003e\n\u003carticle class=\"ysm-medium-v9\"\u003e\n\u003cheader class=\"hero\"\u003e\u003cdiv class=\"inner hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eProyectos de YSM \/ Publicación y eventos comunitarios\u003c\/p\u003e\n\u003ch1\u003eCamp Medium: una comunidad creativa que cobra vida.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eCamp Medium reunió a una comunidad de escritores y creadores en torno a la plataforma de publicación Medium. YSM desarrolló productos promocionales para el evento que conectaban la identidad del campamento con la experiencia de asistir y formar parte de la comunidad.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eMedium\u003c\/span\u003e\u003cspan class=\"chip\"\u003eProductos promocionales personalizados\u003c\/span\u003e\u003cspan class=\"chip\"\u003eProyectos de YSM\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 cuadrado terminado de Camp Medium\" height=\"900\" loading=\"eager\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/image_37_03c47772-c113-4944-80c5-468ea810373a.png?v=1691548946\" 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\u003eUna comunidad en torno a las ideas.\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003eLos diseños con temática de campamento, los pins coleccionables y los accesorios para llevar ofrecieron a los asistentes algo útil y memorable más allá del programa del evento.\u003c\/p\u003e\n\u003cblockquote class=\"quote\"\u003eLas experiencias compartidas merecen recuerdos que la gente quiera conservar de verdad.\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eEnfoque del proyecto\u003c\/p\u003e\n\u003ch2\u003eMedium\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003eDesarrollo de productos, detalles bien pensados y apoyo de fabricación alineado con la marca, junto a YSM.\u003c\/p\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\"\u003eLa colaboración\u003c\/p\u003e\n\u003ch2\u003eDel brief creativo al producto físico.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eUn proceso de fabricación práctico que conecta el diseño, la producción y la experiencia de marca.\u003c\/p\u003e\n\u003cdiv class=\"story\"\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e01 \/ EL BRIEF\u003c\/p\u003e\n\u003ch3\u003eEntender la idea\u003c\/h3\u003e\n\u003cp\u003eCrear productos promocionales coherentes e imaginativos para Camp Medium.\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\u003eHacerlo realidad\u003c\/h3\u003e\n\u003cp\u003eApoyo para el diseño gráfico de pins de marca, los productos promocionales y la fabricación lista para el evento.\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\u003eDarle vida\u003c\/h3\u003e\n\u003cp\u003eProductos promocionales personalizados que expresan una identidad visual divertida, inspirada en los campamentos.\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\u003eLos detalles detrás del trabajo.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eFotografías originales del proyecto, diseños de productos y referencias creativas. Selecciona una imagen para verla a tamaño completo.\u003c\/p\u003e\n\u003cdiv class=\"gallery\" data-ysm-expanded-gallery=\"\"\u003e\n\u003ca aria-label=\"Ver el icono de marca de Medium\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/mediumblack.png?v=1691548946\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Icono de marca de Medium\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/mediumblack.png?v=1691548946\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Ver el pin del evento Camp Medium ATX\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/image-2023-05-07T185600.001.png?v=1691548946\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Pin del evento Camp Medium ATX\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/image-2023-05-07T185600.001.png?v=1691548946\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Ver las pruebas de diseño de los pins esmaltados de Camp Medium\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/CampMedium2022Pins-1.png?v=1691548946\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Pruebas de diseño de los pins esmaltados de Camp Medium\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/CampMedium2022Pins-1.png?v=1691548946\" 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\u003eQué fabricamos\u003c\/strong\u003e\u003cp\u003eProductos promocionales de Camp Medium con la marca del evento\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eDetalles de diseño\u003c\/strong\u003e\u003cp\u003ePins coleccionables, motivos de campamento y diseños de marca\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003ePrioridades de producción\u003c\/strong\u003e\u003cp\u003eDetalles del diseño gráfico, uniformidad de los acabados y plazos de producción\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eEl papel de YSM\u003c\/strong\u003e\u003cp\u003eCoordinación del diseño personalizado y la fabricación\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=\"final\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"cta\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eTus ideas, hechas realidad\u003c\/p\u003e\n\u003ch2\u003eCrea productos promocionales que merezca la pena conservar.\u003c\/h2\u003e\n\u003cp\u003eDesde objetos de colección pensados al detalle hasta colecciones completas de productos promocionales, YSM combina un desarrollo práctico de productos, principios de fabricación ética y apoyo directo durante la producción.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eEmpieza tu próximo proyecto →\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/article\u003e\n\u003cscript\u003e\n\/* YSM V9: añade los archivos multimedia originales del producto de Shopify a la galería de este proyecto.\n   Los archivos multimedia nativos permanecen ocultos, pero se usan como fuente de imágenes fiable.\n   Las fotos seleccionadas del proyecto que ya están en la galería permanecen primero. *\/\n(function () {\n  'use strict';\n  var articleSelector = '.ysm-medium-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 los marcadores de posición transparentes y los iconos SVG que no son 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":"Medium","offers":[{"title":"Default Title","offer_id":43855854043158,"sku":null,"price":1.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0068\/7554\/5622\/files\/mediumblack.png?v=1691548946","url":"https:\/\/yourstuffmade.com\/es\/products\/merchandising-personalizado-de-medium-x-yourstuffmade-para-camp-medium","provider":"Yourstuffmade.com","version":"1.0","type":"link"}