{"product_id":"kit-de-manualidades-con-perlas-magicas-de-agua","title":"Kit de Manualidades con Perlas Mágicas de Agua","description":"\n\u003csection id=\"mg-magic-3127\" class=\"mg3127\"\u003e\n\u003cstyle\u003e\n#mg-magic-3127 {\n  --green:#08A56E;\n  --green-dark:#087E55;\n  --dark:#183B2D;\n  --text:#3D5046;\n  --muted:#687B70;\n  --soft:#F2FAF6;\n  --border:#DDEAE2;\n  font-family:'Poppins',Arial,sans-serif;\n  color:var(--text);\n  background:#fff;\n  line-height:1.65;\n  width:100%;\n}\n#mg-magic-3127 *,\n#mg-magic-3127 *:before,\n#mg-magic-3127 *:after{box-sizing:border-box}\n#mg-magic-3127 h2,\n#mg-magic-3127 h3,\n#mg-magic-3127 p{margin:0;padding:0}\n#mg-magic-3127 h2,\n#mg-magic-3127 h3{\n  color:var(--dark);\n  line-height:1.2;\n  font-family:inherit;\n  text-transform:none;\n  letter-spacing:-.4px;\n}\n#mg-magic-3127 button{font-family:inherit}\n#mg-magic-3127 .mg-wrap{\n  max-width:980px;\n  margin:auto;\n  padding:0 20px;\n}\n#mg-magic-3127 .mg-section{padding:52px 0}\n#mg-magic-3127 .mg-soft{background:var(--soft)}\n#mg-magic-3127 .mg-center{text-align:center}\n#mg-magic-3127 .mg-tag{\n  display:inline-block;\n  font-size:11px;\n  font-weight:750;\n  letter-spacing:1.2px;\n  text-transform:uppercase;\n  color:var(--green);\n  margin-bottom:13px;\n}\n#mg-magic-3127 .mg-title{\n  font-size:clamp(27px,3.7vw,39px);\n  font-weight:750;\n  margin-bottom:15px;\n}\n#mg-magic-3127 .mg-desc{\n  max-width:660px;\n  margin:0 auto;\n  font-size:15px;\n  line-height:1.8;\n}\n#mg-magic-3127 .mg-hero{\n  padding:58px 0 48px;\n  text-align:center;\n  background:linear-gradient(180deg,#EBF9F1 0%,#fff 100%);\n}\n#mg-magic-3127 .mg-hero h2{\n  max-width:760px;\n  margin:0 auto 19px;\n  font-size:clamp(34px,5vw,53px);\n  font-weight:800;\n  letter-spacing:-1.5px;\n}\n#mg-magic-3127 .mg-hero p{\n  max-width:620px;\n  margin:0 auto;\n  font-size:16px;\n  line-height:1.8;\n}\n#mg-magic-3127 .mg-pills{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:9px;\n  margin-top:24px;\n}\n#mg-magic-3127 .mg-pills span{\n  border:1px solid var(--border);\n  background:#fff;\n  color:var(--dark);\n  border-radius:40px;\n  padding:8px 15px;\n  font-size:12px;\n  font-weight:650;\n}\n\n\/* VIDEO *\/\n#mg-magic-3127 .mg-video-wrap{\n  max-width:490px;\n  margin:30px auto 0;\n  padding:7px;\n  border-radius:20px;\n  border:1px solid var(--border);\n  background:#fff;\n  box-shadow:0 14px 35px rgba(13,91,56,.08);\n}\n#mg-magic-3127 .mg-video-wrap video{\n  display:block;\n  width:100%;\n  height:auto;\n  border-radius:14px;\n  background:#F5F7F6;\n}\n#mg-magic-3127 .mg-video-note{\n  margin-top:13px;\n  font-size:13px;\n  color:var(--muted);\n}\n\n\/* PASOS *\/\n#mg-magic-3127 .mg-steps{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:14px;\n  margin-top:32px;\n}\n#mg-magic-3127 .mg-step{\n  background:#fff;\n  border:1px solid var(--border);\n  border-radius:16px;\n  padding:23px 20px;\n  text-align:left;\n}\n#mg-magic-3127 .mg-number{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#E4F7ED;\n  color:var(--green);\n  font-size:15px;\n  font-weight:800;\n  width:38px;\n  height:38px;\n  border-radius:12px;\n  margin-bottom:17px;\n}\n#mg-magic-3127 .mg-step h3{\n  font-size:17px;\n  margin-bottom:8px;\n}\n#mg-magic-3127 .mg-step p{\n  font-size:13px;\n  line-height:1.7;\n  color:var(--muted);\n}\n\n\/* BENEFICIOS *\/\n#mg-magic-3127 .mg-benefits{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:16px;\n  margin-top:30px;\n}\n#mg-magic-3127 .mg-benefit{\n  background:#fff;\n  border:1px solid var(--border);\n  border-radius:16px;\n  padding:25px 20px;\n  text-align:left;\n}\n#mg-magic-3127 .mg-benefit-icon{\n  width:40px;\n  height:40px;\n  border-radius:13px;\n  background:#E4F7ED;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--green);\n  margin-bottom:17px;\n}\n#mg-magic-3127 .mg-benefit-icon svg{\n  width:21px;height:21px;\n  fill:none;stroke:currentColor;\n  stroke-width:1.8;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n#mg-magic-3127 .mg-benefit h3{\n  font-size:17px;\n  margin-bottom:8px;\n}\n#mg-magic-3127 .mg-benefit p{\n  font-size:13px;\n  color:var(--muted);\n  line-height:1.75;\n}\n\n\/* HISTORIA *\/\n#mg-magic-3127 .mg-story{\n  max-width:660px;\n  margin:0 auto;\n}\n#mg-magic-3127 .mg-story p{\n  margin-top:17px;\n  font-size:15px;\n  line-height:1.85;\n}\n#mg-magic-3127 .mg-contents{\n  max-width:670px;\n  margin:26px auto 0;\n  padding:23px;\n  background:var(--soft);\n  border-radius:15px;\n  text-align:left;\n}\n#mg-magic-3127 .mg-contents strong{\n  display:block;\n  margin-bottom:7px;\n  color:var(--dark);\n  font-size:15px;\n}\n#mg-magic-3127 .mg-contents p{\n  font-size:14px;\n  line-height:1.8;\n}\n\n\/* SELECCION *\/\n#mg-magic-3127 .mg-selectbox{\n  max-width:590px;\n  margin:26px auto 0;\n  padding:24px;\n  background:#fff;\n  border:1px solid var(--border);\n  border-radius:20px;\n  text-align:center;\n}\n#mg-magic-3127 .mg-choose{\n  font-size:14px;\n  font-weight:700;\n  color:var(--dark);\n  margin-bottom:15px;\n}\n#mg-magic-3127 .mg-colors{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:12px;\n}\n#mg-magic-3127 .mg-color{\n  position:relative;\n  display:flex;\n  align-items:center;\n  flex-direction:column;\n  justify-content:center;\n  gap:9px;\n  border:2px solid #E1EAE4;\n  border-radius:15px;\n  background:#fff;\n  padding:19px 8px;\n  cursor:pointer;\n  color:var(--dark);\n  font-weight:700;\n  font-size:14px;\n  transition:border-color .2s,background .2s;\n}\n#mg-magic-3127 .mg-color:hover{\n  border-color:#8DCEAD;\n}\n#mg-magic-3127 .mg-color.active{\n  border-color:var(--green);\n  background:#F0FAF5;\n}\n#mg-magic-3127 .mg-color .mg-swatch{\n  width:42px;\n  height:42px;\n  border-radius:50%;\n  border:3px solid #fff;\n  box-shadow:0 0 0 1px #DDE8E2;\n}\n#mg-magic-3127 .mg-blue{\n  background:linear-gradient(135deg,#B6DEFF,#66A8E8);\n}\n#mg-magic-3127 .mg-pink{\n  background:linear-gradient(135deg,#FFD5E4,#EE90B4);\n}\n#mg-magic-3127 .mg-color .mg-tick{\n  position:absolute;\n  right:11px;top:9px;\n  color:var(--green);\n  opacity:0;\n  font-size:17px;\n}\n#mg-magic-3127 .mg-color.active .mg-tick{\n  opacity:1;\n}\n#mg-magic-3127 .mg-selectnote{\n  margin-top:14px;\n  font-size:12px;\n  color:var(--muted);\n}\n#mg-magic-3127 .mg-atc{\n  width:100%;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  gap:13px;\n  min-height:56px;\n  padding:15px 18px;\n  background:var(--green);\n  color:#fff;\n  border:0;\n  border-radius:12px;\n  font-size:16px;\n  font-weight:750;\n  cursor:pointer;\n  margin-top:20px;\n  transition:background .2s;\n}\n#mg-magic-3127 .mg-atc:hover{background:var(--green-dark)}\n#mg-magic-3127 .mg-atc:disabled{opacity:.55;cursor:wait}\n#mg-magic-3127 .mg-atc svg{\n  width:20px;height:20px;\n  fill:none;stroke:currentColor;\n  stroke-width:1.9;\n  stroke-linejoin:round;\n  stroke-linecap:round;\n}\n#mg-magic-3127 .mg-status{\n  font-size:12px;\n  min-height:18px;\n  margin-top:12px;\n  color:var(--muted);\n}\n\n\/* FAQ *\/\n#mg-magic-3127 .mg-faq{\n  max-width:760px;\n  margin:25px auto 0;\n}\n#mg-magic-3127 .mg-faq details{\n  border-bottom:1px solid var(--border);\n  padding:18px 0;\n}\n#mg-magic-3127 .mg-faq summary{\n  position:relative;\n  padding-right:32px;\n  font-size:15px;\n  font-weight:700;\n  color:var(--dark);\n  cursor:pointer;\n  list-style:none;\n  text-align:left;\n}\n#mg-magic-3127 .mg-faq summary::-webkit-details-marker{\n  display:none;\n}\n#mg-magic-3127 .mg-faq summary:after{\n  content:\"+\";\n  position:absolute;\n  right:0;top:0;\n  font-size:22px;\n  color:var(--green);\n  font-weight:400;\n}\n#mg-magic-3127 .mg-faq details[open] summary:after{\n  content:\"−\";\n}\n#mg-magic-3127 .mg-faq details p{\n  text-align:left;\n  margin-top:12px;\n  color:var(--muted);\n  font-size:14px;\n  line-height:1.8;\n}\n\n\/* CARRITO *\/\n#mg-magic-3127 .mg-overlay{\n  position:fixed;\n  inset:0;\n  z-index:2147483000;\n  background:rgba(0,0,0,.38);\n  opacity:0;\n  visibility:hidden;\n  transition:.25s;\n}\n#mg-magic-3127 .mg-overlay.open{\n  opacity:1;\n  visibility:visible;\n}\n#mg-magic-3127 .mg-drawer{\n  position:fixed;\n  top:0;right:0;bottom:0;\n  width:min(410px,100%);\n  z-index:2147483001;\n  background:white;\n  transform:translateX(105%);\n  transition:transform .3s;\n  display:flex;\n  flex-direction:column;\n  box-shadow:-12px 0 35px rgba(0,0,0,.12);\n}\n#mg-magic-3127 .mg-drawer.open{\n  transform:translateX(0);\n}\n#mg-magic-3127 .mg-drawer-head{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  padding:22px;\n  border-bottom:1px solid var(--border);\n}\n#mg-magic-3127 .mg-drawer-head strong{\n  font-size:19px;color:var(--dark);\n}\n#mg-magic-3127 .mg-close{\n  background:none;border:0;\n  font-size:27px;cursor:pointer;\n  color:var(--dark);\n}\n#mg-magic-3127 .mg-drawer-body{\n  overflow-y:auto;\n  padding:20px;\n  flex:1;\n}\n#mg-magic-3127 .mg-cart-item{\n  display:flex;\n  gap:13px;\n  padding:14px 0;\n  border-bottom:1px solid var(--border);\n}\n#mg-magic-3127 .mg-cart-item img{\n  width:75px;height:75px;\n  object-fit:contain;\n  background:var(--soft);\n  border-radius:9px;\n}\n#mg-magic-3127 .mg-cart-info{\n  flex:1;\n  font-size:13px;\n}\n#mg-magic-3127 .mg-cart-info strong{\n  display:block;\n  color:var(--dark);\n  line-height:1.4;\n}\n#mg-magic-3127 .mg-cart-footer{\n  padding:20px;\n  border-top:1px solid var(--border);\n}\n#mg-magic-3127 .mg-cart-total{\n  display:flex;\n  justify-content:space-between;\n  font-weight:750;\n  color:var(--dark);\n}\n#mg-magic-3127 .mg-cart-link{\n  display:block;\n  text-align:center;\n  margin-top:14px;\n  padding:14px;\n  border-radius:10px;\n  text-decoration:none;\n  background:var(--green);\n  color:#fff;\n  font-weight:700;\n}\n#mg-magic-3127 .mg-secondary-link{\n  display:block;\n  margin-top:12px;\n  text-align:center;\n  font-size:13px;\n  color:var(--dark);\n  text-decoration:underline;\n}\n@media(max-width:700px){\n  #mg-magic-3127 .mg-section{padding:40px 0}\n  #mg-magic-3127 .mg-hero{padding:44px 0 36px}\n  #mg-magic-3127 .mg-hero h2{\n    font-size:35px;letter-spacing:-1px;\n  }\n  #mg-magic-3127 .mg-hero p{font-size:15px}\n  #mg-magic-3127 .mg-steps,\n  #mg-magic-3127 .mg-benefits{\n    grid-template-columns:1fr;\n  }\n  #mg-magic-3127 .mg-step,\n  #mg-magic-3127 .mg-benefit{\n    padding:20px;\n  }\n  #mg-magic-3127 .mg-video-wrap{\n    max-width:100%;\n  }\n  #mg-magic-3127 .mg-selectbox{padding:16px}\n  #mg-magic-3127 .mg-color{\n    padding:18px 5px;\n    font-size:13px;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"mg-hero\"\u003e\n  \u003cdiv class=\"mg-wrap\"\u003e\n    \u003cspan class=\"mg-tag\"\u003eKit de cuentas mágicas de agua\u003c\/span\u003e\n    \u003ch2\u003e¡Un poquito de agua y empieza la magia!\u003c\/h2\u003e\n    \u003cp\u003e\n      Pequeñas cuentas de colores que se transforman en figuras increíbles.\n      Elegí un diseño, acomodá las cuentas y agregá agua para que se unan.\n    \u003c\/p\u003e\n    \u003cdiv class=\"mg-pills\"\u003e\n      \u003cspan\u003eSin pegamento\u003c\/span\u003e\n      \u003cspan\u003eSin plancha\u003c\/span\u003e\n      \u003cspan\u003ePara mayores de 6 años\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- VIDEO --\u003e\n\u003cdiv class=\"mg-section\"\u003e\n  \u003cdiv class=\"mg-wrap mg-center\"\u003e\n    \u003cspan class=\"mg-tag\"\u003eMirá cómo funciona\u003c\/span\u003e\n    \u003ch2 class=\"mg-title\"\u003eLa magia ocurre con agua\u003c\/h2\u003e\n    \u003cp class=\"mg-desc\"\u003e\n      De bolitas sueltas a una figura creada con sus propias manos.\n      Mirá lo fácil que es transformar los colores en una creación.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"mg-video-wrap\"\u003e\n      \u003cvideo autoplay muted loop playsinline preload=\"metadata\" disablepictureinpicture aria-label=\"Demostración de las cuentas mágicas\"\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/f66f9e4ca117460392753639860a3ef2.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mg-video-note\"\u003e\n      Sin pegamento, sin plancha: las cuentas se unen con agua.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- PASOS --\u003e\n\u003cdiv class=\"mg-section mg-soft\"\u003e\n  \u003cdiv class=\"mg-wrap mg-center\"\u003e\n    \u003cspan class=\"mg-tag\"\u003ePaso a paso\u003c\/span\u003e\n    \u003ch2 class=\"mg-title\"\u003eCrear es parte de la diversión\u003c\/h2\u003e\n    \u003cp class=\"mg-desc\"\u003e\n      Tres pasos sencillos para empezar a darle forma a sus ideas.\n    \u003c\/p\u003e\n    \u003cdiv class=\"mg-steps\"\u003e\n      \u003cdiv class=\"mg-step\"\u003e\n        \u003cspan class=\"mg-number\"\u003e01\u003c\/span\u003e\n        \u003ch3\u003eElegí un diseño\u003c\/h3\u003e\n        \u003cp\u003e\n          Pueden seguir las figuras de las tarjetas incluidas\n          o combinar colores como más les guste.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-step\"\u003e\n        \u003cspan class=\"mg-number\"\u003e02\u003c\/span\u003e\n        \u003ch3\u003eAcomodá las cuentas\u003c\/h3\u003e\n        \u003cp\u003e\n          Colocan las pequeñas bolitas sobre la placa\n          hasta completar la figura.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-step\"\u003e\n        \u003cspan class=\"mg-number\"\u003e03\u003c\/span\u003e\n        \u003ch3\u003e¡Agregá agua!\u003c\/h3\u003e\n        \u003cp\u003e\n          Rocían las cuentas con el pulverizador.\n          Una vez adheridas y secas, pueden retirar su creación.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- BENEFICIOS --\u003e\n\u003cdiv class=\"mg-section\"\u003e\n  \u003cdiv class=\"mg-wrap mg-center\"\u003e\n    \u003cspan class=\"mg-tag\"\u003eDiversión que se crea\u003c\/span\u003e\n    \u003ch2 class=\"mg-title\"\u003e\n      ¿Y si la próxima diversión no necesitara una pantalla?\n    \u003c\/h2\u003e\n    \u003cp class=\"mg-desc\"\u003e\n      Animales, personajes y muchas figuras más esperando a cobrar forma.\n      Una actividad para crear, sorprenderse y disfrutar juntos.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"mg-benefits\"\u003e\n      \u003cdiv class=\"mg-benefit\"\u003e\n        \u003cdiv class=\"mg-benefit-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003crect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\u003e\u003c\/rect\u003e\n            \u003cpath d=\"M8 22h8M12 18v4M3 4l18 14\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eUna pausa a las pantallas\u003c\/h3\u003e\n        \u003cp\u003e\n          Una alternativa para entretenerse con las manos,\n          los colores y la imaginación.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"mg-benefit\"\u003e\n        \u003cdiv class=\"mg-benefit-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M12 3l2.8 6.2L21 12l-6.2 2.8L12 21l-2.8-6.2L3 12l6.2-2.8z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eLa magia de hacerlo ellos\u003c\/h3\u003e\n        \u003cp\u003e\n          Cada figura terminada es el resultado\n          de algo que fueron creando cuenta por cuenta.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"mg-benefit\"\u003e\n        \u003cdiv class=\"mg-benefit-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"9\" cy=\"7\" r=\"4\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eMomentos para compartir\u003c\/h3\u003e\n        \u003cp\u003e\n          Elegir figuras y crearlas juntos puede convertirse\n          en una actividad para toda la familia.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- CREATIVIDAD Y CONTENIDO --\u003e\n\u003cdiv class=\"mg-section mg-soft\"\u003e\n  \u003cdiv class=\"mg-wrap mg-center\"\u003e\n    \u003cspan class=\"mg-tag\"\u003eUn mundo de posibilidades\u003c\/span\u003e\n    \u003ch2 class=\"mg-title\"\u003eSus ideas, sus colores, sus creaciones\u003c\/h2\u003e\n\n    \u003cdiv class=\"mg-story\"\u003e\n      \u003cp\u003e\n        Hoy puede ser un dinosaurio. Mañana, una princesa.\n        Después, una figura que inventaron ellos mismos.\n      \u003c\/p\u003e\n      \u003cp\u003e\n        Cada creación empieza con pequeñas cuentas de colores\n        y termina con esa satisfacción de ver lo que lograron hacer.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"mg-contents\"\u003e\n      \u003cstrong\u003eTodo listo para empezar a crear\u003c\/strong\u003e\n      \u003cp\u003e\n        El kit incluye cuentas de distintos colores,\n        organizador, placas transparentes, patrones de referencia\n        y accesorios para armar las figuras y aplicar el agua.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- VARIANTES --\u003e\n\u003cdiv class=\"mg-section\"\u003e\n  \u003cdiv class=\"mg-wrap mg-center\"\u003e\n    \u003cspan class=\"mg-tag\"\u003eElegí tu favorito\u003c\/span\u003e\n    \u003ch2 class=\"mg-title\"\u003e¡La magia empieza acá!\u003c\/h2\u003e\n    \u003cp class=\"mg-desc\"\u003e\n      Elegí la presentación que más te guste\n      y preparate para crear un mundo de figuras.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"mg-selectbox\"\u003e\n      \u003cdiv class=\"mg-choose\"\u003e¿Cuál te gusta más?\u003c\/div\u003e\n\n      \u003cdiv class=\"mg-colors\"\u003e\n        \u003cbutton type=\"button\" class=\"mg-color active\" data-sku=\"3127-2\" data-label=\"Azul\" aria-pressed=\"true\"\u003e\n          \u003cspan class=\"mg-tick\"\u003e✓\u003c\/span\u003e\n          \u003cspan class=\"mg-swatch mg-blue\"\u003e\u003c\/span\u003e\n          \u003cspan\u003eQuiero azul\u003c\/span\u003e\n        \u003c\/button\u003e\n\n        \u003cbutton type=\"button\" class=\"mg-color\" data-sku=\"3127-1\" data-label=\"Rosado\" aria-pressed=\"false\"\u003e\n          \u003cspan class=\"mg-tick\"\u003e✓\u003c\/span\u003e\n          \u003cspan class=\"mg-swatch mg-pink\"\u003e\u003c\/span\u003e\n          \u003cspan\u003eQuiero rosado\u003c\/span\u003e\n        \u003c\/button\u003e\n      \u003c\/div\u003e\n\n      \u003cp class=\"mg-selectnote\"\u003e\n        Ambas presentaciones incluyen el mismo kit de cuentas mágicas.\n      \u003c\/p\u003e\n\n      \u003cbutton type=\"button\" class=\"mg-atc\" id=\"mg3127-add\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003ccircle cx=\"9\" cy=\"20\" r=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"18\" cy=\"20\" r=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M3 4h2l2 10a2 2 0 0 0 2 1.6h9a2 2 0 0 0 2-1.6L20 8H6\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003cspan\u003eAgregar al carrito\u003c\/span\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M5 12h14m-6-6 6 6-6 6\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"mg-status\" id=\"mg3127-status\" role=\"status\" aria-live=\"polite\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ --\u003e\n\u003cdiv class=\"mg-section mg-soft\"\u003e\n  \u003cdiv class=\"mg-wrap mg-center\"\u003e\n    \u003cspan class=\"mg-tag\"\u003ePreguntas frecuentes\u003c\/span\u003e\n    \u003ch2 class=\"mg-title\"\u003eTodo lo que necesitás saber\u003c\/h2\u003e\n\n    \u003cdiv class=\"mg-faq\"\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003e¿Cómo se unen las cuentas?\u003c\/summary\u003e\n        \u003cp\u003e\n          Se rocían con agua utilizando el pulverizador.\n          Después deben dejarse secar hasta que queden adheridas\n          antes de retirar la figura de la placa.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003e¿Necesitan pegamento o plancha?\u003c\/summary\u003e\n        \u003cp\u003e\n          No. Estas cuentas están diseñadas para adherirse\n          mediante agua, sin necesidad de utilizar calor.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003e¿Pueden inventar sus propias figuras?\u003c\/summary\u003e\n        \u003cp\u003e\n          Sí. Pueden seguir los patrones incluidos\n          o crear combinaciones utilizando su imaginación.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003e¿Qué diferencia hay entre las presentaciones?\u003c\/summary\u003e\n        \u003cp\u003e\n          Cambia el diseño del empaque.\n          El kit y su contenido son los mismos.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003e¿Para qué edad está recomendado?\u003c\/summary\u003e\n        \u003cp\u003e\n          Está indicado para niños a partir de 6 años.\n          Contiene piezas pequeñas, por lo que debe utilizarse\n          con supervisión adulta.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- MINI CARRITO --\u003e\n\u003cdiv class=\"mg-overlay\" id=\"mg3127-overlay\"\u003e\u003c\/div\u003e\n\n\u003caside class=\"mg-drawer\" id=\"mg3127-drawer\" aria-label=\"Tu carrito\" aria-hidden=\"true\"\u003e\n  \u003cdiv class=\"mg-drawer-head\"\u003e\n    \u003cstrong\u003eTu carrito\u003c\/strong\u003e\n    \u003cbutton class=\"mg-close\" id=\"mg3127-close\" type=\"button\" aria-label=\"Cerrar carrito\"\u003e×\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"mg-drawer-body\" id=\"mg3127-cartbody\"\u003e\n    Cargando carrito...\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"mg-cart-footer\"\u003e\n    \u003cdiv class=\"mg-cart-total\"\u003e\n      \u003cspan\u003eSubtotal\u003c\/span\u003e\n      \u003cspan id=\"mg3127-total\"\u003e—\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003ca href=\"\/checkout\" class=\"mg-cart-link\"\u003e\n      Finalizar compra\n    \u003c\/a\u003e\n    \u003ca href=\"\/cart\" class=\"mg-secondary-link\"\u003e\n      Ver carrito completo\n    \u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/aside\u003e\n\n\u003cscript\u003e\n(function(){\n  const root=document.getElementById('mg-magic-3127');\n  if(!root || root.dataset.initialized==='true') return;\n  root.dataset.initialized='true';\n\n  const buttons=[...root.querySelectorAll('.mg-color')];\n  const addButton=root.querySelector('#mg3127-add');\n  const status=root.querySelector('#mg3127-status');\n  const overlay=root.querySelector('#mg3127-overlay');\n  const drawer=root.querySelector('#mg3127-drawer');\n  const closeButton=root.querySelector('#mg3127-close');\n  const cartBody=root.querySelector('#mg3127-cartbody');\n  const totalElement=root.querySelector('#mg3127-total');\n\n  const selected=()=\u003eroot.querySelector('.mg-color.active');\n\n  const base=(window.Shopify \u0026\u0026 Shopify.routes \u0026\u0026 Shopify.routes.root)\n    ? Shopify.routes.root : '\/';\n\n  let variants=null;\n\n  function setStatus(message,error=false){\n    status.textContent=message;\n    status.style.color=error?'#B42318':'#64746D';\n  }\n\n  buttons.forEach(btn=\u003e{\n    btn.addEventListener('click',()=\u003e{\n      buttons.forEach(b=\u003e{\n        b.classList.remove('active');\n        b.setAttribute('aria-pressed','false');\n      });\n\n      btn.classList.add('active');\n      btn.setAttribute('aria-pressed','true');\n      setStatus('');\n    });\n  });\n\n  async function loadVariants(){\n    if(variants) return variants;\n\n    let path=window.location.pathname\n      .replace(\/\\\/$\/,'')\n      .replace(\/\\.js$\/,'');\n\n    const match=path.match(\/\\\/products\\\/[^\/]+\/);\n    if(!match){\n      throw new Error('No se encontró la página del producto.');\n    }\n\n    const response=await fetch(match[0]+'.js');\n    if(!response.ok){\n      throw new Error('No se pudieron cargar las variantes.');\n    }\n\n    const product=await response.json();\n    variants=product.variants||[];\n    return variants;\n  }\n\n  function money(cents,currency){\n    try{\n      return new Intl.NumberFormat('es-UY',{\n        style:'currency',\n        currency:currency||'UYU',\n        maximumFractionDigits:2\n      }).format(cents\/100);\n    }catch(e){\n      return '$ '+(cents\/100).toFixed(2);\n    }\n  }\n\n  function escapeHTML(value){\n    return String(value||'').replace(\/[\u0026\u003c\u003e\"']\/g,c=\u003e({\n      '\u0026':'\u0026amp;',\n      '\u003c':'\u0026lt;',\n      '\u003e':'\u0026gt;',\n      '\"':'\u0026quot;',\n      \"'\":'\u0026#39;'\n    })[c]);\n  }\n\n  function openDrawer(){\n    overlay.classList.add('open');\n    drawer.classList.add('open');\n    drawer.setAttribute('aria-hidden','false');\n    closeButton.focus();\n  }\n\n  function closeDrawer(){\n    overlay.classList.remove('open');\n    drawer.classList.remove('open');\n    drawer.setAttribute('aria-hidden','true');\n    addButton.focus();\n  }\n\n  closeButton.addEventListener('click',closeDrawer);\n  overlay.addEventListener('click',closeDrawer);\n\n  document.addEventListener('keydown',e=\u003e{\n    if(e.key==='Escape' \u0026\u0026 drawer.classList.contains('open')){\n      closeDrawer();\n    }\n  });\n\n  async function renderCart(){\n    const response=await fetch(base+'cart.js');\n    if(!response.ok) throw new Error('Error al cargar carrito');\n\n    const cart=await response.json();\n\n    const currency=cart.currency||'UYU';\n    totalElement.textContent=money(cart.total_price,currency);\n\n    if(!cart.items.length){\n      cartBody.textContent='Tu carrito está vacío.';\n      return;\n    }\n\n    cartBody.innerHTML=cart.items.map(item=\u003e{\n      const name=escapeHTML(item.product_title||item.title);\n      const image=item.image\n        ? '\u003cimg src=\"'+escapeHTML(item.image)+'\" alt=\"\"\u003e'\n        : '';\n\n      const variant=item.variant_title \u0026\u0026\n        item.variant_title!=='Default Title'\n        ? '\u003cdiv\u003e'+escapeHTML(item.variant_title)+'\u003c\/div\u003e'\n        : '';\n\n      return `\n        \u003cdiv class=\"mg-cart-item\"\u003e\n          ${image}\n          \u003cdiv class=\"mg-cart-info\"\u003e\n            \u003cstrong\u003e${name}\u003c\/strong\u003e\n            ${variant}\n            \u003cdiv\u003eCantidad: ${item.quantity}\u003c\/div\u003e\n            \u003cdiv\u003e${money(item.final_line_price,currency)}\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      `;\n    }).join('');\n  }\n\n  async function addToCart(){\n    const btn=selected();\n    if(!btn) return;\n\n    addButton.disabled=true;\n    setStatus('Agregando al carrito...');\n\n    try{\n      const allVariants=await loadVariants();\n      const sku=btn.dataset.sku;\n\n      const variant=allVariants.find(v=\u003e\n        String(v.sku||'').trim()===sku\n      );\n\n      if(!variant){\n        throw new Error(\n          'No encontramos esta presentación disponible. Revisá su configuración.'\n        );\n      }\n\n      if(!variant.available){\n        throw new Error('Esta presentación está agotada.');\n      }\n\n      const response=await fetch(base+'cart\/add.js',{\n        method:'POST',\n        headers:{\n          'Content-Type':'application\/json',\n          'Accept':'application\/json'\n        },\n        body:JSON.stringify({\n          items:[{\n            id:variant.id,\n            quantity:1\n          }]\n        })\n      });\n\n      if(!response.ok){\n        const data=await response.json().catch(()=\u003e({}));\n        throw new Error(data.description||'No se pudo agregar al carrito.');\n      }\n\n      setStatus('¡Agregado al carrito!');\n\n      \/* Notificar a temas que escuchan cambios del carrito *\/\n      document.dispatchEvent(new CustomEvent('cart:refresh'));\n      document.dispatchEvent(new CustomEvent('cart:updated'));\n\n      await renderCart();\n      openDrawer();\n\n    }catch(error){\n      setStatus(error.message||'Ocurrió un error. Probá nuevamente.',true);\n    }finally{\n      addButton.disabled=false;\n    }\n  }\n\n  addButton.addEventListener('click',addToCart);\n\n  \/* Reproducción automática y continua *\/\n  const video=root.querySelector('.mg-video-wrap video');\n  if(video){\n    video.muted=true;\n    video.loop=true;\n    video.playsInline=true;\n    video.play().catch(()=\u003e{});\n  }\n})();\n\u003c\/script\u003e\n\u003c\/section\u003e\n","brand":"Clara (Yiwu Mayhome Import\u0026export Co.,ltd) (0.0 Unidades - 203,77 $)","offers":[{"title":"Rosa","offer_id":67951847670074,"sku":"3127-1","price":990.0,"currency_code":"UYU","in_stock":false},{"title":"Azul","offer_id":67951847702842,"sku":"3127-2","price":990.0,"currency_code":"UYU","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0758\/3698\/1562\/files\/portada_f701449a-a66e-444a-ab17-90bd917dc949.png?v=1794506786","url":"https:\/\/milgenialuruguay.com\/products\/kit-de-manualidades-con-perlas-magicas-de-agua","provider":"MilGenial Uruguay","version":"1.0","type":"link"}