{"product_id":"cuadro-post-malone-eired","title":"Cuadro Post Malone \"Eired\"","description":"\u003c!-- ICONOS desde Font Awesome --\u003e\n\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n.features-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-top: 30px;\n  font-family: 'Poppins', sans-serif;\n}\n\n.feature-item {\n  display: flex;\n  align-items: center;\n  font-size: 16px;\n  color: #222;\n}\n\n.feature-icon {\n  font-size: 20px;\n  margin-right: 12px;\n  color: #000;\n  min-width: 24px;\n}\n\n@media (max-width: 600px) {\n  .features-container {\n    font-size: 15px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"features-container\"\u003e\n  \u003cdiv class=\"feature-item\"\u003e\n    \u003ci class=\"fa-solid fa-wand-magic-sparkles feature-icon\"\u003e\u003c\/i\u003e\n    \u003cspan\u003ePersonalización Gratuita\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"feature-item\"\u003e\n    \u003ci class=\"fa-solid fa-truck-fast feature-icon\"\u003e\u003c\/i\u003e\n    \u003cspan\u003eEnvío Express\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"feature-item\"\u003e\n    \u003ci class=\"fa-solid fa-shield-halved feature-icon\"\u003e\u003c\/i\u003e\n    \u003cspan\u003eCalidad Asegurada\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- Tipografía bonita desde Google Fonts --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\nbody, .unit-selector, .unit-label {\n  font-family: 'Poppins', sans-serif;\n}\n\n.unit-selector-container {\n  max-width: 100%;\n  margin: 30px auto;\n  padding: 0 10px;\n  text-align: center;\n}\n\n.unit-heading {\n  font-size: 22px;\n  color: #d10000;\n  margin-bottom: 20px;\n  font-weight: 600;\n}\n\n.unit-selector {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  max-width: 400px;\n  margin: 0 auto;\n}\n\n.unit-option {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 10px 16px;\n  border: 1px solid transparent;\n  border-radius: 10px;\n  cursor: pointer;\n  background-color: #fff;\n  background-image:\n    linear-gradient(#fff, #fff), \n    linear-gradient(90deg, red, black);\n  background-origin: border-box;\n  background-clip: padding-box, border-box;\n  box-shadow: 0 0 0.5px rgba(0,0,0,0.2);\n  transition: box-shadow 0.3s ease, transform 0.2s;\n  color: #111;\n  font-size: 15px;\n}\n\n.unit-option:hover {\n  box-shadow: 0 0 6px red;\n  transform: scale(1.01);\n}\n\n.unit-option.active::before {\n  content: \"\";\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: black;\n  border: 3px solid red;\n  margin-right: 10px;\n  display: inline-block;\n}\n\n.unit-option::before {\n  content: \"\";\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  border: 1px solid black;\n  margin-right: 10px;\n  display: inline-block;\n  background: transparent;\n}\n\n.unit-label {\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n}\n\n.badges {\n  display: flex;\n  gap: 6px;\n  margin-left: auto;\n}\n\n.badge {\n  background-color: #4eff9b;\n  color: black;\n  padding: 2px 6px;\n  border-radius: 6px;\n  font-size: 11px;\n}\n\n.popular {\n  background-color: gold;\n}\n\n@media (max-width: 600px) {\n  .unit-option {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .badges {\n    margin-left: 0;\n    margin-top: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"unit-selector-container\"\u003e\n  \u003cdiv class=\"unit-heading\"\u003e\n    🔥 ¡Aprovecha esta oferta antes de que se acabe!\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"unit-selector\"\u003e\n    \u003cdiv class=\"unit-option active\" data-qty=\"1\"\u003e\n      \u003cdiv class=\"unit-label\"\u003e1 Unidad\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"unit-option\" data-qty=\"2\"\u003e\n      \u003cdiv class=\"unit-label\"\u003e2 Unidades\u003c\/div\u003e\n      \u003cdiv class=\"badges\"\u003e\n        \u003cspan class=\"badge\"\u003e50% OFF\u003c\/span\u003e\n        \u003cspan class=\"badge popular\"\u003eMás Popular\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"unit-option\" data-qty=\"3\"\u003e\n      \u003cdiv class=\"unit-label\"\u003e3 Unidades\u003c\/div\u003e\n      \u003cdiv class=\"badges\"\u003e\n        \u003cspan class=\"badge\"\u003e60% OFF\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction selectUnit(el) {\n  document.querySelectorAll('.unit-option').forEach(option =\u003e option.classList.remove('active'));\n  el.classList.add('active');\n}\ndocument.querySelectorAll('.unit-option').forEach(option =\u003e {\n  option.addEventListener('click', () =\u003e selectUnit(option));\n});\n\u003c\/script\u003e\n\n\u003c!-- Iconos de Font Awesome --\u003e\n\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n    margin: 20px auto 0;\n    max-width: 350px; \/* ancho ajustado para que sea compacto *\/\n    font-family: 'Poppins', sans-serif;\n  }\n\n  .feature-box {\n    display: flex;\n    align-items: center;\n    padding: 6px 8px; \/* menos padding *\/\n    background-color: #f5f5f5;\n    border: 1px solid #ddd;\n    border-radius: 12px;\n    font-size: 12px; \/* tamaño más pequeño *\/\n    color: #333;\n    transition: box-shadow 0.2s;\n    white-space: nowrap; \/* evita salto de línea *\/\n    overflow: hidden; \/* recorta si no cabe *\/\n    text-overflow: ellipsis; \/* agrega \"...\" si es necesario *\/\n  }\n\n  .feature-box:hover {\n    box-shadow: 0 0 6px rgba(0,0,0,0.1);\n  }\n\n  .feature-icon {\n    font-size: 14px; \/* icono más pequeño *\/\n    margin-right: 6px;\n    color: #111;\n    min-width: 18px;\n    flex-shrink: 0;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"features-grid\"\u003e\n  \u003cdiv class=\"feature-box\"\u003e\n    \u003ci class=\"fa-solid fa-shield-halved feature-icon\"\u003e\u003c\/i\u003e\n    \u003cspan\u003eEnvío Seguro\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"feature-box\"\u003e\n    \u003ci class=\"fa-solid fa-box-open feature-icon\"\u003e\u003c\/i\u003e\n    \u003cspan\u003eDevoluciones\u003c\/span\u003e \u003c!-- acorté para que no haga salto --\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"feature-box\"\u003e\n    \u003ci class=\"fa-solid fa-users feature-icon\"\u003e\u003c\/i\u003e\n    \u003cspan\u003e+13k Clientes\u003c\/span\u003e \u003c!-- acorté texto --\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"feature-box\"\u003e\n    \u003ci class=\"fa-solid fa-calendar-check feature-icon\"\u003e\u003c\/i\u003e\n    \u003cspan\u003eGarantía 60 Días\u003c\/span\u003e \u003c!-- acorté texto --\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Trap Gallery","offers":[{"title":"Negro","offer_id":54679637229913,"sku":"","price":19.99,"currency_code":"EUR","in_stock":true},{"title":"Lino","offer_id":54679637262681,"sku":"","price":19.99,"currency_code":"EUR","in_stock":true},{"title":"Blanco","offer_id":54679637295449,"sku":"","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0924\/3177\/8137\/files\/TRapLife_nolimits_-2025-05-22T153523.700.png?v=1748861013","url":"https:\/\/trapgallery.store\/products\/cuadro-post-malone-eired","provider":"Trap Gallery","version":"1.0","type":"link"}