Mostrando 1 - 20 de 27 Resultados
Filter
{"id":7551513526441,"title":"Each Other Black - Mujer","handle":"each-other-black-mujer","description":"\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg height=\"173\" width=\"155\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eAdriana mide 1.70m y está usando la talla M\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e","published_at":"2022-07-29T10:13:04-05:00","created_at":"2022-07-29T10:07:18-05:00","vendor":"Green Hug","type":"playera","tags":["mujer","Nuevas Colecciones"],"price":39900,"price_min":39900,"price_max":39900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42432015827113,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":false,"name":"Each Other Black - Mujer - XS","public_title":"XS","options":["XS"],"price":39900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42432015859881,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Each Other Black - Mujer - S","public_title":"S","options":["S"],"price":39900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42432015892649,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Each Other Black - Mujer - M","public_title":"M","options":["M"],"price":39900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42432015925417,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":false,"name":"Each Other Black - Mujer - L","public_title":"L","options":["L"],"price":39900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42432015958185,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":false,"name":"Each Other Black - Mujer - XL","public_title":"XL","options":["XL"],"price":39900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Capturadepantalla2022-07-29ala_s_10.00.52.png?v=1659107266"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Capturadepantalla2022-07-29ala_s_10.00.52.png?v=1659107266","options":["Size"],"media":[{"alt":null,"id":28993507590313,"position":1,"preview_image":{"aspect_ratio":0.701,"height":626,"width":439,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Capturadepantalla2022-07-29ala_s_10.00.52.png?v=1659107266"},"aspect_ratio":0.701,"height":626,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Capturadepantalla2022-07-29ala_s_10.00.52.png?v=1659107266","width":439}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg height=\"173\" width=\"155\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eAdriana mide 1.70m y está usando la talla M\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e"}
{"id":7493660573865,"title":"Hug - Mujer","handle":"hugh-mujer","description":"\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg height=\"173\" width=\"155\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003eAdriana mide 1.70m y está usando la talla M.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e.\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv id=\"modal\" class=\"modal modal__bg\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e","published_at":"2022-05-25T13:57:23-05:00","created_at":"2022-05-25T12:42:35-05:00","vendor":"Green Hug","type":"playera","tags":["mujer","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":false,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42236706193577,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":false,"featured_image":{"id":36204765872297,"product_id":7493660573865,"position":1,"created_at":"2022-05-25T12:58:47-05:00","updated_at":"2022-05-25T13:50:41-05:00","alt":null,"width":3328,"height":4994,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641","variant_ids":[42236706193577,42236706259113,42236706324649,42236706422953,42236706488489]},"available":false,"name":"Hug - Mujer - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","featured_media":{"alt":null,"id":28557579780265,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4994,"width":3328,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236706259113,"title":"S","option1":"S","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":false,"featured_image":{"id":36204765872297,"product_id":7493660573865,"position":1,"created_at":"2022-05-25T12:58:47-05:00","updated_at":"2022-05-25T13:50:41-05:00","alt":null,"width":3328,"height":4994,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641","variant_ids":[42236706193577,42236706259113,42236706324649,42236706422953,42236706488489]},"available":false,"name":"Hug - Mujer - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","featured_media":{"alt":null,"id":28557579780265,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4994,"width":3328,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236706324649,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":36204765872297,"product_id":7493660573865,"position":1,"created_at":"2022-05-25T12:58:47-05:00","updated_at":"2022-05-25T13:50:41-05:00","alt":null,"width":3328,"height":4994,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641","variant_ids":[42236706193577,42236706259113,42236706324649,42236706422953,42236706488489]},"available":false,"name":"Hug - Mujer - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557579780265,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4994,"width":3328,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236706422953,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204765872297,"product_id":7493660573865,"position":1,"created_at":"2022-05-25T12:58:47-05:00","updated_at":"2022-05-25T13:50:41-05:00","alt":null,"width":3328,"height":4994,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641","variant_ids":[42236706193577,42236706259113,42236706324649,42236706422953,42236706488489]},"available":false,"name":"Hug - Mujer - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557579780265,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4994,"width":3328,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236706488489,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204765872297,"product_id":7493660573865,"position":1,"created_at":"2022-05-25T12:58:47-05:00","updated_at":"2022-05-25T13:50:41-05:00","alt":null,"width":3328,"height":4994,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641","variant_ids":[42236706193577,42236706259113,42236706324649,42236706422953,42236706488489]},"available":false,"name":"Hug - Mujer - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557579780265,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4994,"width":3328,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_18.jpg?v=1653504641","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_7_c7a1007c-5631-4323-89b0-f5f33106f481.jpg?v=1653504641","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts_Mesadetrabajo1_db54a6fe-9a40-4c4c-a611-3decb8c7231c.png?v=1653926889"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641","options":["Size"],"media":[{"alt":null,"id":28557579780265,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4994,"width":3328,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641"},"aspect_ratio":0.666,"height":4994,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_17.jpg?v=1653504641","width":3328},{"alt":null,"id":28557583974569,"position":2,"preview_image":{"aspect_ratio":0.666,"height":4238,"width":2824,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_18.jpg?v=1653504641"},"aspect_ratio":0.666,"height":4238,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_18.jpg?v=1653504641","width":2824},{"alt":null,"id":28557584433321,"position":3,"preview_image":{"aspect_ratio":0.666,"height":4935,"width":3288,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_7_c7a1007c-5631-4323-89b0-f5f33106f481.jpg?v=1653504641"},"aspect_ratio":0.666,"height":4935,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_7_c7a1007c-5631-4323-89b0-f5f33106f481.jpg?v=1653504641","width":3288},{"alt":null,"id":28588969492649,"position":4,"preview_image":{"aspect_ratio":0.666,"height":2250,"width":1499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts_Mesadetrabajo1_db54a6fe-9a40-4c4c-a611-3decb8c7231c.png?v=1653926889"},"aspect_ratio":0.666,"height":2250,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts_Mesadetrabajo1_db54a6fe-9a40-4c4c-a611-3decb8c7231c.png?v=1653926889","width":1499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg height=\"173\" width=\"155\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003eAdriana mide 1.70m y está usando la talla M.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e.\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv id=\"modal\" class=\"modal modal__bg\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e"}
{"id":7493652349097,"title":"Kick back and relax - Mujer","handle":"kick-back-and-relax-mujer","description":"\u003ch1 style=\"text-align: center;\"\u003e\u003c\/h1\u003e\n\u003cdiv id=\"modal\" class=\"modal modal__bg\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" height=\"173\" width=\"155\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" alt=\"\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cstrong\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5 class=\"modal__dialog\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\"\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eAdriana mide 1.70m y está usando la talla M.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e","published_at":"2022-05-25T13:57:23-05:00","created_at":"2022-05-25T12:40:48-05:00","vendor":"Green Hug","type":"playera","tags":["mujer","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":false,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42236667658409,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204940263593,"product_id":7493652349097,"position":1,"created_at":"2022-05-25T13:26:58-05:00","updated_at":"2022-05-25T13:51:11-05:00","alt":null,"width":3069,"height":4606,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671","variant_ids":[42236667658409,42236667691177,42236667723945,42236667756713,42236667789481]},"available":false,"name":"Kick back and relax - Mujer - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557755744425,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4606,"width":3069,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236667691177,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204940263593,"product_id":7493652349097,"position":1,"created_at":"2022-05-25T13:26:58-05:00","updated_at":"2022-05-25T13:51:11-05:00","alt":null,"width":3069,"height":4606,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671","variant_ids":[42236667658409,42236667691177,42236667723945,42236667756713,42236667789481]},"available":false,"name":"Kick back and relax - Mujer - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557755744425,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4606,"width":3069,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236667723945,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":36204940263593,"product_id":7493652349097,"position":1,"created_at":"2022-05-25T13:26:58-05:00","updated_at":"2022-05-25T13:51:11-05:00","alt":null,"width":3069,"height":4606,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671","variant_ids":[42236667658409,42236667691177,42236667723945,42236667756713,42236667789481]},"available":false,"name":"Kick back and relax - Mujer - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557755744425,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4606,"width":3069,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236667756713,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204940263593,"product_id":7493652349097,"position":1,"created_at":"2022-05-25T13:26:58-05:00","updated_at":"2022-05-25T13:51:11-05:00","alt":null,"width":3069,"height":4606,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671","variant_ids":[42236667658409,42236667691177,42236667723945,42236667756713,42236667789481]},"available":false,"name":"Kick back and relax - Mujer - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557755744425,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4606,"width":3069,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236667789481,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204940263593,"product_id":7493652349097,"position":1,"created_at":"2022-05-25T13:26:58-05:00","updated_at":"2022-05-25T13:51:11-05:00","alt":null,"width":3069,"height":4606,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671","variant_ids":[42236667658409,42236667691177,42236667723945,42236667756713,42236667789481]},"available":false,"name":"Kick back and relax - Mujer - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557755744425,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4606,"width":3069,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_30.jpg?v=1653504671","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-05_bf80d3c0-4d17-478c-a3ba-26ad7b5000c7.png?v=1653926934"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671","options":["Size"],"media":[{"alt":null,"id":28557755744425,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4606,"width":3069,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671"},"aspect_ratio":0.666,"height":4606,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_29.jpg?v=1653504671","width":3069},{"alt":null,"id":28557762560169,"position":2,"preview_image":{"aspect_ratio":0.667,"height":5113,"width":3408,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_30.jpg?v=1653504671"},"aspect_ratio":0.667,"height":5113,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_30.jpg?v=1653504671","width":3408},{"alt":null,"id":28588972114089,"position":3,"preview_image":{"aspect_ratio":0.667,"height":2250,"width":1500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-05_bf80d3c0-4d17-478c-a3ba-26ad7b5000c7.png?v=1653926934"},"aspect_ratio":0.667,"height":2250,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-05_bf80d3c0-4d17-478c-a3ba-26ad7b5000c7.png?v=1653926934","width":1500}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch1 style=\"text-align: center;\"\u003e\u003c\/h1\u003e\n\u003cdiv id=\"modal\" class=\"modal modal__bg\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" height=\"173\" width=\"155\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" alt=\"\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cstrong\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5 class=\"modal__dialog\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\"\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eAdriana mide 1.70m y está usando la talla M.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e"}
{"id":7493647270057,"title":"Go Green Black - Mujer","handle":"go-green-black-mujer","description":"\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg height=\"173\" width=\"155\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eAdriana mide 1.70m y está usando la talla M\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e","published_at":"2022-05-25T13:57:22-05:00","created_at":"2022-05-25T12:36:40-05:00","vendor":"Green Hug","type":"playera","tags":["mujer","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":false,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42236662120617,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36205005275305,"product_id":7493647270057,"position":1,"created_at":"2022-05-25T13:37:20-05:00","updated_at":"2022-05-25T13:41:56-05:00","alt":null,"width":3181,"height":4773,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116","variant_ids":[42236662120617,42236662153385,42236662186153,42236662218921,42236662251689]},"available":false,"name":"Go Green Black - Mujer - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557821411497,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4773,"width":3181,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236662153385,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36205005275305,"product_id":7493647270057,"position":1,"created_at":"2022-05-25T13:37:20-05:00","updated_at":"2022-05-25T13:41:56-05:00","alt":null,"width":3181,"height":4773,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116","variant_ids":[42236662120617,42236662153385,42236662186153,42236662218921,42236662251689]},"available":false,"name":"Go Green Black - Mujer - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557821411497,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4773,"width":3181,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236662186153,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":36205005275305,"product_id":7493647270057,"position":1,"created_at":"2022-05-25T13:37:20-05:00","updated_at":"2022-05-25T13:41:56-05:00","alt":null,"width":3181,"height":4773,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116","variant_ids":[42236662120617,42236662153385,42236662186153,42236662218921,42236662251689]},"available":false,"name":"Go Green Black - Mujer - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557821411497,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4773,"width":3181,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236662218921,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36205005275305,"product_id":7493647270057,"position":1,"created_at":"2022-05-25T13:37:20-05:00","updated_at":"2022-05-25T13:41:56-05:00","alt":null,"width":3181,"height":4773,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116","variant_ids":[42236662120617,42236662153385,42236662186153,42236662218921,42236662251689]},"available":false,"name":"Go Green Black - Mujer - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557821411497,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4773,"width":3181,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236662251689,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36205005275305,"product_id":7493647270057,"position":1,"created_at":"2022-05-25T13:37:20-05:00","updated_at":"2022-05-25T13:41:56-05:00","alt":null,"width":3181,"height":4773,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116","variant_ids":[42236662120617,42236662153385,42236662186153,42236662218921,42236662251689]},"available":false,"name":"Go Green Black - Mujer - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557821411497,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4773,"width":3181,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_46.jpg?v=1653504116","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-03_1600d852-4868-4299-a998-31d4304efa6a.png?v=1653926678"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116","options":["Size"],"media":[{"alt":null,"id":28557821411497,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4773,"width":3181,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116"},"aspect_ratio":0.666,"height":4773,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_44.jpg?v=1653504116","width":3181},{"alt":null,"id":28557822853289,"position":2,"preview_image":{"aspect_ratio":0.666,"height":4819,"width":3211,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_46.jpg?v=1653504116"},"aspect_ratio":0.666,"height":4819,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_46.jpg?v=1653504116","width":3211},{"alt":null,"id":28588955467945,"position":3,"preview_image":{"aspect_ratio":0.667,"height":2250,"width":1500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-03_1600d852-4868-4299-a998-31d4304efa6a.png?v=1653926678"},"aspect_ratio":0.667,"height":2250,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-03_1600d852-4868-4299-a998-31d4304efa6a.png?v=1653926678","width":1500}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg height=\"173\" width=\"155\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eAdriana mide 1.70m y está usando la talla M\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e"}
{"id":7493640585385,"title":"Go Green Black - Hombre","handle":"go-green-black-hombre","description":"\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" width=\"155\" height=\"173\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e \u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eRevisa la Guía de Medidas\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePatricio mide 1.90m y está usando la talla L\u003c\/strong\u003e\u003c\/p\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e","published_at":"2022-05-25T13:56:07-05:00","created_at":"2022-05-25T12:31:40-05:00","vendor":"Green Hug","type":"playera","tags":["hombre","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":false,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42236653469865,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204993839273,"product_id":7493640585385,"position":1,"created_at":"2022-05-25T13:35:18-05:00","updated_at":"2022-05-25T13:38:57-05:00","alt":null,"width":3170,"height":4756,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937","variant_ids":[42236653469865,42236653502633,42236653535401,42236653568169,42236653600937]},"available":false,"name":"Go Green Black - Hombre - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557809582249,"position":1,"preview_image":{"aspect_ratio":0.667,"height":4756,"width":3170,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236653502633,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204993839273,"product_id":7493640585385,"position":1,"created_at":"2022-05-25T13:35:18-05:00","updated_at":"2022-05-25T13:38:57-05:00","alt":null,"width":3170,"height":4756,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937","variant_ids":[42236653469865,42236653502633,42236653535401,42236653568169,42236653600937]},"available":false,"name":"Go Green Black - Hombre - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557809582249,"position":1,"preview_image":{"aspect_ratio":0.667,"height":4756,"width":3170,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236653535401,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":36204993839273,"product_id":7493640585385,"position":1,"created_at":"2022-05-25T13:35:18-05:00","updated_at":"2022-05-25T13:38:57-05:00","alt":null,"width":3170,"height":4756,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937","variant_ids":[42236653469865,42236653502633,42236653535401,42236653568169,42236653600937]},"available":false,"name":"Go Green Black - Hombre - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557809582249,"position":1,"preview_image":{"aspect_ratio":0.667,"height":4756,"width":3170,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236653568169,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204993839273,"product_id":7493640585385,"position":1,"created_at":"2022-05-25T13:35:18-05:00","updated_at":"2022-05-25T13:38:57-05:00","alt":null,"width":3170,"height":4756,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937","variant_ids":[42236653469865,42236653502633,42236653535401,42236653568169,42236653600937]},"available":false,"name":"Go Green Black - Hombre - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557809582249,"position":1,"preview_image":{"aspect_ratio":0.667,"height":4756,"width":3170,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236653600937,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204993839273,"product_id":7493640585385,"position":1,"created_at":"2022-05-25T13:35:18-05:00","updated_at":"2022-05-25T13:38:57-05:00","alt":null,"width":3170,"height":4756,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937","variant_ids":[42236653469865,42236653502633,42236653535401,42236653568169,42236653600937]},"available":false,"name":"Go Green Black - Hombre - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557809582249,"position":1,"preview_image":{"aspect_ratio":0.667,"height":4756,"width":3170,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_54.jpg?v=1653503937","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-03.png?v=1653926656"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937","options":["Size"],"media":[{"alt":null,"id":28557809582249,"position":1,"preview_image":{"aspect_ratio":0.667,"height":4756,"width":3170,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937"},"aspect_ratio":0.667,"height":4756,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_51.jpg?v=1653503937","width":3170},{"alt":null,"id":28557813252265,"position":2,"preview_image":{"aspect_ratio":0.666,"height":5012,"width":3340,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_54.jpg?v=1653503937"},"aspect_ratio":0.666,"height":5012,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_54.jpg?v=1653503937","width":3340},{"alt":null,"id":28588953698473,"position":3,"preview_image":{"aspect_ratio":0.667,"height":2250,"width":1500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-03.png?v=1653926656"},"aspect_ratio":0.667,"height":2250,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-03.png?v=1653926656","width":1500}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" width=\"155\" height=\"173\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e \u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eRevisa la Guía de Medidas\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePatricio mide 1.90m y está usando la talla L\u003c\/strong\u003e\u003c\/p\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e"}
{"id":7493638193321,"title":"Go Green white - Hombre","handle":"go-green-white-hombre","description":"\u003ch1 style=\"text-align: center;\"\u003e\u003c\/h1\u003e\n\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" width=\"155\" height=\"173\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5 class=\"modal__dialog\"\u003eRevisa la Guía de Medidas\u003c\/h5\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\"\u003e\u003c\/p\u003e\n\u003cp aria-hidden=\"true\" role=\"dialog\" class=\"modal modal__bg\" id=\"modal\"\u003ePatricio mide 1.90m y está usando la talla L\u003c\/p\u003e\n\u003cp aria-hidden=\"true\" role=\"dialog\"\u003e \u003c\/p\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e","published_at":"2022-05-25T13:57:21-05:00","created_at":"2022-05-25T12:29:52-05:00","vendor":"Green Hug","type":"playera","tags":["hombre","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42236650979497,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36205077004457,"product_id":7493638193321,"position":1,"created_at":"2022-05-25T13:47:43-05:00","updated_at":"2022-05-25T13:49:30-05:00","alt":null,"width":3160,"height":4743,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570","variant_ids":[42236650979497,42236651012265,42236651045033,42236651077801,42236651110569]},"available":false,"name":"Go Green white - Hombre - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557893501097,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4743,"width":3160,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236651012265,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36205077004457,"product_id":7493638193321,"position":1,"created_at":"2022-05-25T13:47:43-05:00","updated_at":"2022-05-25T13:49:30-05:00","alt":null,"width":3160,"height":4743,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570","variant_ids":[42236650979497,42236651012265,42236651045033,42236651077801,42236651110569]},"available":false,"name":"Go Green white - Hombre - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557893501097,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4743,"width":3160,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236651045033,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":36205077004457,"product_id":7493638193321,"position":1,"created_at":"2022-05-25T13:47:43-05:00","updated_at":"2022-05-25T13:49:30-05:00","alt":null,"width":3160,"height":4743,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570","variant_ids":[42236650979497,42236651012265,42236651045033,42236651077801,42236651110569]},"available":false,"name":"Go Green white - Hombre - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557893501097,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4743,"width":3160,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236651077801,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36205077004457,"product_id":7493638193321,"position":1,"created_at":"2022-05-25T13:47:43-05:00","updated_at":"2022-05-25T13:49:30-05:00","alt":null,"width":3160,"height":4743,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570","variant_ids":[42236650979497,42236651012265,42236651045033,42236651077801,42236651110569]},"available":true,"name":"Go Green white - Hombre - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557893501097,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4743,"width":3160,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236651110569,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36205077004457,"product_id":7493638193321,"position":1,"created_at":"2022-05-25T13:47:43-05:00","updated_at":"2022-05-25T13:49:30-05:00","alt":null,"width":3160,"height":4743,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570","variant_ids":[42236650979497,42236651012265,42236651045033,42236651077801,42236651110569]},"available":false,"name":"Go Green white - Hombre - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557893501097,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4743,"width":3160,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-57.jpg?v=1653504570","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-38.jpg?v=1653504570","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-04.png?v=1653926699"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570","options":["Size"],"media":[{"alt":null,"id":28557893501097,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4743,"width":3160,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570"},"aspect_ratio":0.666,"height":4743,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-56.jpg?v=1653504570","width":3160},{"alt":null,"id":28557894353065,"position":2,"preview_image":{"aspect_ratio":0.666,"height":5269,"width":3511,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-57.jpg?v=1653504570"},"aspect_ratio":0.666,"height":5269,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-57.jpg?v=1653504570","width":3511},{"alt":null,"id":28557894516905,"position":3,"preview_image":{"aspect_ratio":0.667,"height":5081,"width":3387,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-38.jpg?v=1653504570"},"aspect_ratio":0.667,"height":5081,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH-38.jpg?v=1653504570","width":3387},{"alt":null,"id":28588956647593,"position":4,"preview_image":{"aspect_ratio":0.667,"height":2250,"width":1500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-04.png?v=1653926699"},"aspect_ratio":0.667,"height":2250,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-04.png?v=1653926699","width":1500}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch1 style=\"text-align: center;\"\u003e\u003c\/h1\u003e\n\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" width=\"155\" height=\"173\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5 class=\"modal__dialog\"\u003eRevisa la Guía de Medidas\u003c\/h5\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\"\u003e\u003c\/p\u003e\n\u003cp aria-hidden=\"true\" role=\"dialog\" class=\"modal modal__bg\" id=\"modal\"\u003ePatricio mide 1.90m y está usando la talla L\u003c\/p\u003e\n\u003cp aria-hidden=\"true\" role=\"dialog\"\u003e \u003c\/p\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e"}
{"id":7493634982057,"title":"Hug - Hombre","handle":"hugh-hombre","description":"\u003ch5\u003e\n\u003cstrong\u003e\u003c\/strong\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg height=\"173\" width=\"155\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5\u003e\u003c\/h5\u003e\n\u003ch5\u003e\n\u003cmeta charset=\"utf-8\"\u003eRevisa la Guía de Medidas\u003c\/h5\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\"\u003e\u003c\/p\u003e\n\u003cp\u003ePatricio mide 1.90m y está usando la talla L \u003c\/p\u003e","published_at":"2022-05-25T13:57:21-05:00","created_at":"2022-05-25T12:27:21-05:00","vendor":"Green Hug","type":"playera","tags":["hombre","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42236646555817,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204557762729,"product_id":7493634982057,"position":1,"created_at":"2022-05-25T12:32:00-05:00","updated_at":"2022-05-25T13:50:20-05:00","alt":null,"width":3155,"height":4734,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620","variant_ids":[42236646555817,42236646588585,42236646621353,42236646654121,42236646686889]},"available":false,"name":"Hug - Hombre - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557370556585,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4734,"width":3155,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236646588585,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204557762729,"product_id":7493634982057,"position":1,"created_at":"2022-05-25T12:32:00-05:00","updated_at":"2022-05-25T13:50:20-05:00","alt":null,"width":3155,"height":4734,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620","variant_ids":[42236646555817,42236646588585,42236646621353,42236646654121,42236646686889]},"available":false,"name":"Hug - Hombre - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557370556585,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4734,"width":3155,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236646621353,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":36204557762729,"product_id":7493634982057,"position":1,"created_at":"2022-05-25T12:32:00-05:00","updated_at":"2022-05-25T13:50:20-05:00","alt":null,"width":3155,"height":4734,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620","variant_ids":[42236646555817,42236646588585,42236646621353,42236646654121,42236646686889]},"available":false,"name":"Hug - Hombre - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557370556585,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4734,"width":3155,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236646654121,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204557762729,"product_id":7493634982057,"position":1,"created_at":"2022-05-25T12:32:00-05:00","updated_at":"2022-05-25T13:50:20-05:00","alt":null,"width":3155,"height":4734,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620","variant_ids":[42236646555817,42236646588585,42236646621353,42236646654121,42236646686889]},"available":false,"name":"Hug - Hombre - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557370556585,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4734,"width":3155,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236646686889,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204557762729,"product_id":7493634982057,"position":1,"created_at":"2022-05-25T12:32:00-05:00","updated_at":"2022-05-25T13:50:20-05:00","alt":null,"width":3155,"height":4734,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620","variant_ids":[42236646555817,42236646588585,42236646621353,42236646654121,42236646686889]},"available":true,"name":"Hug - Hombre - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557370556585,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4734,"width":3155,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_25.jpg?v=1653504620","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_27.jpg?v=1653504620","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts_Mesadetrabajo1.png?v=1653926868"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620","options":["Size"],"media":[{"alt":null,"id":28557370556585,"position":1,"preview_image":{"aspect_ratio":0.666,"height":4734,"width":3155,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620"},"aspect_ratio":0.666,"height":4734,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_23.jpg?v=1653504620","width":3155},{"alt":null,"id":28557374554281,"position":2,"preview_image":{"aspect_ratio":0.666,"height":3472,"width":2314,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_25.jpg?v=1653504620"},"aspect_ratio":0.666,"height":3472,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_25.jpg?v=1653504620","width":2314},{"alt":null,"id":28557378945193,"position":3,"preview_image":{"aspect_ratio":0.666,"height":5211,"width":3473,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_27.jpg?v=1653504620"},"aspect_ratio":0.666,"height":5211,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_27.jpg?v=1653504620","width":3473},{"alt":null,"id":28588968247465,"position":4,"preview_image":{"aspect_ratio":0.666,"height":2250,"width":1499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts_Mesadetrabajo1.png?v=1653926868"},"aspect_ratio":0.666,"height":2250,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts_Mesadetrabajo1.png?v=1653926868","width":1499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5\u003e\n\u003cstrong\u003e\u003c\/strong\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg height=\"173\" width=\"155\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5\u003e\u003c\/h5\u003e\n\u003ch5\u003e\n\u003cmeta charset=\"utf-8\"\u003eRevisa la Guía de Medidas\u003c\/h5\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\"\u003e\u003c\/p\u003e\n\u003cp\u003ePatricio mide 1.90m y está usando la talla L \u003c\/p\u003e"}
{"id":7493623283881,"title":"Kick back and relax - Hombre","handle":"copy-of-share-a-laugh-mujer","description":"\u003cmeta charset=\"utf-8\"\u003e\n\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" height=\"173\" width=\"155\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" alt=\"\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5\u003eRevisa la Guía de Medidas\u003c\/h5\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\" data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003cp\u003ePatricio mide 1.90m y está usando la talla L\u003c\/p\u003e","published_at":"2022-05-25T13:57:20-05:00","created_at":"2022-05-25T12:17:39-05:00","vendor":"Green Hug","type":"playera","tags":["hombre","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42236633219241,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204665700521,"product_id":7493623283881,"position":1,"created_at":"2022-05-25T12:43:04-05:00","updated_at":"2022-05-25T13:50:57-05:00","alt":null,"width":3562,"height":5345,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657","variant_ids":[42236633219241,42236633252009,42236633284777,42236633317545,42236633350313]},"available":false,"name":"Kick back and relax - Hombre - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557478822057,"position":1,"preview_image":{"aspect_ratio":0.666,"height":5345,"width":3562,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236633252009,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204665700521,"product_id":7493623283881,"position":1,"created_at":"2022-05-25T12:43:04-05:00","updated_at":"2022-05-25T13:50:57-05:00","alt":null,"width":3562,"height":5345,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657","variant_ids":[42236633219241,42236633252009,42236633284777,42236633317545,42236633350313]},"available":false,"name":"Kick back and relax - Hombre - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557478822057,"position":1,"preview_image":{"aspect_ratio":0.666,"height":5345,"width":3562,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236633284777,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":36204665700521,"product_id":7493623283881,"position":1,"created_at":"2022-05-25T12:43:04-05:00","updated_at":"2022-05-25T13:50:57-05:00","alt":null,"width":3562,"height":5345,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657","variant_ids":[42236633219241,42236633252009,42236633284777,42236633317545,42236633350313]},"available":false,"name":"Kick back and relax - Hombre - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557478822057,"position":1,"preview_image":{"aspect_ratio":0.666,"height":5345,"width":3562,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236633317545,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204665700521,"product_id":7493623283881,"position":1,"created_at":"2022-05-25T12:43:04-05:00","updated_at":"2022-05-25T13:50:57-05:00","alt":null,"width":3562,"height":5345,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657","variant_ids":[42236633219241,42236633252009,42236633284777,42236633317545,42236633350313]},"available":false,"name":"Kick back and relax - Hombre - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557478822057,"position":1,"preview_image":{"aspect_ratio":0.666,"height":5345,"width":3562,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42236633350313,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":{"id":36204665700521,"product_id":7493623283881,"position":1,"created_at":"2022-05-25T12:43:04-05:00","updated_at":"2022-05-25T13:50:57-05:00","alt":null,"width":3562,"height":5345,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657","variant_ids":[42236633219241,42236633252009,42236633284777,42236633317545,42236633350313]},"available":true,"name":"Kick back and relax - Hombre - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28557478822057,"position":1,"preview_image":{"aspect_ratio":0.666,"height":5345,"width":3562,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_38.jpg?v=1653504657","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-05.png?v=1653926907"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657","options":["Size"],"media":[{"alt":null,"id":28557478822057,"position":1,"preview_image":{"aspect_ratio":0.666,"height":5345,"width":3562,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657"},"aspect_ratio":0.666,"height":5345,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_35.jpg?v=1653504657","width":3562},{"alt":null,"id":28557486260393,"position":2,"preview_image":{"aspect_ratio":0.667,"height":5081,"width":3387,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_38.jpg?v=1653504657"},"aspect_ratio":0.667,"height":5081,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/GH_-_38.jpg?v=1653504657","width":3387},{"alt":null,"id":28588970442921,"position":3,"preview_image":{"aspect_ratio":0.667,"height":2250,"width":1500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-05.png?v=1653926907"},"aspect_ratio":0.667,"height":2250,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/disenospeanuts-05.png?v=1653926907","width":1500}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cmeta charset=\"utf-8\"\u003e\n\u003ch5 class=\"modal__dialog\"\u003e¡Take care with Peanuts está de regreso!\u003c\/h5\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" height=\"173\" width=\"155\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Recurso_2_480x480.png?v=1655222886\" alt=\"\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eNos encantará que te sumes a esta increíble iniciativa que busca difundir un mensaje de\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ebienestar, comunidad y compromiso con el medios ambiente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCon cada compra también ayudarás a muchos niños y adolescentes en su lucha contra el cáncer a través de \u003cmeta charset=\"utf-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBanco de Tapitas.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLa composición de esta playera es 50% PET reciclado + 50% algodón reciclado. \u003cstrong\u003eAdemás, recuerda que por cada prenda plantamos un árbol.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch5\u003eRevisa la Guía de Medidas\u003c\/h5\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\" data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003cp\u003ePatricio mide 1.90m y está usando la talla L\u003c\/p\u003e"}
{"id":7438131396777,"title":"Playera Peces Mujer","handle":"playera-muchos-peces-mujer","description":"\u003ch5 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003eSer Agua\u003c\/h5\u003e\n\u003cp\u003e#SerAgua es una colección de prendas con diseños exclusivos de Eréndira Derbez y el cortometraje AGUA.\u003c\/p\u003e\n\u003cp\u003ePor cada prenda vendida, el 30% será donado al Centro Mexicano de Derecho Ambiental, A.C. (CEMDA), organización que lucha por la defensa del derecho humano al agua potable y saneamiento, quienes destinarán lo recolectado a la labor de las mujeres en el manejo pluricultural del agua.\u003c\/p\u003e\n\u003cp\u003eLas mujeres, como guardianas del agua aportan una visión única para su gestión, a través del reconocimiento del agua como un elemento primordial para sustentar la vida.\u003c\/p\u003e\n\u003cp\u003e#GuardianasDelAgua\u003c\/p\u003e","published_at":"2022-03-15T12:52:37-06:00","created_at":"2022-03-04T18:18:06-06:00","vendor":"Green Hug","type":"playera","tags":["mujer","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42029679509673,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708493889705,"product_id":7438131396777,"position":1,"created_at":"2022-03-14T12:57:19-06:00","updated_at":"2022-03-14T12:57:20-06:00","alt":null,"width":1600,"height":2255,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240","variant_ids":[42029679509673,42029679542441,42029679575209,42029679607977,42029679640745]},"available":false,"name":"Playera Peces Mujer - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055654957225,"position":1,"preview_image":{"aspect_ratio":0.71,"height":2255,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42029679542441,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708493889705,"product_id":7438131396777,"position":1,"created_at":"2022-03-14T12:57:19-06:00","updated_at":"2022-03-14T12:57:20-06:00","alt":null,"width":1600,"height":2255,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240","variant_ids":[42029679509673,42029679542441,42029679575209,42029679607977,42029679640745]},"available":true,"name":"Playera Peces Mujer - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055654957225,"position":1,"preview_image":{"aspect_ratio":0.71,"height":2255,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42029679575209,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708493889705,"product_id":7438131396777,"position":1,"created_at":"2022-03-14T12:57:19-06:00","updated_at":"2022-03-14T12:57:20-06:00","alt":null,"width":1600,"height":2255,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240","variant_ids":[42029679509673,42029679542441,42029679575209,42029679607977,42029679640745]},"available":true,"name":"Playera Peces Mujer - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055654957225,"position":1,"preview_image":{"aspect_ratio":0.71,"height":2255,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42029679607977,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708493889705,"product_id":7438131396777,"position":1,"created_at":"2022-03-14T12:57:19-06:00","updated_at":"2022-03-14T12:57:20-06:00","alt":null,"width":1600,"height":2255,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240","variant_ids":[42029679509673,42029679542441,42029679575209,42029679607977,42029679640745]},"available":false,"name":"Playera Peces Mujer - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055654957225,"position":1,"preview_image":{"aspect_ratio":0.71,"height":2255,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42029679640745,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708493889705,"product_id":7438131396777,"position":1,"created_at":"2022-03-14T12:57:19-06:00","updated_at":"2022-03-14T12:57:20-06:00","alt":null,"width":1600,"height":2255,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240","variant_ids":[42029679509673,42029679542441,42029679575209,42029679607977,42029679640745]},"available":false,"name":"Playera Peces Mujer - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055654957225,"position":1,"preview_image":{"aspect_ratio":0.71,"height":2255,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/5.jpg?v=1647301310","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/6_b4c649e0-d612-469b-b450-c16d063451ab.jpg?v=1647301506"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240","options":["Size"],"media":[{"alt":null,"id":28055654957225,"position":1,"preview_image":{"aspect_ratio":0.71,"height":2255,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240"},"aspect_ratio":0.71,"height":2255,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.1.jpg?v=1647284240","width":1600},{"alt":null,"id":28057079316649,"position":2,"preview_image":{"aspect_ratio":0.667,"height":2400,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/5.jpg?v=1647301310"},"aspect_ratio":0.667,"height":2400,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/5.jpg?v=1647301310","width":1600},{"alt":null,"id":28057092325545,"position":3,"preview_image":{"aspect_ratio":0.667,"height":2400,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/6_b4c649e0-d612-469b-b450-c16d063451ab.jpg?v=1647301506"},"aspect_ratio":0.667,"height":2400,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/6_b4c649e0-d612-469b-b450-c16d063451ab.jpg?v=1647301506","width":1600}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003eSer Agua\u003c\/h5\u003e\n\u003cp\u003e#SerAgua es una colección de prendas con diseños exclusivos de Eréndira Derbez y el cortometraje AGUA.\u003c\/p\u003e\n\u003cp\u003ePor cada prenda vendida, el 30% será donado al Centro Mexicano de Derecho Ambiental, A.C. (CEMDA), organización que lucha por la defensa del derecho humano al agua potable y saneamiento, quienes destinarán lo recolectado a la labor de las mujeres en el manejo pluricultural del agua.\u003c\/p\u003e\n\u003cp\u003eLas mujeres, como guardianas del agua aportan una visión única para su gestión, a través del reconocimiento del agua como un elemento primordial para sustentar la vida.\u003c\/p\u003e\n\u003cp\u003e#GuardianasDelAgua\u003c\/p\u003e"}
{"id":7438123696297,"title":"Playera \"agua\" Hombre","handle":"playera-afu","description":"\u003ch5 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003eSer Agua\u003c\/h5\u003e\n\u003cp\u003e#SerAgua es una colección de prendas con diseños exclusivos de Eréndira Derbez y el cortometraje AGUA.\u003c\/p\u003e\n\u003cp\u003ePor cada prenda vendida, el 30% será donado al Centro Mexicano de Derecho Ambiental, A.C. (CEMDA), organización que lucha por la defensa del derecho humano al agua potable y saneamiento, quienes destinarán lo recolectado a la labor de las mujeres en el manejo pluricultural del agua.\u003c\/p\u003e\n\u003cp\u003eLas mujeres, como guardianas del agua aportan una visión única para su gestión, a través del reconocimiento del agua como un elemento primordial para sustentar la vida.\u003c\/p\u003e\n\u003cp\u003e#GuardianasDelAgua\u003c\/p\u003e","published_at":"2022-03-15T12:52:14-06:00","created_at":"2022-03-04T18:07:21-06:00","vendor":"Green Hug","type":"playera","tags":["hombre","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42029642055849,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708433563817,"product_id":7438123696297,"position":1,"created_at":"2022-03-14T12:48:59-06:00","updated_at":"2022-03-14T12:49:00-06:00","alt":null,"width":1600,"height":2400,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740","variant_ids":[42029642055849,42029642088617,42029642121385,42029642154153,42029642186921]},"available":true,"name":"Playera \"agua\" Hombre - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055593386153,"position":1,"preview_image":{"aspect_ratio":0.667,"height":2400,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42029642088617,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708433563817,"product_id":7438123696297,"position":1,"created_at":"2022-03-14T12:48:59-06:00","updated_at":"2022-03-14T12:49:00-06:00","alt":null,"width":1600,"height":2400,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740","variant_ids":[42029642055849,42029642088617,42029642121385,42029642154153,42029642186921]},"available":true,"name":"Playera \"agua\" Hombre - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055593386153,"position":1,"preview_image":{"aspect_ratio":0.667,"height":2400,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42029642121385,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708433563817,"product_id":7438123696297,"position":1,"created_at":"2022-03-14T12:48:59-06:00","updated_at":"2022-03-14T12:49:00-06:00","alt":null,"width":1600,"height":2400,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740","variant_ids":[42029642055849,42029642088617,42029642121385,42029642154153,42029642186921]},"available":false,"name":"Playera \"agua\" Hombre - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055593386153,"position":1,"preview_image":{"aspect_ratio":0.667,"height":2400,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42029642154153,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708433563817,"product_id":7438123696297,"position":1,"created_at":"2022-03-14T12:48:59-06:00","updated_at":"2022-03-14T12:49:00-06:00","alt":null,"width":1600,"height":2400,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740","variant_ids":[42029642055849,42029642088617,42029642121385,42029642154153,42029642186921]},"available":true,"name":"Playera \"agua\" Hombre - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055593386153,"position":1,"preview_image":{"aspect_ratio":0.667,"height":2400,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42029642186921,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708433563817,"product_id":7438123696297,"position":1,"created_at":"2022-03-14T12:48:59-06:00","updated_at":"2022-03-14T12:49:00-06:00","alt":null,"width":1600,"height":2400,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740","variant_ids":[42029642055849,42029642088617,42029642121385,42029642154153,42029642186921]},"available":true,"name":"Playera \"agua\" Hombre - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055593386153,"position":1,"preview_image":{"aspect_ratio":0.667,"height":2400,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/3.jpg?v=1647300573","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_8575.jpg?v=1647301085"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740","options":["Size"],"media":[{"alt":null,"id":28055593386153,"position":1,"preview_image":{"aspect_ratio":0.667,"height":2400,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740"},"aspect_ratio":0.667,"height":2400,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/1.jpg?v=1647283740","width":1600},{"alt":null,"id":28057032327337,"position":2,"preview_image":{"aspect_ratio":0.667,"height":2400,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/3.jpg?v=1647300573"},"aspect_ratio":0.667,"height":2400,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/3.jpg?v=1647300573","width":1600},{"alt":null,"id":28057066766505,"position":3,"preview_image":{"aspect_ratio":0.667,"height":2400,"width":1600,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_8575.jpg?v=1647301085"},"aspect_ratio":0.667,"height":2400,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_8575.jpg?v=1647301085","width":1600}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Hombre_Cuello_redondo_480x480.jpg?v=1646928018\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003eSer Agua\u003c\/h5\u003e\n\u003cp\u003e#SerAgua es una colección de prendas con diseños exclusivos de Eréndira Derbez y el cortometraje AGUA.\u003c\/p\u003e\n\u003cp\u003ePor cada prenda vendida, el 30% será donado al Centro Mexicano de Derecho Ambiental, A.C. (CEMDA), organización que lucha por la defensa del derecho humano al agua potable y saneamiento, quienes destinarán lo recolectado a la labor de las mujeres en el manejo pluricultural del agua.\u003c\/p\u003e\n\u003cp\u003eLas mujeres, como guardianas del agua aportan una visión única para su gestión, a través del reconocimiento del agua como un elemento primordial para sustentar la vida.\u003c\/p\u003e\n\u003cp\u003e#GuardianasDelAgua\u003c\/p\u003e"}
{"id":7437948813481,"title":"Hoodie Guardianas Del Agua","handle":"guardianas-del-agua-hoodie","description":"\u003ch5 style=\"text-align: center;\"\u003eGuía de tallas\u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/guias_talles_y_costuras_hoodie-05_480x480.jpg?v=1646942200\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003e\u003cspan\u003eSer Agua\u003c\/span\u003e\u003c\/h5\u003e\n\u003cp\u003e#SerAgua es una colección de prendas con diseños exclusivos de Eréndira Derbez y el cortometraje AGUA.\u003c\/p\u003e\n\u003cp\u003ePor cada prenda vendida, el 30% será donado al Centro Mexicano de Derecho Ambiental, A.C. (CEMDA), organización que lucha por la defensa del derecho humano al agua potable y saneamiento, quienes destinarán lo recolectado a la labor de las mujeres en el manejo pluricultural del agua.\u003c\/p\u003e\n\u003cp\u003eLas mujeres, como guardianas del agua aportan una visión única para su gestión, a través del reconocimiento del agua como un elemento primordial para sustentar la vida.\u003c\/p\u003e\n\u003cp\u003e#GuardianasDelAgua\u003c\/p\u003e","published_at":"2022-03-04T11:02:40-06:00","created_at":"2022-03-04T11:01:11-06:00","vendor":"Green Hug","type":"","tags":["mujer","Nuevas Colecciones"],"price":89900,"price_min":89900,"price_max":89900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42028844155049,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708321202345,"product_id":7437948813481,"position":1,"created_at":"2022-03-14T12:30:11-06:00","updated_at":"2022-03-14T12:30:51-06:00","alt":null,"width":3251,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651","variant_ids":[42028844155049,42028844187817,42028844220585,42028844253353,42028844286121]},"available":false,"name":"Hoodie Guardianas Del Agua - XS","public_title":"XS","options":["XS"],"price":89900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055480074409,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028844187817,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708321202345,"product_id":7437948813481,"position":1,"created_at":"2022-03-14T12:30:11-06:00","updated_at":"2022-03-14T12:30:51-06:00","alt":null,"width":3251,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651","variant_ids":[42028844155049,42028844187817,42028844220585,42028844253353,42028844286121]},"available":true,"name":"Hoodie Guardianas Del Agua - S","public_title":"S","options":["S"],"price":89900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055480074409,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028844220585,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708321202345,"product_id":7437948813481,"position":1,"created_at":"2022-03-14T12:30:11-06:00","updated_at":"2022-03-14T12:30:51-06:00","alt":null,"width":3251,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651","variant_ids":[42028844155049,42028844187817,42028844220585,42028844253353,42028844286121]},"available":true,"name":"Hoodie Guardianas Del Agua - M","public_title":"M","options":["M"],"price":89900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055480074409,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028844253353,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708321202345,"product_id":7437948813481,"position":1,"created_at":"2022-03-14T12:30:11-06:00","updated_at":"2022-03-14T12:30:51-06:00","alt":null,"width":3251,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651","variant_ids":[42028844155049,42028844187817,42028844220585,42028844253353,42028844286121]},"available":true,"name":"Hoodie Guardianas Del Agua - L","public_title":"L","options":["L"],"price":89900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055480074409,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028844286121,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708321202345,"product_id":7437948813481,"position":1,"created_at":"2022-03-14T12:30:11-06:00","updated_at":"2022-03-14T12:30:51-06:00","alt":null,"width":3251,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651","variant_ids":[42028844155049,42028844187817,42028844220585,42028844253353,42028844286121]},"available":false,"name":"Hoodie Guardianas Del Agua - XL","public_title":"XL","options":["XL"],"price":89900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055480074409,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-06.jpg?v=1647282651","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/PhotoRoom_20220307_92847a.m..png?v=1647282651"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651","options":["Size"],"media":[{"alt":null,"id":28055480074409,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651"},"aspect_ratio":0.722,"height":4501,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-05.jpg?v=1647282651","width":3251},{"alt":null,"id":28055482007721,"position":2,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-06.jpg?v=1647282651"},"aspect_ratio":0.722,"height":4501,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-06.jpg?v=1647282651","width":3251},{"alt":null,"id":27983860433065,"position":3,"preview_image":{"aspect_ratio":0.667,"height":2002,"width":1335,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/PhotoRoom_20220307_92847a.m..png?v=1647282651"},"aspect_ratio":0.667,"height":2002,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/PhotoRoom_20220307_92847a.m..png?v=1647282651","width":1335}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 style=\"text-align: center;\"\u003eGuía de tallas\u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/guias_talles_y_costuras_hoodie-05_480x480.jpg?v=1646942200\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003e\u003cspan\u003eSer Agua\u003c\/span\u003e\u003c\/h5\u003e\n\u003cp\u003e#SerAgua es una colección de prendas con diseños exclusivos de Eréndira Derbez y el cortometraje AGUA.\u003c\/p\u003e\n\u003cp\u003ePor cada prenda vendida, el 30% será donado al Centro Mexicano de Derecho Ambiental, A.C. (CEMDA), organización que lucha por la defensa del derecho humano al agua potable y saneamiento, quienes destinarán lo recolectado a la labor de las mujeres en el manejo pluricultural del agua.\u003c\/p\u003e\n\u003cp\u003eLas mujeres, como guardianas del agua aportan una visión única para su gestión, a través del reconocimiento del agua como un elemento primordial para sustentar la vida.\u003c\/p\u003e\n\u003cp\u003e#GuardianasDelAgua\u003c\/p\u003e"}
{"id":7437948354729,"title":"Hoodie Ser Agua","handle":"copy-of-ser-agua-t-shirt","description":"\u003ch5 style=\"text-align: center;\"\u003eGuía de tallas\u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/guias_talles_y_costuras_hoodie-05_480x480.jpg?v=1646942200\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch5\u003e\u003c\/h5\u003e\n\u003ch5\u003e#SerAgua\u003c\/h5\u003e\n\u003cp\u003eLa campaña #SerAgua son diseños de Eréndira Derbez que junto con El Día Después y Green Hug tenemos para ti.\u003cbr data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003eCon tú compra, contribuyes a la labor de las mujeres en la labor pluricultural del agua. La organización beneficiaria en CEMDA. \u003cbr data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e #SerAgua busca reconocer a las mujeres como las principales cuidadoras del agua.\u003c\/p\u003e","published_at":"2022-03-04T11:14:23-06:00","created_at":"2022-03-04T10:59:18-06:00","vendor":"Green Hug","type":"","tags":["mujer","Nuevas Colecciones"],"price":89900,"price_min":89900,"price_max":89900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42028841107625,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708328149161,"product_id":7437948354729,"position":1,"created_at":"2022-03-14T12:31:31-06:00","updated_at":"2022-03-14T12:33:29-06:00","alt":null,"width":3250,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809","variant_ids":[42028841107625,42028841140393,42028841173161,42028841205929,42028841238697]},"available":false,"name":"Hoodie Ser Agua - XS","public_title":"XS","options":["XS"],"price":89900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055487348905,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028841140393,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708328149161,"product_id":7437948354729,"position":1,"created_at":"2022-03-14T12:31:31-06:00","updated_at":"2022-03-14T12:33:29-06:00","alt":null,"width":3250,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809","variant_ids":[42028841107625,42028841140393,42028841173161,42028841205929,42028841238697]},"available":true,"name":"Hoodie Ser Agua - S","public_title":"S","options":["S"],"price":89900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055487348905,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028841173161,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708328149161,"product_id":7437948354729,"position":1,"created_at":"2022-03-14T12:31:31-06:00","updated_at":"2022-03-14T12:33:29-06:00","alt":null,"width":3250,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809","variant_ids":[42028841107625,42028841140393,42028841173161,42028841205929,42028841238697]},"available":true,"name":"Hoodie Ser Agua - M","public_title":"M","options":["M"],"price":89900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055487348905,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028841205929,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708328149161,"product_id":7437948354729,"position":1,"created_at":"2022-03-14T12:31:31-06:00","updated_at":"2022-03-14T12:33:29-06:00","alt":null,"width":3250,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809","variant_ids":[42028841107625,42028841140393,42028841173161,42028841205929,42028841238697]},"available":true,"name":"Hoodie Ser Agua - L","public_title":"L","options":["L"],"price":89900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055487348905,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028841238697,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708328149161,"product_id":7437948354729,"position":1,"created_at":"2022-03-14T12:31:31-06:00","updated_at":"2022-03-14T12:33:29-06:00","alt":null,"width":3250,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809","variant_ids":[42028841107625,42028841140393,42028841173161,42028841205929,42028841238697]},"available":true,"name":"Hoodie Ser Agua - XL","public_title":"XL","options":["XL"],"price":89900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055487348905,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-08.jpg?v=1647282809","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/PhotoRoom_20220307_92902a.m..png?v=1647282809"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809","options":["Size"],"media":[{"alt":null,"id":28055487348905,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809"},"aspect_ratio":0.722,"height":4501,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-07.jpg?v=1647282809","width":3250},{"alt":null,"id":28055498916009,"position":2,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-08.jpg?v=1647282809"},"aspect_ratio":0.722,"height":4501,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-08.jpg?v=1647282809","width":3251},{"alt":null,"id":27983870165161,"position":3,"preview_image":{"aspect_ratio":0.667,"height":2163,"width":1442,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/PhotoRoom_20220307_92902a.m..png?v=1647282809"},"aspect_ratio":0.667,"height":2163,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/PhotoRoom_20220307_92902a.m..png?v=1647282809","width":1442}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 style=\"text-align: center;\"\u003eGuía de tallas\u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/guias_talles_y_costuras_hoodie-05_480x480.jpg?v=1646942200\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch5\u003e\u003c\/h5\u003e\n\u003ch5\u003e#SerAgua\u003c\/h5\u003e\n\u003cp\u003eLa campaña #SerAgua son diseños de Eréndira Derbez que junto con El Día Después y Green Hug tenemos para ti.\u003cbr data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003eCon tú compra, contribuyes a la labor de las mujeres en la labor pluricultural del agua. La organización beneficiaria en CEMDA. \u003cbr data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e #SerAgua busca reconocer a las mujeres como las principales cuidadoras del agua.\u003c\/p\u003e"}
{"id":7437947207849,"title":"Playera Ser Agua","handle":"ser-agua-t-shirt","description":"\u003ch5 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003eSer Agua\u003c\/h5\u003e\n\u003cp\u003e#SerAgua es una colección de prendas con diseños exclusivos de Eréndira Derbez y el cortometraje AGUA.\u003c\/p\u003e\n\u003cp\u003ePor cada prenda vendida, el 30% será donado al Centro Mexicano de Derecho Ambiental, A.C. (CEMDA), organización que lucha por la defensa del derecho humano al agua potable y saneamiento, quienes destinarán lo recolectado a la labor de las mujeres en el manejo pluricultural del agua.\u003c\/p\u003e\n\u003cp\u003eLas mujeres, como guardianas del agua aportan una visión única para su gestión, a través del reconocimiento del agua como un elemento primordial para sustentar la vida.\u003c\/p\u003e\n\u003cp\u003e#GuardianasDelAgua\u003c\/p\u003e","published_at":"2022-03-04T11:20:27-06:00","created_at":"2022-03-04T10:53:03-06:00","vendor":"Green Hug","type":"","tags":["mujer","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42028834816169,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708375138473,"product_id":7437947207849,"position":1,"created_at":"2022-03-14T12:38:52-06:00","updated_at":"2022-03-14T13:01:41-06:00","alt":null,"width":3250,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501","variant_ids":[42028834816169,42028834848937,42028834881705,42028834914473,42028834947241]},"available":true,"name":"Playera Ser Agua - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055534600361,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028834848937,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708375138473,"product_id":7437947207849,"position":1,"created_at":"2022-03-14T12:38:52-06:00","updated_at":"2022-03-14T13:01:41-06:00","alt":null,"width":3250,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501","variant_ids":[42028834816169,42028834848937,42028834881705,42028834914473,42028834947241]},"available":true,"name":"Playera Ser Agua - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055534600361,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028834881705,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708375138473,"product_id":7437947207849,"position":1,"created_at":"2022-03-14T12:38:52-06:00","updated_at":"2022-03-14T13:01:41-06:00","alt":null,"width":3250,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501","variant_ids":[42028834816169,42028834848937,42028834881705,42028834914473,42028834947241]},"available":true,"name":"Playera Ser Agua - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055534600361,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028834914473,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708375138473,"product_id":7437947207849,"position":1,"created_at":"2022-03-14T12:38:52-06:00","updated_at":"2022-03-14T13:01:41-06:00","alt":null,"width":3250,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501","variant_ids":[42028834816169,42028834848937,42028834881705,42028834914473,42028834947241]},"available":false,"name":"Playera Ser Agua - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055534600361,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028834947241,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":35708375138473,"product_id":7437947207849,"position":1,"created_at":"2022-03-14T12:38:52-06:00","updated_at":"2022-03-14T13:01:41-06:00","alt":null,"width":3250,"height":4501,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501","variant_ids":[42028834816169,42028834848937,42028834881705,42028834914473,42028834947241]},"available":false,"name":"Playera Ser Agua - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":28055534600361,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-03.jpg?v=1647284501","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianadelagua-09.jpg?v=1647284501"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501","options":["Size"],"media":[{"alt":null,"id":28055534600361,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4501,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501"},"aspect_ratio":0.722,"height":4501,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-04.jpg?v=1647284501","width":3250},{"alt":null,"id":28055540039849,"position":2,"preview_image":{"aspect_ratio":0.722,"height":4500,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-03.jpg?v=1647284501"},"aspect_ratio":0.722,"height":4500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-03.jpg?v=1647284501","width":3251},{"alt":null,"id":28055680778409,"position":3,"preview_image":{"aspect_ratio":0.722,"height":4500,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianadelagua-09.jpg?v=1647284501"},"aspect_ratio":0.722,"height":4500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianadelagua-09.jpg?v=1647284501","width":3250}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003eSer Agua\u003c\/h5\u003e\n\u003cp\u003e#SerAgua es una colección de prendas con diseños exclusivos de Eréndira Derbez y el cortometraje AGUA.\u003c\/p\u003e\n\u003cp\u003ePor cada prenda vendida, el 30% será donado al Centro Mexicano de Derecho Ambiental, A.C. (CEMDA), organización que lucha por la defensa del derecho humano al agua potable y saneamiento, quienes destinarán lo recolectado a la labor de las mujeres en el manejo pluricultural del agua.\u003c\/p\u003e\n\u003cp\u003eLas mujeres, como guardianas del agua aportan una visión única para su gestión, a través del reconocimiento del agua como un elemento primordial para sustentar la vida.\u003c\/p\u003e\n\u003cp\u003e#GuardianasDelAgua\u003c\/p\u003e"}
{"id":7437947175081,"title":"Playera Guardianas Del Agua","handle":"guardianas-del-agua-t-shirt","description":"\u003ch5 data-mce-style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003eSer Agua\u003c\/h5\u003e\n\u003cp\u003e#SerAgua es una colección de prendas con diseños exclusivos de Eréndira Derbez y el cortometraje AGUA.\u003c\/p\u003e\n\u003cp\u003ePor cada prenda vendida, el 30% será donado al Centro Mexicano de Derecho Ambiental, A.C. (CEMDA), organización que lucha por la defensa del derecho humano al agua potable y saneamiento, quienes destinarán lo recolectado a la labor de las mujeres en el manejo pluricultural del agua.\u003c\/p\u003e\n\u003cp\u003eLas mujeres, como guardianas del agua aportan una visión única para su gestión, a través del reconocimiento del agua como un elemento primordial para sustentar la vida.\u003c\/p\u003e\n\u003cp\u003e#GuardianasDelAgua\u003c\/p\u003e","published_at":"2022-03-04T11:03:44-06:00","created_at":"2022-03-04T10:52:19-06:00","vendor":"Green Hug","type":"playera","tags":["mujer","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42028833570985,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":{"id":35708345614505,"product_id":7437947175081,"position":1,"created_at":"2022-03-14T12:34:15-06:00","updated_at":"2022-03-14T12:35:56-06:00","alt":null,"width":3251,"height":4500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956","variant_ids":[42028833570985,42028833603753,42028833636521,42028833669289,42028833702057]},"available":true,"name":"Playera Guardianas Del Agua - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","featured_media":{"alt":null,"id":28055505240233,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4500,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028833603753,"title":"S","option1":"S","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":{"id":35708345614505,"product_id":7437947175081,"position":1,"created_at":"2022-03-14T12:34:15-06:00","updated_at":"2022-03-14T12:35:56-06:00","alt":null,"width":3251,"height":4500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956","variant_ids":[42028833570985,42028833603753,42028833636521,42028833669289,42028833702057]},"available":false,"name":"Playera Guardianas Del Agua - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","featured_media":{"alt":null,"id":28055505240233,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4500,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028833636521,"title":"M","option1":"M","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":{"id":35708345614505,"product_id":7437947175081,"position":1,"created_at":"2022-03-14T12:34:15-06:00","updated_at":"2022-03-14T12:35:56-06:00","alt":null,"width":3251,"height":4500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956","variant_ids":[42028833570985,42028833603753,42028833636521,42028833669289,42028833702057]},"available":true,"name":"Playera Guardianas Del Agua - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","featured_media":{"alt":null,"id":28055505240233,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4500,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028833669289,"title":"L","option1":"L","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":{"id":35708345614505,"product_id":7437947175081,"position":1,"created_at":"2022-03-14T12:34:15-06:00","updated_at":"2022-03-14T12:35:56-06:00","alt":null,"width":3251,"height":4500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956","variant_ids":[42028833570985,42028833603753,42028833636521,42028833669289,42028833702057]},"available":false,"name":"Playera Guardianas Del Agua - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","featured_media":{"alt":null,"id":28055505240233,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4500,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42028833702057,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":{"id":35708345614505,"product_id":7437947175081,"position":1,"created_at":"2022-03-14T12:34:15-06:00","updated_at":"2022-03-14T12:35:56-06:00","alt":null,"width":3251,"height":4500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956","variant_ids":[42028833570985,42028833603753,42028833636521,42028833669289,42028833702057]},"available":false,"name":"Playera Guardianas Del Agua - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","featured_media":{"alt":null,"id":28055505240233,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4500,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua_Mesadetrabajo1.jpg?v=1647284581","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianadelagua-09_548ba5bd-ad07-4d07-bd32-70d40e3ecdd5.jpg?v=1647284581"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956","options":["Size"],"media":[{"alt":null,"id":28055505240233,"position":1,"preview_image":{"aspect_ratio":0.722,"height":4500,"width":3251,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956"},"aspect_ratio":0.722,"height":4500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua-02.jpg?v=1647282956","width":3251},{"alt":null,"id":28055515398313,"position":2,"preview_image":{"aspect_ratio":0.722,"height":4500,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua_Mesadetrabajo1.jpg?v=1647284581"},"aspect_ratio":0.722,"height":4500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianasdelagua_Mesadetrabajo1.jpg?v=1647284581","width":3250},{"alt":null,"id":28055686021289,"position":3,"preview_image":{"aspect_ratio":0.722,"height":4500,"width":3250,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianadelagua-09_548ba5bd-ad07-4d07-bd32-70d40e3ecdd5.jpg?v=1647284581"},"aspect_ratio":0.722,"height":4500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/guardianadelagua-09_548ba5bd-ad07-4d07-bd32-70d40e3ecdd5.jpg?v=1647284581","width":3250}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 data-mce-style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003eSer Agua\u003c\/h5\u003e\n\u003cp\u003e#SerAgua es una colección de prendas con diseños exclusivos de Eréndira Derbez y el cortometraje AGUA.\u003c\/p\u003e\n\u003cp\u003ePor cada prenda vendida, el 30% será donado al Centro Mexicano de Derecho Ambiental, A.C. (CEMDA), organización que lucha por la defensa del derecho humano al agua potable y saneamiento, quienes destinarán lo recolectado a la labor de las mujeres en el manejo pluricultural del agua.\u003c\/p\u003e\n\u003cp\u003eLas mujeres, como guardianas del agua aportan una visión única para su gestión, a través del reconocimiento del agua como un elemento primordial para sustentar la vida.\u003c\/p\u003e\n\u003cp\u003e#GuardianasDelAgua\u003c\/p\u003e"}
{"id":7240775532713,"title":"\"Protagonistas\" - Mexicanas que Hicieron Historia","handle":"protagonistas-mexicanas","description":"\u003ch5 style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003e\n\u003cstrong\u003eMilly mide 1.60m y está usando la talla S \u003c\/strong\u003e.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/infoeveryday.png?v=1614361514\"\u003e\n\u003c\/h5\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"modal modal__bg\" id=\"modal\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\n\u003cdiv class=\"modal__content\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/t\/4\/assets\/Everyday_Guia_de_Medidas-04.png?v=1602390645\" style=\"height: 400px;\"\u003e \u003ca class=\"modal__close demo-close\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"\"\u003e \u003cpath d=\"M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z\"\u003e\u003c\/path\u003e \u003cpath fill=\"none\" d=\"M0 0h24v24h-24z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle media=\"screen\"\u003e\u003c!--\n@media (max-width: 590px) {\n .modal__content img{\n height: 180px !important;\n}\n }\n\n.modal {\n will-change: visibility, opacity;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 1000;\n visibility: hidden;\n opacity: 0;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal--active {\n visibility: visible;\n opacity: 1;\n}\n.modal--align-top {\n align-items: flex-start;\n}\n.modal__bg {\n background: transparent;\n}\n.modal__dialog {\n max-width: 800px;\n padding: 1.2rem;\n text-align: center !important;\n}\n.modal__content {\n will-change: transform, opacity;\n position: relative;\n padding: 2.4rem !important;\n background: white;\n background-clip: padding-box;\n box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);\n opacity: 0;\n transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal__content--active {\n opacity: 1;\n}\n.modal-text{\nborder: 1px solid red;\n}\n.modal__close {\n z-index: 1100;\n cursor: pointer;\n}\n.modal__trigger {\n position: relative;\n display: inline-block;\n margin: 1 auto;\n padding: 1.2rem 2.4rem;\n color: white;\n background-color: #a9bb18;\n line-height: 1;\n cursor: pointer;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n border-radius:25px;\n position: relative; left: 50% !important;\ntransform: translateX(-50%) !important;\n}\n.modal__trigger p{\npadding-top:20px;\n}\n\n.modal__trigger--active {\n z-index: 10;\n}\n\n#modal__temp {\n will-change: transform, opacity;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: white;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.demo-btns header {\n padding: 7vh 10vw;\n background: #ffebee;\n display: flex;\n align-items: center;\n}\n.demo-btns header h1 {\n margin: 0;\n color: rgba(0,0,0,0.54);\n font-weight: 300;\n}\n.demo-btns .info {\n background: #f44336;\n padding: 3vh 10vw;\n height: 70vh;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column wrap;\n}\n@media (max-width: 700px) {\n .modal__content br{\n display: none !important;\n}\n\n}\n.demo-close {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1.2rem;\n padding: 0.6rem;\n background: rgba(0,0,0,0.3);\n border-radius: 50%;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.demo-close svg {\n width: 24px;\n fill: #fff;\n pointer-events: none;\n vertical-align: top;\n}\n.demo-close:hover {\n background: rgba(0,0,0,0.6);\n}\n--\u003e\u003c\/style\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e\n\u003cstyle\u003e\u003c!--\n.desc {\n border: 1px solid #e8e5e2;\n border-radius: 10px;\n max-width: 400px;\n text-align:center;\n padding: 10px;\n display: block;\n margin: 0 auto;\n }\n .desc img{\n height:100px;\n }\n--\u003e\u003c\/style\u003e","published_at":"2021-09-27T16:55:10-05:00","created_at":"2021-09-27T16:38:05-05:00","vendor":"Green Hug","type":"playera","tags":["mexicanas","mujer","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41422475493545,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"\"Protagonistas\" - Mexicanas que Hicieron Historia - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41422475526313,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"\"Protagonistas\" - Mexicanas que Hicieron Historia - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41422475559081,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"\"Protagonistas\" - Mexicanas que Hicieron Historia - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41422475591849,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":false,"name":"\"Protagonistas\" - Mexicanas que Hicieron Historia - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41422475624617,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"\"Protagonistas\" - Mexicanas que Hicieron Historia - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5253.jpg?v=1632779693","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5252.jpg?v=1632779672","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5239.jpg?v=1632779659"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5253.jpg?v=1632779693","options":["Size"],"media":[{"alt":null,"id":26395194491049,"position":1,"preview_image":{"aspect_ratio":0.8,"height":1350,"width":1080,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5253.jpg?v=1632779693"},"aspect_ratio":0.8,"height":1350,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5253.jpg?v=1632779693","width":1080},{"alt":null,"id":26395190821033,"position":2,"preview_image":{"aspect_ratio":0.8,"height":1350,"width":1080,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5252.jpg?v=1632779672"},"aspect_ratio":0.8,"height":1350,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5252.jpg?v=1632779672","width":1080},{"alt":null,"id":26395188297897,"position":3,"preview_image":{"aspect_ratio":0.8,"height":1350,"width":1080,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5239.jpg?v=1632779659"},"aspect_ratio":0.8,"height":1350,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5239.jpg?v=1632779659","width":1080}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003e\n\u003cstrong\u003eMilly mide 1.60m y está usando la talla S \u003c\/strong\u003e.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/infoeveryday.png?v=1614361514\"\u003e\n\u003c\/h5\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"modal modal__bg\" id=\"modal\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\n\u003cdiv class=\"modal__content\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/t\/4\/assets\/Everyday_Guia_de_Medidas-04.png?v=1602390645\" style=\"height: 400px;\"\u003e \u003ca class=\"modal__close demo-close\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"\"\u003e \u003cpath d=\"M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z\"\u003e\u003c\/path\u003e \u003cpath fill=\"none\" d=\"M0 0h24v24h-24z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle media=\"screen\"\u003e\u003c!--\n@media (max-width: 590px) {\n .modal__content img{\n height: 180px !important;\n}\n }\n\n.modal {\n will-change: visibility, opacity;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 1000;\n visibility: hidden;\n opacity: 0;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal--active {\n visibility: visible;\n opacity: 1;\n}\n.modal--align-top {\n align-items: flex-start;\n}\n.modal__bg {\n background: transparent;\n}\n.modal__dialog {\n max-width: 800px;\n padding: 1.2rem;\n text-align: center !important;\n}\n.modal__content {\n will-change: transform, opacity;\n position: relative;\n padding: 2.4rem !important;\n background: white;\n background-clip: padding-box;\n box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);\n opacity: 0;\n transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal__content--active {\n opacity: 1;\n}\n.modal-text{\nborder: 1px solid red;\n}\n.modal__close {\n z-index: 1100;\n cursor: pointer;\n}\n.modal__trigger {\n position: relative;\n display: inline-block;\n margin: 1 auto;\n padding: 1.2rem 2.4rem;\n color: white;\n background-color: #a9bb18;\n line-height: 1;\n cursor: pointer;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n border-radius:25px;\n position: relative; left: 50% !important;\ntransform: translateX(-50%) !important;\n}\n.modal__trigger p{\npadding-top:20px;\n}\n\n.modal__trigger--active {\n z-index: 10;\n}\n\n#modal__temp {\n will-change: transform, opacity;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: white;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.demo-btns header {\n padding: 7vh 10vw;\n background: #ffebee;\n display: flex;\n align-items: center;\n}\n.demo-btns header h1 {\n margin: 0;\n color: rgba(0,0,0,0.54);\n font-weight: 300;\n}\n.demo-btns .info {\n background: #f44336;\n padding: 3vh 10vw;\n height: 70vh;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column wrap;\n}\n@media (max-width: 700px) {\n .modal__content br{\n display: none !important;\n}\n\n}\n.demo-close {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1.2rem;\n padding: 0.6rem;\n background: rgba(0,0,0,0.3);\n border-radius: 50%;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.demo-close svg {\n width: 24px;\n fill: #fff;\n pointer-events: none;\n vertical-align: top;\n}\n.demo-close:hover {\n background: rgba(0,0,0,0.6);\n}\n--\u003e\u003c\/style\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e\n\u003cstyle\u003e\u003c!--\n.desc {\n border: 1px solid #e8e5e2;\n border-radius: 10px;\n max-width: 400px;\n text-align:center;\n padding: 10px;\n display: block;\n margin: 0 auto;\n }\n .desc img{\n height:100px;\n }\n--\u003e\u003c\/style\u003e"}
{"id":7240774484137,"title":"\"Colores e Historias\" - Mexicanas que Hicieron Historia","handle":"colores-e-historias-mexicanas","description":"\u003ch5 style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003e\n\u003cstrong\u003eMilly mide 1.60m y está usando la talla S \u003c\/strong\u003e.\u003c\/h5\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/infoeveryday.png?v=1614361514\"\u003e\n\u003cdiv id=\"modal\" class=\"modal modal__bg\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\n\u003cdiv class=\"modal__content\"\u003e\n\u003cimg style=\"height: 400px;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/t\/4\/assets\/Everyday_Guia_de_Medidas-04.png?v=1602390645\" alt=\"\"\u003e \u003ca class=\"modal__close demo-close\"\u003e \u003csvg class=\"\" viewbox=\"0 0 24 24\"\u003e \u003cpath d=\"M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z\"\u003e\u003c\/path\u003e \u003cpath d=\"M0 0h24v24h-24z\" fill=\"none\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle media=\"screen\"\u003e\u003c!--\n@media (max-width: 590px) {\n .modal__content img{\n height: 180px !important;\n}\n }\n\n.modal {\n will-change: visibility, opacity;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 1000;\n visibility: hidden;\n opacity: 0;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal--active {\n visibility: visible;\n opacity: 1;\n}\n.modal--align-top {\n align-items: flex-start;\n}\n.modal__bg {\n background: transparent;\n}\n.modal__dialog {\n max-width: 800px;\n padding: 1.2rem;\n text-align: center !important;\n}\n.modal__content {\n will-change: transform, opacity;\n position: relative;\n padding: 2.4rem !important;\n background: white;\n background-clip: padding-box;\n box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);\n opacity: 0;\n transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal__content--active {\n opacity: 1;\n}\n.modal-text{\nborder: 1px solid red;\n}\n.modal__close {\n z-index: 1100;\n cursor: pointer;\n}\n.modal__trigger {\n position: relative;\n display: inline-block;\n margin: 1 auto;\n padding: 1.2rem 2.4rem;\n color: white;\n background-color: #a9bb18;\n line-height: 1;\n cursor: pointer;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n border-radius:25px;\n position: relative; left: 50% !important;\ntransform: translateX(-50%) !important;\n}\n.modal__trigger p{\npadding-top:20px;\n}\n\n.modal__trigger--active {\n z-index: 10;\n}\n\n#modal__temp {\n will-change: transform, opacity;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: white;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.demo-btns header {\n padding: 7vh 10vw;\n background: #ffebee;\n display: flex;\n align-items: center;\n}\n.demo-btns header h1 {\n margin: 0;\n color: rgba(0,0,0,0.54);\n font-weight: 300;\n}\n.demo-btns .info {\n background: #f44336;\n padding: 3vh 10vw;\n height: 70vh;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column wrap;\n}\n@media (max-width: 700px) {\n .modal__content br{\n display: none !important;\n}\n\n}\n.demo-close {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1.2rem;\n padding: 0.6rem;\n background: rgba(0,0,0,0.3);\n border-radius: 50%;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.demo-close svg {\n width: 24px;\n fill: #fff;\n pointer-events: none;\n vertical-align: top;\n}\n.demo-close:hover {\n background: rgba(0,0,0,0.6);\n}\n--\u003e\u003c\/style\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e\n\u003cstyle\u003e\u003c!--\n.desc {\n border: 1px solid #e8e5e2;\n border-radius: 10px;\n max-width: 400px;\n text-align:center;\n padding: 10px;\n display: block;\n margin: 0 auto;\n }\n .desc img{\n height:100px;\n }\n--\u003e\u003c\/style\u003e","published_at":"2021-09-27T16:55:54-05:00","created_at":"2021-09-27T16:36:55-05:00","vendor":"Green Hug","type":"playera","tags":["mexicanas","mujer","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41422473887913,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"\"Colores e Historias\" - Mexicanas que Hicieron Historia - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41422473920681,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"\"Colores e Historias\" - Mexicanas que Hicieron Historia - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41422473953449,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"\"Colores e Historias\" - Mexicanas que Hicieron Historia - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41422473986217,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"\"Colores e Historias\" - Mexicanas que Hicieron Historia - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41422474018985,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"\"Colores e Historias\" - Mexicanas que Hicieron Historia - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5251.jpg?v=1632779746","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5252_323bfd79-e2a6-4a9b-8554-76651f185f13.jpg?v=1632779746"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5251.jpg?v=1632779746","options":["Size"],"media":[{"alt":null,"id":26395202748585,"position":1,"preview_image":{"aspect_ratio":0.8,"height":1350,"width":1080,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5251.jpg?v=1632779746"},"aspect_ratio":0.8,"height":1350,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5251.jpg?v=1632779746","width":1080},{"alt":null,"id":26395202781353,"position":2,"preview_image":{"aspect_ratio":0.8,"height":1350,"width":1080,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5252_323bfd79-e2a6-4a9b-8554-76651f185f13.jpg?v=1632779746"},"aspect_ratio":0.8,"height":1350,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5252_323bfd79-e2a6-4a9b-8554-76651f185f13.jpg?v=1632779746","width":1080}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003e\n\u003cstrong\u003eMilly mide 1.60m y está usando la talla S \u003c\/strong\u003e.\u003c\/h5\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/infoeveryday.png?v=1614361514\"\u003e\n\u003cdiv id=\"modal\" class=\"modal modal__bg\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\n\u003cdiv class=\"modal__content\"\u003e\n\u003cimg style=\"height: 400px;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/t\/4\/assets\/Everyday_Guia_de_Medidas-04.png?v=1602390645\" alt=\"\"\u003e \u003ca class=\"modal__close demo-close\"\u003e \u003csvg class=\"\" viewbox=\"0 0 24 24\"\u003e \u003cpath d=\"M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z\"\u003e\u003c\/path\u003e \u003cpath d=\"M0 0h24v24h-24z\" fill=\"none\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle media=\"screen\"\u003e\u003c!--\n@media (max-width: 590px) {\n .modal__content img{\n height: 180px !important;\n}\n }\n\n.modal {\n will-change: visibility, opacity;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 1000;\n visibility: hidden;\n opacity: 0;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal--active {\n visibility: visible;\n opacity: 1;\n}\n.modal--align-top {\n align-items: flex-start;\n}\n.modal__bg {\n background: transparent;\n}\n.modal__dialog {\n max-width: 800px;\n padding: 1.2rem;\n text-align: center !important;\n}\n.modal__content {\n will-change: transform, opacity;\n position: relative;\n padding: 2.4rem !important;\n background: white;\n background-clip: padding-box;\n box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);\n opacity: 0;\n transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal__content--active {\n opacity: 1;\n}\n.modal-text{\nborder: 1px solid red;\n}\n.modal__close {\n z-index: 1100;\n cursor: pointer;\n}\n.modal__trigger {\n position: relative;\n display: inline-block;\n margin: 1 auto;\n padding: 1.2rem 2.4rem;\n color: white;\n background-color: #a9bb18;\n line-height: 1;\n cursor: pointer;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n border-radius:25px;\n position: relative; left: 50% !important;\ntransform: translateX(-50%) !important;\n}\n.modal__trigger p{\npadding-top:20px;\n}\n\n.modal__trigger--active {\n z-index: 10;\n}\n\n#modal__temp {\n will-change: transform, opacity;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: white;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.demo-btns header {\n padding: 7vh 10vw;\n background: #ffebee;\n display: flex;\n align-items: center;\n}\n.demo-btns header h1 {\n margin: 0;\n color: rgba(0,0,0,0.54);\n font-weight: 300;\n}\n.demo-btns .info {\n background: #f44336;\n padding: 3vh 10vw;\n height: 70vh;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column wrap;\n}\n@media (max-width: 700px) {\n .modal__content br{\n display: none !important;\n}\n\n}\n.demo-close {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1.2rem;\n padding: 0.6rem;\n background: rgba(0,0,0,0.3);\n border-radius: 50%;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.demo-close svg {\n width: 24px;\n fill: #fff;\n pointer-events: none;\n vertical-align: top;\n}\n.demo-close:hover {\n background: rgba(0,0,0,0.6);\n}\n--\u003e\u003c\/style\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e\n\u003cstyle\u003e\u003c!--\n.desc {\n border: 1px solid #e8e5e2;\n border-radius: 10px;\n max-width: 400px;\n text-align:center;\n padding: 10px;\n display: block;\n margin: 0 auto;\n }\n .desc img{\n height:100px;\n }\n--\u003e\u003c\/style\u003e"}
{"id":7240773107881,"title":"\"Mis sueños\" - Mexicanas que Hicieron Historia","handle":"mis-suenos-mexicanas","description":"\u003ch5 style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003e\n\u003cstrong\u003eMilly mide 1.60m y está usando la talla S \u003c\/strong\u003e.\u003c\/h5\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/infoeveryday.png?v=1614361514\"\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"modal modal__bg\" id=\"modal\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\n\u003cdiv class=\"modal__content\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/t\/4\/assets\/Everyday_Guia_de_Medidas-04.png?v=1602390645\" style=\"height: 400px;\"\u003e \u003ca class=\"modal__close demo-close\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"\"\u003e \u003cpath d=\"M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z\"\u003e\u003c\/path\u003e \u003cpath fill=\"none\" d=\"M0 0h24v24h-24z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle media=\"screen\"\u003e\u003c!--\n@media (max-width: 590px) {\n .modal__content img{\n height: 180px !important;\n}\n }\n\n.modal {\n will-change: visibility, opacity;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 1000;\n visibility: hidden;\n opacity: 0;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal--active {\n visibility: visible;\n opacity: 1;\n}\n.modal--align-top {\n align-items: flex-start;\n}\n.modal__bg {\n background: transparent;\n}\n.modal__dialog {\n max-width: 800px;\n padding: 1.2rem;\n text-align: center !important;\n}\n.modal__content {\n will-change: transform, opacity;\n position: relative;\n padding: 2.4rem !important;\n background: white;\n background-clip: padding-box;\n box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);\n opacity: 0;\n transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal__content--active {\n opacity: 1;\n}\n.modal-text{\nborder: 1px solid red;\n}\n.modal__close {\n z-index: 1100;\n cursor: pointer;\n}\n.modal__trigger {\n position: relative;\n display: inline-block;\n margin: 1 auto;\n padding: 1.2rem 2.4rem;\n color: white;\n background-color: #a9bb18;\n line-height: 1;\n cursor: pointer;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n border-radius:25px;\n position: relative; left: 50% !important;\ntransform: translateX(-50%) !important;\n}\n.modal__trigger p{\npadding-top:20px;\n}\n\n.modal__trigger--active {\n z-index: 10;\n}\n\n#modal__temp {\n will-change: transform, opacity;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: white;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.demo-btns header {\n padding: 7vh 10vw;\n background: #ffebee;\n display: flex;\n align-items: center;\n}\n.demo-btns header h1 {\n margin: 0;\n color: rgba(0,0,0,0.54);\n font-weight: 300;\n}\n.demo-btns .info {\n background: #f44336;\n padding: 3vh 10vw;\n height: 70vh;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column wrap;\n}\n@media (max-width: 700px) {\n .modal__content br{\n display: none !important;\n}\n\n}\n.demo-close {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1.2rem;\n padding: 0.6rem;\n background: rgba(0,0,0,0.3);\n border-radius: 50%;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.demo-close svg {\n width: 24px;\n fill: #fff;\n pointer-events: none;\n vertical-align: top;\n}\n.demo-close:hover {\n background: rgba(0,0,0,0.6);\n}\n--\u003e\u003c\/style\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e\n\u003cstyle\u003e\u003c!--\n.desc {\n border: 1px solid #e8e5e2;\n border-radius: 10px;\n max-width: 400px;\n text-align:center;\n padding: 10px;\n display: block;\n margin: 0 auto;\n }\n .desc img{\n height:100px;\n }\n--\u003e\u003c\/style\u003e","published_at":"2021-09-27T16:56:55-05:00","created_at":"2021-09-27T16:33:51-05:00","vendor":"Green Hug","type":"playera","tags":["mexicanas","mujer","Nuevas Colecciones"],"price":44900,"price_min":44900,"price_max":44900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41422466711721,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":false,"name":"\"Mis sueños\" - Mexicanas que Hicieron Historia - XS","public_title":"XS","options":["XS"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41422466744489,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":false,"name":"\"Mis sueños\" - Mexicanas que Hicieron Historia - S","public_title":"S","options":["S"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41422466777257,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":false,"name":"\"Mis sueños\" - Mexicanas que Hicieron Historia - M","public_title":"M","options":["M"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41422466810025,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":false,"name":"\"Mis sueños\" - Mexicanas que Hicieron Historia - L","public_title":"L","options":["L"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41422466842793,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"\"Mis sueños\" - Mexicanas que Hicieron Historia - XL","public_title":"XL","options":["XL"],"price":44900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5254.jpg?v=1632779778","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5249.jpg?v=1632779778","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5255.jpg?v=1632779778"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5254.jpg?v=1632779778","options":["Size"],"media":[{"alt":null,"id":26395205828777,"position":1,"preview_image":{"aspect_ratio":0.8,"height":1350,"width":1080,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5254.jpg?v=1632779778"},"aspect_ratio":0.8,"height":1350,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5254.jpg?v=1632779778","width":1080},{"alt":null,"id":26395205796009,"position":2,"preview_image":{"aspect_ratio":0.8,"height":1350,"width":1080,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5249.jpg?v=1632779778"},"aspect_ratio":0.8,"height":1350,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5249.jpg?v=1632779778","width":1080},{"alt":null,"id":26395205861545,"position":3,"preview_image":{"aspect_ratio":0.8,"height":1350,"width":1080,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5255.jpg?v=1632779778"},"aspect_ratio":0.8,"height":1350,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_5255.jpg?v=1632779778","width":1080}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003e\n\u003cstrong\u003eMilly mide 1.60m y está usando la talla S \u003c\/strong\u003e.\u003c\/h5\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/infoeveryday.png?v=1614361514\"\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"modal modal__bg\" id=\"modal\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\n\u003cdiv class=\"modal__content\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/t\/4\/assets\/Everyday_Guia_de_Medidas-04.png?v=1602390645\" style=\"height: 400px;\"\u003e \u003ca class=\"modal__close demo-close\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"\"\u003e \u003cpath d=\"M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z\"\u003e\u003c\/path\u003e \u003cpath fill=\"none\" d=\"M0 0h24v24h-24z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle media=\"screen\"\u003e\u003c!--\n@media (max-width: 590px) {\n .modal__content img{\n height: 180px !important;\n}\n }\n\n.modal {\n will-change: visibility, opacity;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 1000;\n visibility: hidden;\n opacity: 0;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal--active {\n visibility: visible;\n opacity: 1;\n}\n.modal--align-top {\n align-items: flex-start;\n}\n.modal__bg {\n background: transparent;\n}\n.modal__dialog {\n max-width: 800px;\n padding: 1.2rem;\n text-align: center !important;\n}\n.modal__content {\n will-change: transform, opacity;\n position: relative;\n padding: 2.4rem !important;\n background: white;\n background-clip: padding-box;\n box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);\n opacity: 0;\n transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal__content--active {\n opacity: 1;\n}\n.modal-text{\nborder: 1px solid red;\n}\n.modal__close {\n z-index: 1100;\n cursor: pointer;\n}\n.modal__trigger {\n position: relative;\n display: inline-block;\n margin: 1 auto;\n padding: 1.2rem 2.4rem;\n color: white;\n background-color: #a9bb18;\n line-height: 1;\n cursor: pointer;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n border-radius:25px;\n position: relative; left: 50% !important;\ntransform: translateX(-50%) !important;\n}\n.modal__trigger p{\npadding-top:20px;\n}\n\n.modal__trigger--active {\n z-index: 10;\n}\n\n#modal__temp {\n will-change: transform, opacity;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: white;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.demo-btns header {\n padding: 7vh 10vw;\n background: #ffebee;\n display: flex;\n align-items: center;\n}\n.demo-btns header h1 {\n margin: 0;\n color: rgba(0,0,0,0.54);\n font-weight: 300;\n}\n.demo-btns .info {\n background: #f44336;\n padding: 3vh 10vw;\n height: 70vh;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column wrap;\n}\n@media (max-width: 700px) {\n .modal__content br{\n display: none !important;\n}\n\n}\n.demo-close {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1.2rem;\n padding: 0.6rem;\n background: rgba(0,0,0,0.3);\n border-radius: 50%;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.demo-close svg {\n width: 24px;\n fill: #fff;\n pointer-events: none;\n vertical-align: top;\n}\n.demo-close:hover {\n background: rgba(0,0,0,0.6);\n}\n--\u003e\u003c\/style\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e\n\u003cstyle\u003e\u003c!--\n.desc {\n border: 1px solid #e8e5e2;\n border-radius: 10px;\n max-width: 400px;\n text-align:center;\n padding: 10px;\n display: block;\n margin: 0 auto;\n }\n .desc img{\n height:100px;\n }\n--\u003e\u003c\/style\u003e"}
{"id":7165783638185,"title":"Hoodie Parques Nacionales - Mujer","handle":"hoodie-parques-nacionales-mujer","description":"\u003ch5 style=\"text-align: left;\"\u003e\n\u003cstrong\u003eTALLAS UNISEX, REVISA LA GUÍA DE MEDIDAS:\u003c\/strong\u003e \u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/guias_talles_y_costuras_hoodie-05_480x480.jpg?v=1646942200\"\u003e\u003c\/p\u003e\n\u003ch5 data-mce-style=\"text-align: left;\"\u003e\u003cspan style=\"color: #002606;\"\u003e\u003cstrong\u003eParques Nacionales\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h5\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\n\u003cspan style=\"color: #23512a;\" data-mce-style=\"color: #23512a;\"\u003e\u003cstrong\u003eMEXICO\u003c\/strong\u003e\u003c\/span\u003e cuenta con todos los ecosistemas, volviéndolo un territorio de enorme biodiversidad.\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNuestros 67 \u003cspan style=\"color: #26562d;\"\u003e\u003cstrong\u003eParques Nacionales\u003c\/strong\u003e\u003c\/span\u003e protegen más de 16 millones de hectáreas de paisajes naturales.\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e¡Llévalos en tus aventuras con tu hoodie de materiales sustentables!\u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"modal modal__bg\" id=\"modal\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\n\u003cdiv class=\"modal__content\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/t\/4\/assets\/Tallaje_Hoodie_Green_Hug-11.png?v=1592581737\" style=\"height: 400px;\" data-mce-style=\"height: 400px;\"\u003e \u003ca class=\"modal__close demo-close\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"\"\u003e \u003cpath d=\"M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z\"\u003e\u003c\/path\u003e \u003cpath fill=\"none\" d=\"M0 0h24v24h-24z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle media=\"screen\"\u003e\u003c!--\n@media (max-width: 590px) {\n .modal__content img{\n height: 180px !important;\n}\n }\n\n.modal {\n will-change: visibility, opacity;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 1000;\n visibility: hidden;\n opacity: 0;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal--active {\n visibility: visible;\n opacity: 1;\n}\n.modal--align-top {\n align-items: flex-start;\n}\n.modal__bg {\n background: transparent;\n}\n.modal__dialog {\n max-width: 800px;\n padding: 1.2rem;\n text-align: center !important;\n}\n.modal__content {\n will-change: transform, opacity;\n position: relative;\n padding: 2.4rem !important;\n background: white;\n background-clip: padding-box;\n box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);\n opacity: 0;\n transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal__content--active {\n opacity: 1;\n}\n.modal-text{\nborder: 1px solid red;\n}\n.modal__close {\n z-index: 1100;\n cursor: pointer;\n}\n.modal__trigger {\n position: relative;\n display: inline-block;\n margin: 1 auto;\n padding: 1.2rem 2.4rem;\n color: white;\n background-color: #a9bb18;\n line-height: 1;\n cursor: pointer;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n border-radius:25px;\n position: relative; left: 50% !important;\ntransform: translateX(-50%) !important;\n}\n.modal__trigger p{\npadding-top:20px;\n}\n\n.modal__trigger--active {\n z-index: 10;\n}\n\n#modal__temp {\n will-change: transform, opacity;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: white;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.demo-btns header {\n padding: 7vh 10vw;\n background: #ffebee;\n display: flex;\n align-items: center;\n}\n.demo-btns header h1 {\n margin: 0;\n color: rgba(0,0,0,0.54);\n font-weight: 300;\n}\n.demo-btns .info {\n background: #f44336;\n padding: 3vh 10vw;\n height: 70vh;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column wrap;\n}\n@media (max-width: 700px) {\n .modal__content br{\n display: none !important;\n}\n\n}\n.demo-close {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1.2rem;\n padding: 0.6rem;\n background: rgba(0,0,0,0.3);\n border-radius: 50%;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.demo-close svg {\n width: 24px;\n fill: #fff;\n pointer-events: none;\n vertical-align: top;\n}\n.demo-close:hover {\n background: rgba(0,0,0,0.6);\n}\n--\u003e\u003c\/style\u003e\n\u003cstyle\u003e\u003c!--\n.desc {\n border: 1px solid #e8e5e2;\n border-radius: 10px;\n max-width: 400px;\n text-align:center;\n padding: 10px;\n display: block;\n margin: 0 auto;\n }\n .desc img{\n height:100px;\n }\n--\u003e\u003c\/style\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg style=\"float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/1A.png?v=1629815238\"\u003e\u003c\/div\u003e","published_at":"2021-08-24T12:00:39-05:00","created_at":"2021-08-24T09:28:30-05:00","vendor":"Green Hug","type":"Hoodie","tags":["car del valle","hoodies","mujer","Nuevas Colecciones"],"price":89000,"price_min":89000,"price_max":89000,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41117850796201,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Hoodie Parques Nacionales - Mujer - XS","public_title":"XS","options":["XS"],"price":89000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41117850828969,"title":"S","option1":"S","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Hoodie Parques Nacionales - Mujer - S","public_title":"S","options":["S"],"price":89000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41117850861737,"title":"M","option1":"M","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Hoodie Parques Nacionales - Mujer - M","public_title":"M","options":["M"],"price":89000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41117850894505,"title":"L","option1":"L","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Hoodie Parques Nacionales - Mujer - L","public_title":"L","options":["L"],"price":89000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41117850927273,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Hoodie Parques Nacionales - Mujer - XL","public_title":"XL","options":["XL"],"price":89000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_G.jpg?v=1633967930","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_Back_G.jpg?v=1633968467","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_front_G.jpg?v=1633968549","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/image_830e1aeb-03ed-48ab-8304-e00b4106593a.jpg?v=1633968559"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_G.jpg?v=1633967930","options":["Size"],"media":[{"alt":null,"id":26553424969897,"position":1,"preview_image":{"aspect_ratio":0.667,"height":1890,"width":1260,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_G.jpg?v=1633967930"},"aspect_ratio":0.667,"height":1890,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_G.jpg?v=1633967930","width":1260},{"alt":null,"id":26553497682089,"position":2,"preview_image":{"aspect_ratio":0.667,"height":1401,"width":934,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_Back_G.jpg?v=1633968467"},"aspect_ratio":0.667,"height":1401,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_Back_G.jpg?v=1633968467","width":934},{"alt":null,"id":26553507545257,"position":3,"preview_image":{"aspect_ratio":0.667,"height":1152,"width":768,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_front_G.jpg?v=1633968549"},"aspect_ratio":0.667,"height":1152,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_front_G.jpg?v=1633968549","width":768},{"alt":null,"id":26093996409001,"position":4,"preview_image":{"aspect_ratio":1.335,"height":959,"width":1280,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/image_830e1aeb-03ed-48ab-8304-e00b4106593a.jpg?v=1633968559"},"aspect_ratio":1.335,"height":959,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/image_830e1aeb-03ed-48ab-8304-e00b4106593a.jpg?v=1633968559","width":1280}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 style=\"text-align: left;\"\u003e\n\u003cstrong\u003eTALLAS UNISEX, REVISA LA GUÍA DE MEDIDAS:\u003c\/strong\u003e \u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/guias_talles_y_costuras_hoodie-05_480x480.jpg?v=1646942200\"\u003e\u003c\/p\u003e\n\u003ch5 data-mce-style=\"text-align: left;\"\u003e\u003cspan style=\"color: #002606;\"\u003e\u003cstrong\u003eParques Nacionales\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h5\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\n\u003cspan style=\"color: #23512a;\" data-mce-style=\"color: #23512a;\"\u003e\u003cstrong\u003eMEXICO\u003c\/strong\u003e\u003c\/span\u003e cuenta con todos los ecosistemas, volviéndolo un territorio de enorme biodiversidad.\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNuestros 67 \u003cspan style=\"color: #26562d;\"\u003e\u003cstrong\u003eParques Nacionales\u003c\/strong\u003e\u003c\/span\u003e protegen más de 16 millones de hectáreas de paisajes naturales.\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e¡Llévalos en tus aventuras con tu hoodie de materiales sustentables!\u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"modal modal__bg\" id=\"modal\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\n\u003cdiv class=\"modal__content\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/t\/4\/assets\/Tallaje_Hoodie_Green_Hug-11.png?v=1592581737\" style=\"height: 400px;\" data-mce-style=\"height: 400px;\"\u003e \u003ca class=\"modal__close demo-close\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"\"\u003e \u003cpath d=\"M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z\"\u003e\u003c\/path\u003e \u003cpath fill=\"none\" d=\"M0 0h24v24h-24z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle media=\"screen\"\u003e\u003c!--\n@media (max-width: 590px) {\n .modal__content img{\n height: 180px !important;\n}\n }\n\n.modal {\n will-change: visibility, opacity;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 1000;\n visibility: hidden;\n opacity: 0;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal--active {\n visibility: visible;\n opacity: 1;\n}\n.modal--align-top {\n align-items: flex-start;\n}\n.modal__bg {\n background: transparent;\n}\n.modal__dialog {\n max-width: 800px;\n padding: 1.2rem;\n text-align: center !important;\n}\n.modal__content {\n will-change: transform, opacity;\n position: relative;\n padding: 2.4rem !important;\n background: white;\n background-clip: padding-box;\n box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);\n opacity: 0;\n transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal__content--active {\n opacity: 1;\n}\n.modal-text{\nborder: 1px solid red;\n}\n.modal__close {\n z-index: 1100;\n cursor: pointer;\n}\n.modal__trigger {\n position: relative;\n display: inline-block;\n margin: 1 auto;\n padding: 1.2rem 2.4rem;\n color: white;\n background-color: #a9bb18;\n line-height: 1;\n cursor: pointer;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n border-radius:25px;\n position: relative; left: 50% !important;\ntransform: translateX(-50%) !important;\n}\n.modal__trigger p{\npadding-top:20px;\n}\n\n.modal__trigger--active {\n z-index: 10;\n}\n\n#modal__temp {\n will-change: transform, opacity;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: white;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.demo-btns header {\n padding: 7vh 10vw;\n background: #ffebee;\n display: flex;\n align-items: center;\n}\n.demo-btns header h1 {\n margin: 0;\n color: rgba(0,0,0,0.54);\n font-weight: 300;\n}\n.demo-btns .info {\n background: #f44336;\n padding: 3vh 10vw;\n height: 70vh;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column wrap;\n}\n@media (max-width: 700px) {\n .modal__content br{\n display: none !important;\n}\n\n}\n.demo-close {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1.2rem;\n padding: 0.6rem;\n background: rgba(0,0,0,0.3);\n border-radius: 50%;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.demo-close svg {\n width: 24px;\n fill: #fff;\n pointer-events: none;\n vertical-align: top;\n}\n.demo-close:hover {\n background: rgba(0,0,0,0.6);\n}\n--\u003e\u003c\/style\u003e\n\u003cstyle\u003e\u003c!--\n.desc {\n border: 1px solid #e8e5e2;\n border-radius: 10px;\n max-width: 400px;\n text-align:center;\n padding: 10px;\n display: block;\n margin: 0 auto;\n }\n .desc img{\n height:100px;\n }\n--\u003e\u003c\/style\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg style=\"float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/1A.png?v=1629815238\"\u003e\u003c\/div\u003e"}
{"id":7159178494121,"title":"Hoodie Parques Nacionales - Hombre","handle":"hoodie-parques-nacionales","description":"\u003ch5 style=\"text-align: center;\" data-mce-style=\"text-align: left;\"\u003e\u003cstrong\u003eTALLAS UNISEX, REVISA LA GUÍA DE MEDIDAS: \u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/guias_talles_y_costuras_hoodie-05_480x480.jpg?v=1646942200\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cstrong\u003eParques Nacionales\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\n\u003cspan style=\"color: #23512a;\" data-mce-style=\"color: #23512a;\"\u003e\u003cstrong\u003eMEXICO\u003c\/strong\u003e\u003c\/span\u003e cuenta con todos los ecosistemas, volviéndolo un territorio de enorme biodiversidad.\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNuestros 67 \u003cspan style=\"color: #26562d;\"\u003e\u003cstrong\u003eParques Nacionales\u003c\/strong\u003e\u003c\/span\u003e protegen más de 16 millones de hectáreas de paisajes naturales.\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e¡Llévalos en tus aventuras con tu hoodie de materiales sustentables!\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cstrong\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"modal modal__bg\" id=\"modal\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\n\u003cdiv class=\"modal__content\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/WhatsApp_Image_2021-08-24_at_12.46.46_PM.jpg?v=1629913521\" style=\"height: 400px;\" data-mce-style=\"height: 400px;\"\u003e \u003ca class=\"modal__close demo-close\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"\"\u003e \u003cpath d=\"M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z\"\u003e\u003c\/path\u003e \u003cpath fill=\"none\" d=\"M0 0h24v24h-24z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle media=\"screen\"\u003e\u003c!--\n@media (max-width: 590px) {\n .modal__content img{\n height: 180px !important;\n}\n }\n\n.modal {\n will-change: visibility, opacity;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 1000;\n visibility: hidden;\n opacity: 0;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal--active {\n visibility: visible;\n opacity: 1;\n}\n.modal--align-top {\n align-items: flex-start;\n}\n.modal__bg {\n background: transparent;\n}\n.modal__dialog {\n max-width: 800px;\n padding: 1.2rem;\n text-align: center !important;\n}\n.modal__content {\n will-change: transform, opacity;\n position: relative;\n padding: 2.4rem !important;\n background: white;\n background-clip: padding-box;\n box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);\n opacity: 0;\n transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal__content--active {\n opacity: 1;\n}\n.modal-text{\nborder: 1px solid red;\n}\n.modal__close {\n z-index: 1100;\n cursor: pointer;\n}\n.modal__trigger {\n position: relative;\n display: inline-block;\n margin: 1 auto;\n padding: 1.2rem 2.4rem;\n color: white;\n background-color: #a9bb18;\n line-height: 1;\n cursor: pointer;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n border-radius:25px;\n position: relative; left: 50% !important;\ntransform: translateX(-50%) !important;\n}\n.modal__trigger p{\npadding-top:20px;\n}\n\n.modal__trigger--active {\n z-index: 10;\n}\n\n#modal__temp {\n will-change: transform, opacity;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: white;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.demo-btns header {\n padding: 7vh 10vw;\n background: #ffebee;\n display: flex;\n align-items: center;\n}\n.demo-btns header h1 {\n margin: 0;\n color: rgba(0,0,0,0.54);\n font-weight: 300;\n}\n.demo-btns .info {\n background: #f44336;\n padding: 3vh 10vw;\n height: 70vh;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column wrap;\n}\n@media (max-width: 700px) {\n .modal__content br{\n display: none !important;\n}\n\n}\n.demo-close {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1.2rem;\n padding: 0.6rem;\n background: rgba(0,0,0,0.3);\n border-radius: 50%;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.demo-close svg {\n width: 24px;\n fill: #fff;\n pointer-events: none;\n vertical-align: top;\n}\n.demo-close:hover {\n background: rgba(0,0,0,0.6);\n}\n--\u003e\u003c\/style\u003e\n\u003cstyle\u003e\u003c!--\n.desc {\n border: 1px solid #e8e5e2;\n border-radius: 10px;\n max-width: 400px;\n text-align:center;\n padding: 10px;\n display: block;\n margin: 0 auto;\n }\n .desc img{\n height:100px;\n }\n--\u003e\u003c\/style\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg style=\"float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/1A.png?v=1629815238\"\u003e\u003c\/div\u003e","published_at":"2021-08-24T11:59:21-05:00","created_at":"2021-08-20T17:08:04-05:00","vendor":"Green Hug","type":"Hoodie","tags":["car del valle","hombre","hoodies","Nuevas Colecciones"],"price":89000,"price_min":89000,"price_max":89000,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41093209948329,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Hoodie Parques Nacionales - Hombre - XS","public_title":"XS","options":["XS"],"price":89000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41093209981097,"title":"S","option1":"S","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Hoodie Parques Nacionales - Hombre - S","public_title":"S","options":["S"],"price":89000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41093331583145,"title":"M","option1":"M","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Hoodie Parques Nacionales - Hombre - M","public_title":"M","options":["M"],"price":89000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41093355634857,"title":"L","option1":"L","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Hoodie Parques Nacionales - Hombre - L","public_title":"L","options":["L"],"price":89000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41093364711593,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Hoodie Parques Nacionales - Hombre - XL","public_title":"XL","options":["XL"],"price":89000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie.jpg?v=1633968640","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_Back.jpg?v=1633968613","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_front.jpg?v=1633968612","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/image_63a09e02-aa9c-477a-ac91-0e06e5795a59.jpg?v=1633968646"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie.jpg?v=1633968640","options":["Size"],"media":[{"alt":null,"id":26553522880681,"position":1,"preview_image":{"aspect_ratio":0.667,"height":1401,"width":934,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie.jpg?v=1633968640"},"aspect_ratio":0.667,"height":1401,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie.jpg?v=1633968640","width":934},{"alt":null,"id":26553517408425,"position":2,"preview_image":{"aspect_ratio":0.667,"height":1401,"width":934,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_Back.jpg?v=1633968613"},"aspect_ratio":0.667,"height":1401,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_Back.jpg?v=1633968613","width":934},{"alt":null,"id":26553517441193,"position":3,"preview_image":{"aspect_ratio":0.667,"height":1401,"width":934,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_front.jpg?v=1633968612"},"aspect_ratio":0.667,"height":1401,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/Hoodie_front.jpg?v=1633968612","width":934},{"alt":null,"id":26093990052009,"position":4,"preview_image":{"aspect_ratio":1.335,"height":959,"width":1280,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/image_63a09e02-aa9c-477a-ac91-0e06e5795a59.jpg?v=1633968646"},"aspect_ratio":1.335,"height":959,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/image_63a09e02-aa9c-477a-ac91-0e06e5795a59.jpg?v=1633968646","width":1280}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch5 style=\"text-align: center;\" data-mce-style=\"text-align: left;\"\u003e\u003cstrong\u003eTALLAS UNISEX, REVISA LA GUÍA DE MEDIDAS: \u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/guias_talles_y_costuras_hoodie-05_480x480.jpg?v=1646942200\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cstrong\u003eParques Nacionales\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\n\u003cspan style=\"color: #23512a;\" data-mce-style=\"color: #23512a;\"\u003e\u003cstrong\u003eMEXICO\u003c\/strong\u003e\u003c\/span\u003e cuenta con todos los ecosistemas, volviéndolo un territorio de enorme biodiversidad.\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNuestros 67 \u003cspan style=\"color: #26562d;\"\u003e\u003cstrong\u003eParques Nacionales\u003c\/strong\u003e\u003c\/span\u003e protegen más de 16 millones de hectáreas de paisajes naturales.\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e¡Llévalos en tus aventuras con tu hoodie de materiales sustentables!\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cstrong\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"modal modal__bg\" id=\"modal\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\n\u003cdiv class=\"modal__content\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/WhatsApp_Image_2021-08-24_at_12.46.46_PM.jpg?v=1629913521\" style=\"height: 400px;\" data-mce-style=\"height: 400px;\"\u003e \u003ca class=\"modal__close demo-close\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"\"\u003e \u003cpath d=\"M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z\"\u003e\u003c\/path\u003e \u003cpath fill=\"none\" d=\"M0 0h24v24h-24z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle media=\"screen\"\u003e\u003c!--\n@media (max-width: 590px) {\n .modal__content img{\n height: 180px !important;\n}\n }\n\n.modal {\n will-change: visibility, opacity;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 1000;\n visibility: hidden;\n opacity: 0;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal--active {\n visibility: visible;\n opacity: 1;\n}\n.modal--align-top {\n align-items: flex-start;\n}\n.modal__bg {\n background: transparent;\n}\n.modal__dialog {\n max-width: 800px;\n padding: 1.2rem;\n text-align: center !important;\n}\n.modal__content {\n will-change: transform, opacity;\n position: relative;\n padding: 2.4rem !important;\n background: white;\n background-clip: padding-box;\n box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);\n opacity: 0;\n transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal__content--active {\n opacity: 1;\n}\n.modal-text{\nborder: 1px solid red;\n}\n.modal__close {\n z-index: 1100;\n cursor: pointer;\n}\n.modal__trigger {\n position: relative;\n display: inline-block;\n margin: 1 auto;\n padding: 1.2rem 2.4rem;\n color: white;\n background-color: #a9bb18;\n line-height: 1;\n cursor: pointer;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n border-radius:25px;\n position: relative; left: 50% !important;\ntransform: translateX(-50%) !important;\n}\n.modal__trigger p{\npadding-top:20px;\n}\n\n.modal__trigger--active {\n z-index: 10;\n}\n\n#modal__temp {\n will-change: transform, opacity;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: white;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.demo-btns header {\n padding: 7vh 10vw;\n background: #ffebee;\n display: flex;\n align-items: center;\n}\n.demo-btns header h1 {\n margin: 0;\n color: rgba(0,0,0,0.54);\n font-weight: 300;\n}\n.demo-btns .info {\n background: #f44336;\n padding: 3vh 10vw;\n height: 70vh;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column wrap;\n}\n@media (max-width: 700px) {\n .modal__content br{\n display: none !important;\n}\n\n}\n.demo-close {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1.2rem;\n padding: 0.6rem;\n background: rgba(0,0,0,0.3);\n border-radius: 50%;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.demo-close svg {\n width: 24px;\n fill: #fff;\n pointer-events: none;\n vertical-align: top;\n}\n.demo-close:hover {\n background: rgba(0,0,0,0.6);\n}\n--\u003e\u003c\/style\u003e\n\u003cstyle\u003e\u003c!--\n.desc {\n border: 1px solid #e8e5e2;\n border-radius: 10px;\n max-width: 400px;\n text-align:center;\n padding: 10px;\n display: block;\n margin: 0 auto;\n }\n .desc img{\n height:100px;\n }\n--\u003e\u003c\/style\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg style=\"float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/1A.png?v=1629815238\"\u003e\u003c\/div\u003e"}
{"id":7035217871017,"title":"Peanuts \"Take Care of the Earth 2.0\" Black Sand - Mujer","handle":"peanuts-take-care-of-the-earth-2-0-black-sand-mujer","description":"\u003ch1 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003c\/h1\u003e\n\u003ch5 style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003e\n\u003cstrong\u003eFeris mide 1.76m y está usando la talla M\u003c\/strong\u003e.\u003c\/h5\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/infoeveryday.png?v=1614361514\"\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"modal modal__bg\" id=\"modal\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\n\u003cdiv class=\"modal__content\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Everyday_Guia_de_Medidas-04.png?v=1625002706\" style=\"height: 400px;\"\u003e \u003ca class=\"modal__close demo-close\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"\"\u003e \u003cpath d=\"M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z\"\u003e\u003c\/path\u003e \u003cpath fill=\"none\" d=\"M0 0h24v24h-24z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle media=\"screen\"\u003e\u003c!--\n@media (max-width: 590px) {\n .modal__content img{\n height: 180px !important;\n}\n }\n\n.modal {\n will-change: visibility, opacity;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 1000;\n visibility: hidden;\n opacity: 0;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal--active {\n visibility: visible;\n opacity: 1;\n}\n.modal--align-top {\n align-items: flex-start;\n}\n.modal__bg {\n background: transparent;\n}\n.modal__dialog {\n max-width: 800px;\n padding: 1.2rem;\n text-align: center !important;\n}\n.modal__content {\n will-change: transform, opacity;\n position: relative;\n padding: 2.4rem !important;\n background: white;\n background-clip: padding-box;\n box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);\n opacity: 0;\n transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal__content--active {\n opacity: 1;\n}\n.modal-text{\nborder: 1px solid red;\n}\n.modal__close {\n z-index: 1100;\n cursor: pointer;\n}\n.modal__trigger {\n position: relative;\n display: inline-block;\n margin: 1 auto;\n padding: 1.2rem 2.4rem;\n color: white;\n background-color: #a9bb18;\n line-height: 1;\n cursor: pointer;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n border-radius:25px;\n position: relative; left: 50% !important;\ntransform: translateX(-50%) !important;\n}\n.modal__trigger p{\npadding-top:20px;\n}\n\n.modal__trigger--active {\n z-index: 10;\n}\n\n#modal__temp {\n will-change: transform, opacity;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: white;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.demo-btns header {\n padding: 7vh 10vw;\n background: #ffebee;\n display: flex;\n align-items: center;\n}\n.demo-btns header h1 {\n margin: 0;\n color: rgba(0,0,0,0.54);\n font-weight: 300;\n}\n.demo-btns .info {\n background: #f44336;\n padding: 3vh 10vw;\n height: 70vh;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column wrap;\n}\n@media (max-width: 700px) {\n .modal__content br{\n display: none !important;\n}\n\n}\n.demo-close {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1.2rem;\n padding: 0.6rem;\n background: rgba(0,0,0,0.3);\n border-radius: 50%;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.demo-close svg {\n width: 24px;\n fill: #fff;\n pointer-events: none;\n vertical-align: top;\n}\n.demo-close:hover {\n background: rgba(0,0,0,0.6);\n}\n--\u003e\u003c\/style\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e\n\u003cstyle\u003e\u003c!--\n.desc {\n border: 1px solid #e8e5e2;\n border-radius: 10px;\n max-width: 400px;\n text-align:center;\n padding: 10px;\n display: block;\n margin: 0 auto;\n }\n .desc img{\n height:100px;\n }\n--\u003e\u003c\/style\u003e","published_at":"2022-07-08T09:55:08-05:00","created_at":"2021-06-16T13:34:25-05:00","vendor":"Green Hug","type":"playera","tags":["mujer","Nuevas Colecciones"],"price":39900,"price_min":39900,"price_max":39900,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":40664393679017,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":false,"name":"Peanuts \"Take Care of the Earth 2.0\" Black Sand - Mujer - XS","public_title":"XS","options":["XS"],"price":39900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":40664393711785,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Peanuts \"Take Care of the Earth 2.0\" Black Sand - Mujer - S","public_title":"S","options":["S"],"price":39900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":40664393744553,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Peanuts \"Take Care of the Earth 2.0\" Black Sand - Mujer - M","public_title":"M","options":["M"],"price":39900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":40664393777321,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":false,"name":"Peanuts \"Take Care of the Earth 2.0\" Black Sand - Mujer - L","public_title":"L","options":["L"],"price":39900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":40664393810089,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":false,"name":"Peanuts \"Take Care of the Earth 2.0\" Black Sand - Mujer - XL","public_title":"XL","options":["XL"],"price":39900,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/mujer_tierra_frente2.jpg?v=1630693420","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/mujer_tierra_frente.jpg?v=1630693420","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/mujer_tierra_lado.jpg?v=1630693420","\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_0032.jpg?v=1630693420"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/mujer_tierra_frente2.jpg?v=1630693420","options":["Size"],"media":[{"alt":null,"id":26091761762473,"position":1,"preview_image":{"aspect_ratio":0.667,"height":1401,"width":934,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/mujer_tierra_frente2.jpg?v=1630693420"},"aspect_ratio":0.667,"height":1401,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/mujer_tierra_frente2.jpg?v=1630693420","width":934},{"alt":null,"id":26091761795241,"position":2,"preview_image":{"aspect_ratio":0.667,"height":1401,"width":934,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/mujer_tierra_frente.jpg?v=1630693420"},"aspect_ratio":0.667,"height":1401,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/mujer_tierra_frente.jpg?v=1630693420","width":934},{"alt":null,"id":26091761828009,"position":3,"preview_image":{"aspect_ratio":0.667,"height":1401,"width":934,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/mujer_tierra_lado.jpg?v=1630693420"},"aspect_ratio":0.667,"height":1401,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/mujer_tierra_lado.jpg?v=1630693420","width":934},{"alt":null,"id":25324743164073,"position":4,"preview_image":{"aspect_ratio":1.0,"height":4269,"width":4269,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_0032.jpg?v=1630693420"},"aspect_ratio":1.0,"height":4269,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/products\/IMG_0032.jpg?v=1630693420","width":4269}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch1 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003c\/h1\u003e\n\u003ch5 style=\"text-align: center;\"\u003eRevisa la Guía de Medidas.\u003c\/h5\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Guia_tallas_Mujer_cuello_redondo_480x480.jpg?v=1646927481\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\"\u003e\n\u003cstrong\u003eFeris mide 1.76m y está usando la talla M\u003c\/strong\u003e.\u003c\/h5\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/infoeveryday.png?v=1614361514\"\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"modal modal__bg\" id=\"modal\"\u003e\n\u003cdiv class=\"modal__dialog\"\u003e\n\u003cdiv class=\"modal__content\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/7287\/3018\/files\/Everyday_Guia_de_Medidas-04.png?v=1625002706\" style=\"height: 400px;\"\u003e \u003ca class=\"modal__close demo-close\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"\"\u003e \u003cpath d=\"M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z\"\u003e\u003c\/path\u003e \u003cpath fill=\"none\" d=\"M0 0h24v24h-24z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle media=\"screen\"\u003e\u003c!--\n@media (max-width: 590px) {\n .modal__content img{\n height: 180px !important;\n}\n }\n\n.modal {\n will-change: visibility, opacity;\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 1000;\n visibility: hidden;\n opacity: 0;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal--active {\n visibility: visible;\n opacity: 1;\n}\n.modal--align-top {\n align-items: flex-start;\n}\n.modal__bg {\n background: transparent;\n}\n.modal__dialog {\n max-width: 800px;\n padding: 1.2rem;\n text-align: center !important;\n}\n.modal__content {\n will-change: transform, opacity;\n position: relative;\n padding: 2.4rem !important;\n background: white;\n background-clip: padding-box;\n box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);\n opacity: 0;\n transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);\ntext-align: center !important;\n}\n.modal__content--active {\n opacity: 1;\n}\n.modal-text{\nborder: 1px solid red;\n}\n.modal__close {\n z-index: 1100;\n cursor: pointer;\n}\n.modal__trigger {\n position: relative;\n display: inline-block;\n margin: 1 auto;\n padding: 1.2rem 2.4rem;\n color: white;\n background-color: #a9bb18;\n line-height: 1;\n cursor: pointer;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n border-radius:25px;\n position: relative; left: 50% !important;\ntransform: translateX(-50%) !important;\n}\n.modal__trigger p{\npadding-top:20px;\n}\n\n.modal__trigger--active {\n z-index: 10;\n}\n\n#modal__temp {\n will-change: transform, opacity;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: white;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.demo-btns header {\n padding: 7vh 10vw;\n background: #ffebee;\n display: flex;\n align-items: center;\n}\n.demo-btns header h1 {\n margin: 0;\n color: rgba(0,0,0,0.54);\n font-weight: 300;\n}\n.demo-btns .info {\n background: #f44336;\n padding: 3vh 10vw;\n height: 70vh;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column wrap;\n}\n@media (max-width: 700px) {\n .modal__content br{\n display: none !important;\n}\n\n}\n.demo-close {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1.2rem;\n padding: 0.6rem;\n background: rgba(0,0,0,0.3);\n border-radius: 50%;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.demo-close svg {\n width: 24px;\n fill: #fff;\n pointer-events: none;\n vertical-align: top;\n}\n.demo-close:hover {\n background: rgba(0,0,0,0.6);\n}\n--\u003e\u003c\/style\u003e\n\u003cscript type=\"text\/javascript\"\u003e\/\/ \u003c![CDATA[\nvar Modal = (function() {\n\n var trigger = $qsa('.modal__trigger'); \/\/ what you click to activate the modal\n var modals = $qsa('.modal'); \/\/ the entire modal (takes up entire window)\n var modalsbg = $qsa('.modal__bg'); \/\/ the entire modal (takes up entire window)\n var content = $qsa('.modal__content'); \/\/ the inner content of the modal\n var closers = $qsa('.modal__close'); \/\/ an element used to close the modal\n var w = window;\n var isOpen = false;\n var contentDelay = 400; \/\/ duration after you click the button and wait for the content to show\n var len = trigger.length;\n\n \/\/ make it easier for yourself by not having to type as much to select an element\n function $qsa(el) {\n return document.querySelectorAll(el);\n }\n\n var getId = function(event) {\n\n event.preventDefault();\n var self = this;\n \/\/ get the value of the data-modal attribute from the button\n var modalId = self.dataset.modal;\n var len = modalId.length;\n \/\/ remove the '#' from the string\n var modalIdTrimmed = modalId.substring(1, len);\n \/\/ select the modal we want to activate\n var modal = document.getElementById(modalIdTrimmed);\n \/\/ execute function that creates the temporary expanding div\n makeDiv(self, modal);\n };\n\n var makeDiv = function(self, modal) {\n\n var fakediv = document.getElementById('modal__temp');\n\n \/**\n * if there isn't a 'fakediv', create one and append it to the button that was\n * clicked. after that execute the function 'moveTrig' which handles the animations.\n *\/\n\n if (fakediv === null) {\n var div = document.createElement('div');\n div.id = 'modal__temp';\n self.appendChild(div);\n moveTrig(self, modal, div);\n }\n };\n\n var moveTrig = function(trig, modal, div) {\n var trigProps = trig.getBoundingClientRect();\n var m = modal;\n var mProps = m.querySelector('.modal__content').getBoundingClientRect();\n var transX, transY, scaleX, scaleY;\n var xc = w.innerWidth \/ 2;\n var yc = w.innerHeight \/ 2;\n\n \/\/ this class increases z-index value so the button goes overtop the other buttons\n trig.classList.add('modal__trigger--active');\n\n \/\/ these values are used for scale the temporary div to the same size as the modal\n scaleX = mProps.width \/ trigProps.width;\n scaleY = mProps.height \/ trigProps.height;\n\n scaleX = scaleX.toFixed(3); \/\/ round to 3 decimal places\n scaleY = scaleY.toFixed(3);\n\n\n \/\/ these values are used to move the button to the center of the window\n transX = Math.round(xc - trigProps.left - trigProps.width \/ 2);\n transY = Math.round(yc - trigProps.top - trigProps.height \/ 2);\n\n \/\/ if the modal is aligned to the top then move the button to the center-y of the modal instead of the window\n if (m.classList.contains('modal--align-top')) {\n transY = Math.round(mProps.height \/ 2 + mProps.top - trigProps.top - trigProps.height \/ 2);\n }\n\n\n \/\/ translate button to center of screen\n trig.style.transform = 'translate(' + transX + 'px, ' + transY + 'px)';\n trig.style.webkitTransform = 'translate(' + transX + 'px, ' + transY + 'px)';\n \/\/ expand temporary div to the same size as the modal\n div.style.transform = 'scale(' + scaleX + ',' + scaleY + ')';\n div.style.webkitTransform = 'scale(' + scaleX + ',' + scaleY + ')';\n\n\n window.setTimeout(function() {\n window.requestAnimationFrame(function() {\n open(m, div);\n });\n }, contentDelay);\n\n };\n\n var open = function(m, div) {\n\n if (!isOpen) {\n \/\/ select the content inside the modal\n var content = m.querySelector('.modal__content');\n \/\/ reveal the modal\n m.classList.add('modal--active');\n \/\/ reveal the modal content\n content.classList.add('modal__content--active');\n\n \/**\n * when the modal content is finished transitioning, fadeout the temporary\n * expanding div so when the window resizes it isn't visible ( it doesn't\n * move with the window).\n *\/\n\n content.addEventListener('transitionend', hideDiv, false);\n\n isOpen = true;\n }\n\n function hideDiv() {\n \/\/ fadeout div so that it can't be seen when the window is resized\n div.style.opacity = '0';\n content.removeEventListener('transitionend', hideDiv, false);\n }\n };\n\n var close = function(event) {\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var target = event.target;\n var div = document.getElementById('modal__temp');\n\n \/**\n * make sure the modal__bg or modal__close was clicked, we don't want to be able to click\n * inside the modal and have it close.\n *\/\n\n if (isOpen \u0026\u0026 target.classList.contains('modal__bg') || target.classList.contains('modal__close')) {\n\n \/\/ make the hidden div visible again and remove the transforms so it scales back to its original size\n div.style.opacity = '1';\n div.removeAttribute('style');\n\n \/**\n * iterate through the modals and modal contents and triggers to remove their active classes.\n * remove the inline css from the trigger to move it back into its original position.\n *\/\n\n for (var i = 0; i \u003c len; i++) {\n modals[i].classList.remove('modal--active');\n content[i].classList.remove('modal__content--active');\n trigger[i].style.transform = 'none';\n trigger[i].style.webkitTransform = 'none';\n trigger[i].classList.remove('modal__trigger--active');\n }\n\n \/\/ when the temporary div is opacity:1 again, we want to remove it from the dom\n div.addEventListener('transitionend', removeDiv, false);\n\n isOpen = false;\n\n }\n\n function removeDiv() {\n setTimeout(function() {\n window.requestAnimationFrame(function() {\n \/\/ remove the temp div from the dom with a slight delay so the animation looks good\n div.remove();\n });\n }, contentDelay - 50);\n }\n\n };\n\n var bindActions = function() {\n for (var i = 0; i \u003c len; i++) {\n trigger[i].addEventListener('click', getId, false);\n closers[i].addEventListener('click', close, false);\n modalsbg[i].addEventListener('click', close, false);\n }\n };\n\n var init = function() {\n bindActions();\n };\n\n return {\n init: init\n };\n\n }());\n\n Modal.init();\n\/\/ ]]\u003e\u003c\/script\u003e\n\u003cstyle\u003e\u003c!--\n.desc {\n border: 1px solid #e8e5e2;\n border-radius: 10px;\n max-width: 400px;\n text-align:center;\n padding: 10px;\n display: block;\n margin: 0 auto;\n }\n .desc img{\n height:100px;\n }\n--\u003e\u003c\/style\u003e"}