{"product_id":"linterna-6-en-1","title":"LINTERNA 6 EN 1","description":"\u003cstyle\u003e\n\n\/* =====================================================\n   OCULTAR ELEMENTOS NATIVOS DE SHOPIFY\n===================================================== *\/\n\n[id^=\"shopify-section\"][id$=\"__announcement-bar\"],\n.announcement-bar,\n.utility-bar,\n[id^=\"shopify-section\"][id$=\"__header\"],\n.section-header,\nsticky-header {\n  display:none !important;\n}\n\n.product__media-wrapper,\nmedia-gallery {\n  display:none !important;\n}\n\n.product_title,\n.productinfo-container .product_title,\n.product__text.caption-with-letter-spacing,\n.product_info-container .price,\n.product_tax {\n  display:none !important;\n}\n\n.product-form_input--quantity,\n.product-form_quantity,\nquantity-input,\n.product__info-container label[for*=\"Quantity\"],\n.product-form__buttons button[name=\"add\"],\n.shopify-payment-button,\n.product-form_buttons .shopify-payment-button_button {\n  display:none !important;\n}\n\nvariant-selects,\nvariant-radios,\n.product-form_input--dropdown,\n.product-form_input--pill,\n.product-form_input,\nfieldset.product-form_input {\n  display:none !important;\n}\n\n.share-button,\n.product__share,\nshare-button,\nproduct-recommendations,\n.related-products,\n[id^=\"shopify-section\"][id$=\"__related-products\"],\n.newsletter,\n.footer-block--newsletter,\n[id^=\"shopify-section\"][id$=\"__footer\"],\n.footer,\n.footer-group {\n  display:none !important;\n}\n\n\n\/* =====================================================\n   QUITAR ESPACIOS\n===================================================== *\/\n\nmain,\n#MainContent,\n.content-for-layout {\n  margin:0 !important;\n  padding:0 !important;\n}\n\nsection[id^=\"MainProduct-\"],\n[class*=\"__main-padding\"] {\n  padding-top:0 !important;\n  padding-bottom:0 !important;\n}\n\n[id^=\"shopify-section\"][id$=\"__main\"] .page-width {\n  max-width:100% !important;\n  padding:0 !important;\n}\n\n[id^=\"shopify-section\"][id$=\"__main\"],\n.product.grid,\n.product {\n  padding:0 !important;\n}\n\n.product--stacked {\n  padding-top:0 !important;\n  margin-top:0 !important;\n}\n\n.product {\n  display:block !important;\n}\n\n.product__info-wrapper {\n  width:100% !important;\n  max-width:100% !important;\n  padding:0 !important;\n}\n\nproduct-info.product_info-container,\n.product_info-container {\n  padding:0 !important;\n  max-width:100% !important;\n}\n\nproduct-info.product__info-container {\n  display:flex !important;\n  flex-direction:column !important;\n}\n\n.product__description {\n  display:contents !important;\n}\n\n\n\/* =====================================================\n   ORDEN DE LA LANDING\n===================================================== *\/\n\n.lp-topbar {\n  order:-2 !important;\n}\n\n.lp-hero {\n  order:-1 !important;\n}\n\n.lp-landing {\n  order:1 !important;\n}\n\nproduct-info.product__info-container \u003e * {\n  margin:0 !important;\n}\n\n.product-form,\n.product-form_buttons,\n.product-form_error-message-wrapper,\nform[action*=\"\/cart\/add\"] {\n  margin:0 !important;\n  padding:0 !important;\n}\n\nproduct-info.product__info-container \u003e * \u003e * {\n  margin-top:0 !important;\n  margin-bottom:0 !important;\n}\n\n\n\/* =====================================================\n   ANCHO GENERAL DE LA LANDING\n===================================================== *\/\n\n.lp-topbar,\n.lp-hero,\n.lp-landing {\n  max-width:768px;\n  width:100%;\n  margin:0 auto;\n  padding:0;\n}\n\n.lp-hero,\n.lp-landing {\n  line-height:0;\n  font-size:0;\n}\n\n.lp-hero img,\n.lp-landing img {\n  width:100%;\n  height:auto;\n  display:block;\n  margin:0 auto;\n}\n\n\n\/* =====================================================\n   BARRA SUPERIOR\n   NEGRO + PLOMO + CELESTE LED\n===================================================== *\/\n\n.lp-topbar {\n\n  background:\n    linear-gradient(\n      90deg,\n      #07090C 0%,\n      #171C22 25%,\n      #252C33 40%,\n      #10151A 50%,\n      #252C33 60%,\n      #171C22 75%,\n      #07090C 100%\n    );\n\n  background-size:200% 100%;\n\n  animation:\n    lpTopbarGlow 5s ease-in-out infinite;\n\n  color:#ffffff;\n\n  height:44px;\n\n  display:flex;\n  align-items:center;\n\n  overflow:hidden;\n\n  box-sizing:border-box;\n\n  box-shadow:\n    0 2px 8px rgba(0,0,0,.45),\n    0 0 18px rgba(77,220,255,.22);\n\n  font-family:Arial, Helvetica, sans-serif;\n\n  position:relative;\n}\n\n\n\/* =====================================================\n   RESPLANDOR LED DE FONDO\n===================================================== *\/\n\n.lp-topbar::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  left:-30%;\n\n  width:30%;\n  height:100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(77,220,255,.35),\n      rgba(255,255,255,.18),\n      transparent\n    );\n\n  transform:skewX(-25deg);\n\n  animation:\n    lpBarraBrillo 5s ease-in-out infinite;\n\n  pointer-events:none;\n\n  z-index:1;\n}\n\n\n\/* =====================================================\n   CONTENIDO EN MOVIMIENTO\n===================================================== *\/\n\n.lp-topbar-track {\n\n  display:flex;\n  align-items:center;\n\n  width:max-content;\n\n  white-space:nowrap;\n\n  position:relative;\n\n  z-index:2;\n\n  animation:\n    lpTopBarMovimiento 18s linear infinite;\n}\n\n\n\/* =====================================================\n   CADA MENSAJE\n===================================================== *\/\n\n.lp-topbar-item {\n\n  display:flex;\n  align-items:center;\n\n  height:44px;\n\n  padding:0 35px;\n\n  font-size:14px;\n  line-height:44px;\n\n  font-weight:800;\n\n  letter-spacing:.25px;\n\n  color:#ffffff;\n\n  text-shadow:\n    0 1px 3px rgba(0,0,0,.60);\n}\n\n\n\/* =====================================================\n   SEPARADOR LED\n===================================================== *\/\n\n.lp-topbar-separador {\n\n  font-size:10px;\n\n  color:#4DDCFF;\n\n  text-shadow:\n    0 0 8px rgba(77,220,255,.85);\n}\n\n\n\/* =====================================================\n   MOVIMIENTO DEL TEXTO\n===================================================== *\/\n\n@keyframes lpTopBarMovimiento {\n\n  from {\n    transform:translateX(0);\n  }\n\n  to {\n    transform:translateX(-50%);\n  }\n\n}\n\n\n\/* =====================================================\n   ANIMACIÓN DE COLOR\n===================================================== *\/\n\n@keyframes lpTopbarGlow {\n\n  0%,\n  100% {\n    background-position:0% 50%;\n  }\n\n  50% {\n    background-position:100% 50%;\n  }\n\n}\n\n\n\/* =====================================================\n   BRILLO DE LA BARRA\n===================================================== *\/\n\n@keyframes lpBarraBrillo {\n\n  0% {\n    left:-35%;\n  }\n\n  45% {\n    left:130%;\n  }\n\n  100% {\n    left:130%;\n  }\n\n}\n\n\n\/* =====================================================\n   CELULAR\n===================================================== *\/\n\n@media screen and (max-width:600px) {\n\n  .lp-topbar {\n    height:42px;\n  }\n\n  .lp-topbar-item {\n\n    height:42px;\n\n    line-height:42px;\n\n    padding:0 25px;\n\n    font-size:13px;\n  }\n\n}\n\n\n\/* =====================================================\n   BOTÓN PAGO CONTRA ENTREGA\n   ESTILO LED PREMIUM\n===================================================== *\/\n\n#es-popup-button.cod-blue-button {\n\n  width:100% !important;\n\n  min-height:60px !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  background:\n    linear-gradient(\n      135deg,\n      #07090C 0%,\n      #161C22 25%,\n      #252D34 45%,\n      #008FC4 72%,\n      #4DDCFF 100%\n    ) !important;\n\n  background-size:180% 180% !important;\n\n  border:1px solid #4DDCFF !important;\n\n  border-radius:10px !important;\n\n  box-shadow:\n    0 0 12px rgba(77,220,255,.35),\n    0 6px 20px rgba(0,0,0,.55) !important;\n\n  cursor:pointer !important;\n\n  position:relative !important;\n\n  overflow:hidden !important;\n\n  transition:\n    transform .20s ease,\n    filter .20s ease,\n    box-shadow .20s ease !important;\n\n  animation:\n    codDegradado 4s ease-in-out infinite,\n    codResplandor 2.4s ease-in-out infinite,\n    codVibracion 6s ease-in-out infinite !important;\n}\n\n\n\/* =====================================================\n   TEXTO\n===================================================== *\/\n\n#es-popup-button.cod-blue-button .es-button-title {\n\n  color:#ffffff !important;\n\n  font-size:17px !important;\n\n  font-weight:900 !important;\n\n  letter-spacing:.5px !important;\n\n  position:relative !important;\n\n  z-index:3 !important;\n\n  text-shadow:\n    0 2px 4px rgba(0,0,0,.55) !important;\n}\n\n\n\/* =====================================================\n   ICONO\n===================================================== *\/\n\n#es-popup-button.cod-blue-button .bi {\n\n  color:#4DDCFF !important;\n\n  font-size:21px !important;\n\n  position:relative !important;\n\n  z-index:3 !important;\n\n  text-shadow:\n    0 0 10px rgba(77,220,255,.90);\n}\n\n\n\/* =====================================================\n   BRILLO QUE ATRAVIESA EL BOTÓN\n===================================================== *\/\n\n#es-popup-button.cod-blue-button::after {\n\n  content:\"\";\n\n  position:absolute;\n\n  top:-90%;\n  left:-40%;\n\n  width:20%;\n  height:280%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.70),\n      rgba(77,220,255,.55),\n      transparent\n    );\n\n  transform:rotate(25deg);\n\n  animation:\n    codBrillo 3.2s infinite;\n\n  pointer-events:none;\n\n  z-index:1;\n}\n\n\n\/* =====================================================\n   RESPLANDOR INTERNO\n===================================================== *\/\n\n#es-popup-button.cod-blue-button::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  inset:2px;\n\n  border-radius:8px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.18),\n      rgba(77,220,255,.06),\n      transparent 45%\n    );\n\n  pointer-events:none;\n\n  z-index:1;\n}\n\n\n\/* =====================================================\n   ANIMACIÓN DEL DEGRADADO\n===================================================== *\/\n\n@keyframes codDegradado {\n\n  0%,\n  100% {\n    background-position:0% 50%;\n  }\n\n  50% {\n    background-position:100% 50%;\n  }\n\n}\n\n\n\/* =====================================================\n   RESPLANDOR LED\n===================================================== *\/\n\n@keyframes codResplandor {\n\n  0%,\n  100% {\n\n    box-shadow:\n      0 0 10px rgba(77,220,255,.30),\n      0 6px 18px rgba(0,0,0,.50);\n\n  }\n\n  50% {\n\n    box-shadow:\n      0 0 30px rgba(77,220,255,.90),\n      0 8px 25px rgba(0,0,0,.60);\n\n  }\n\n}\n\n\n\/* =====================================================\n   VIBRACIÓN CADA APROXIMADAMENTE 6 SEGUNDOS\n===================================================== *\/\n\n@keyframes codVibracion {\n\n  0%,\n  78%,\n  100% {\n    transform:translateX(0) scale(1);\n  }\n\n  80% {\n    transform:translateX(-4px) rotate(-.5deg);\n  }\n\n  82% {\n    transform:translateX(4px) rotate(.5deg);\n  }\n\n  84% {\n    transform:translateX(-4px) rotate(-.5deg);\n  }\n\n  86% {\n    transform:translateX(4px) rotate(.5deg);\n  }\n\n  88% {\n    transform:translateX(-2px);\n  }\n\n  90% {\n    transform:translateX(2px);\n  }\n\n  92% {\n    transform:translateX(0) scale(1.015);\n  }\n\n  95% {\n    transform:translateX(0) scale(1);\n  }\n\n}\n\n\n\/* =====================================================\n   BRILLO DESLIZANTE\n===================================================== *\/\n\n@keyframes codBrillo {\n\n  0% {\n    left:-40%;\n  }\n\n  42% {\n    left:135%;\n  }\n\n  100% {\n    left:135%;\n  }\n\n}\n\n\n\/* =====================================================\n   EFECTO HOVER\n===================================================== *\/\n\n#es-popup-button.cod-blue-button:hover {\n\n  animation-play-state:paused !important;\n\n  transform:\n    translateY(-4px)\n    scale(1.025) !important;\n\n  filter:brightness(1.14) !important;\n\n  box-shadow:\n    0 0 38px rgba(77,220,255,.95),\n    0 10px 28px rgba(0,0,0,.65) !important;\n}\n\n\n\/* =====================================================\n   AL PRESIONAR\n===================================================== *\/\n\n#es-popup-button.cod-blue-button:active {\n\n  transform:scale(.97) !important;\n}\n\n\n\/* =====================================================\n   CELULAR\n===================================================== *\/\n\n@media screen and (max-width:600px) {\n\n  #es-popup-button.cod-blue-button {\n\n    min-height:58px !important;\n\n    border-radius:9px !important;\n  }\n\n  #es-popup-button.cod-blue-button .es-button-title {\n\n    font-size:15px !important;\n  }\n\n}\n\n\n\/* =====================================================\n   RESPETAR USUARIOS QUE PREFIEREN MENOS ANIMACIONES\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  #es-popup-button.cod-blue-button {\n\n    animation:\n      codResplandor 2.4s ease-in-out infinite !important;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003c!-- =====================================================\n     BARRA SUPERIOR\n===================================================== --\u003e\n\n\u003cdiv class=\"lp-topbar\"\u003e\n\n  \u003cdiv class=\"lp-topbar-track\"\u003e\n\n\n    \u003cdiv class=\"lp-topbar-item\"\u003e\n\n      🚚   ENVÍO GRATIS A TODO ECUADOR\n\n    \u003c\/div\u003e\n\n\n    \u003cspan class=\"lp-topbar-separador\"\u003e\n\n      ●\n\n    \u003c\/span\u003e\n\n\n    \u003cdiv class=\"lp-topbar-item\"\u003e\n\n      💵   PIDE AHORA Y PAGA AL RECIBIR\n\n    \u003c\/div\u003e\n\n\n    \u003cspan class=\"lp-topbar-separador\"\u003e\n\n      ●\n\n    \u003c\/span\u003e\n\n\n    \u003cdiv class=\"lp-topbar-item\"\u003e\n\n      🚚   ENVÍO GRATIS A TODO ECUADOR\n\n    \u003c\/div\u003e\n\n\n    \u003cspan class=\"lp-topbar-separador\"\u003e\n\n      ●\n\n    \u003c\/span\u003e\n\n\n    \u003cdiv class=\"lp-topbar-item\"\u003e\n\n      💵   PIDE AHORA Y PAGA AL RECIBIR\n\n    \u003c\/div\u003e\n\n\n    \u003cspan class=\"lp-topbar-separador\"\u003e\n\n      ●\n\n    \u003c\/span\u003e\n\n\n    \u003c!-- REPETICIÓN PARA MOVIMIENTO CONTINUO --\u003e\n\n\n    \u003cdiv class=\"lp-topbar-item\"\u003e\n\n      🚚   ENVÍO GRATIS A TODO ECUADOR\n\n    \u003c\/div\u003e\n\n\n    \u003cspan class=\"lp-topbar-separador\"\u003e\n\n      ●\n\n    \u003c\/span\u003e\n\n\n    \u003cdiv class=\"lp-topbar-item\"\u003e\n\n      💵   PIDE AHORA Y PAGA AL RECIBIR\n\n    \u003c\/div\u003e\n\n\n    \u003cspan class=\"lp-topbar-separador\"\u003e\n\n      ●\n\n    \u003c\/span\u003e\n\n\n    \u003cdiv class=\"lp-topbar-item\"\u003e\n\n      🚚   ENVÍO GRATIS A TODO ECUADOR\n\n    \u003c\/div\u003e\n\n\n    \u003cspan class=\"lp-topbar-separador\"\u003e\n\n      ●\n\n    \u003c\/span\u003e\n\n\n    \u003cdiv class=\"lp-topbar-item\"\u003e\n\n      💵   PIDE AHORA Y PAGA AL RECIBIR\n\n    \u003c\/div\u003e\n\n\n    \u003cspan class=\"lp-topbar-separador\"\u003e\n\n      ●\n\n    \u003c\/span\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n     IMAGEN PRINCIPAL\n===================================================== --\u003e\n\n\u003cdiv class=\"lp-hero\"\u003e\n\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0855\/3532\/6443\/files\/Aspect_Ratio_Linterna_6_en_1.jpg?v=1790423130\" loading=\"eager\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n     LANDING\n===================================================== --\u003e\n\n\u003cdiv class=\"lp-landing\"\u003e\n\n\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0855\/3532\/6443\/files\/LINTERNA_PRECIOS.jpg?v=1790423130\" loading=\"eager\"\u003e\n\n\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0855\/3532\/6443\/files\/LINTERNA_INFORMATIVO_1.jpg?v=1790423130\" loading=\"eager\"\u003e\n\n\n  \u003c!-- =====================================================\n       BOTÓN PAGO CONTRA ENTREGA\n  ====================================================== --\u003e\n\n  \u003cdiv id=\"es-popup-button\" class=\"es-popup-button es-popup-button-product cod-blue-button\" style=\"\n      color:#FFFFFF !important;\n      font-size:16px !important;\n      background:\n        linear-gradient(\n          135deg,\n          #07090C 0%,\n          #161C22 25%,\n          #252D34 45%,\n          #008FC4 72%,\n          #4DDCFF 100%\n        ) !important;\n      font-weight:700 !important;\n      border:\n        1px solid #4DDCFF !important;\n      border-radius:10px !important;\n    \" data-cod-observado=\"true\"\u003e\n\n\n    \u003cdiv style=\"margin:0 10px;\"\u003e\n\n      \u003ci class=\"bi bi-bag-fill\"\u003e\u003c\/i\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n      \u003cspan style=\"color:#FFFFFF;\" class=\"es-button-title\"\u003e\n\n        QUIERO MI LINTERNA PAGO AL RECIBIR\n\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0855\/3532\/6443\/files\/LINTERNA_INFORMATIVO_3.jpg?v=1790423130\" loading=\"lazy\"\u003e\n\n\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0855\/3532\/6443\/files\/LINTERNA_PREGUNTAS_FRECUENTES.jpg?v=1790423130\" loading=\"lazy\"\u003e\n\n\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0855\/3532\/6443\/files\/LINTERNA_TABLA_COMPARATIVA.jpg?v=1790423130\" loading=\"lazy\"\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n\n(function () {\n\n\n  \/* =====================================================\n     COLOR PRINCIPAL DEL BOTÓN\n     NEGRO + PLOMO + CELESTE LED\n  ===================================================== *\/\n\n  const COLOR_BOTON =\n    \"linear-gradient(135deg,#07090C 0%,#161C22 25%,#252D34 45%,#008FC4 72%,#4DDCFF 100%)\";\n\n\n  function modificarBoton() {\n\n\n    const botones =\n      document.querySelectorAll(\n        \"#es-popup-button.es-popup-button-product\"\n      );\n\n\n    botones.forEach(function (boton) {\n\n\n      boton.classList.remove(\n        \"cod-orange-button\"\n      );\n\n\n      boton.classList.add(\n        \"cod-blue-button\"\n      );\n\n\n      boton.style.setProperty(\n        \"background\",\n        COLOR_BOTON,\n        \"important\"\n      );\n\n\n      boton.style.setProperty(\n        \"border\",\n        \"1px solid #4DDCFF\",\n        \"important\"\n      );\n\n\n      boton.style.setProperty(\n        \"color\",\n        \"#ffffff\",\n        \"important\"\n      );\n\n\n      boton.style.setProperty(\n        \"border-radius\",\n        \"10px\",\n        \"important\"\n      );\n\n\n      if (!boton.dataset.codObservadoNuevo) {\n\n\n        boton.dataset.codObservadoNuevo =\n          \"true\";\n\n\n        const observadorBoton =\n          new MutationObserver(\n            function () {\n\n\n              const fondo =\n                boton.style.getPropertyValue(\n                  \"background\"\n                );\n\n\n              if (\n                !fondo.includes(\"#07090C\") \u0026\u0026\n                !fondo.includes(\"rgb(7, 9, 12)\")\n              ) {\n\n\n                boton.style.setProperty(\n                  \"background\",\n                  COLOR_BOTON,\n                  \"important\"\n                );\n\n\n              }\n\n\n              boton.style.setProperty(\n                \"border\",\n                \"1px solid #4DDCFF\",\n                \"important\"\n              );\n\n\n              boton.style.setProperty(\n                \"color\",\n                \"#ffffff\",\n                \"important\"\n              );\n\n\n            }\n          );\n\n\n        observadorBoton.observe(\n          boton,\n          {\n            attributes:true,\n            attributeFilter:[\"style\"]\n          }\n        );\n\n\n      }\n\n\n    });\n\n\n  }\n\n\n  if (\n    document.readyState ===\n    \"loading\"\n  ) {\n\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      modificarBoton\n    );\n\n\n  } else {\n\n\n    modificarBoton();\n\n\n  }\n\n\n  const observadorPagina =\n    new MutationObserver(\n      modificarBoton\n    );\n\n\n  observadorPagina.observe(\n    document.body,\n    {\n      childList:true,\n      subtree:true\n    }\n  );\n\n\n})();\n\n\u003c\/script\u003e","brand":"Mi tienda","offers":[{"title":"Default Title","offer_id":67531762368747,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0855\/3532\/6443\/files\/LINTERNA6EN1.png?v=1790423057","url":"https:\/\/www.ecustore.shop\/products\/linterna-6-en-1","provider":"Mi tienda","version":"1.0","type":"link"}