{"product_id":"parlante-jbl-boombox-3-negro","title":"JBL Boombox 3 - Portable Bluetooth Speaker, IPX7 Waterproof, 24 Hours of Playtime","description":"\u003c!-- JBL BOOMBOX 3 DESIGN START (NATIVE SHOPIFY VERSION - GRAY TONES) --\u003e\n\u003c!-- We only load fonts and icons, the rest is pure CSS --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\u003e\n\n\u003cstyle\u003e\n    \/* --- ESTILOS NATIVOS PARA SHOPIFY --- *\/\n    \/* Contenedor Principal Aislado *\/\n    #jbl-custom-landing {\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        background-color: #ffffff;\n        color: #1d1d1f;\n        width: 100%;\n        max-width: 100%;\n        margin: 0 auto;\n        line-height: 1.5;\n        box-sizing: border-box;\n    }\n\n    \/* Reset básico interno *\/\n    #jbl-custom-landing *, \n    #jbl-custom-landing *::before, \n    #jbl-custom-landing *::after {\n        box-sizing: border-box;\n    }\n\n    #jbl-custom-landing img {\n        max-width: 100%;\n        height: auto;\n        display: block;\n    }\n\n    \/* Tipografía *\/\n    #jbl-custom-landing h1, \n    #jbl-custom-landing h2, \n    #jbl-custom-landing h3 {\n        margin-top: 0;\n        letter-spacing: -0.02em;\n        line-height: 1.1;\n        font-weight: 700;\n        color: #1d1d1f;\n    }\n\n    #jbl-custom-landing p {\n        margin-bottom: 1rem;\n    }\n\n    \/* Utilidades de Layout *\/\n    .jbl-section {\n        padding: 4rem 1.5rem;\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .jbl-container {\n        width: 100%;\n        max-width: 1000px; \/* Ancho máximo para contenido *\/\n        margin: 0 auto;\n    }\n\n    .jbl-text-center { text-align: center; }\n    .jbl-text-left { text-align: left; }\n\n    \/* SECCIONES ESPECÍFICAS *\/\n    \n    \/* Hero *\/\n    .jbl-hero {\n        background: radial-gradient(circle at center, #f2f2f2 0%, #ffffff 70%);\n        min-height: 70vh;\n    }\n\n    .jbl-badge {\n        color: #f97316; \/* Naranja JBL Boombox vibe *\/\n        font-weight: 600;\n        text-transform: uppercase;\n        font-size: 0.75rem;\n        letter-spacing: 0.05em;\n        display: block;\n        margin-bottom: 1rem;\n    }\n\n    .jbl-title-hero {\n        font-size: 3.5rem;\n        margin-bottom: 1.5rem;\n    }\n\n    .jbl-subtitle-hero {\n        font-size: 1.5rem;\n        color: #6b7280;\n        font-weight: 500;\n        max-width: 600px;\n        margin: 0 auto;\n    }\n\n    \/* Features Grid *\/\n    .jbl-grid-2 {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 2rem;\n        margin-top: 2rem;\n    }\n\n    \/* Cards - AHORA EN GRIS PREMIUM *\/\n    .jbl-card-dark {\n        background-color: #1c1c1e; \/* Gris Muy Oscuro (Apple Dark Mode) *\/\n        color: white;\n        border-radius: 2rem;\n        padding: 2.5rem;\n        position: relative;\n        overflow: hidden;\n        transition: transform 0.3s ease;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    }\n    \n    .jbl-card-dark:hover {\n        transform: translateY(-5px);\n    }\n\n    .jbl-card-gray {\n        background-color: #2c2c2e; \/* Gris Grafito *\/\n        border: 1px solid rgba(255,255,255,0.05);\n    }\n\n    \/* Animaciones *\/\n    .jbl-reveal {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 0.8s ease-out;\n    }\n    .jbl-reveal.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Animación Ripple CSS puro *\/\n    @keyframes jbl-ripple {\n        0% { transform: scale(1); opacity: 1; }\n        100% { transform: scale(2); opacity: 0; }\n    }\n    .jbl-ripple-dot {\n        position: absolute;\n        width: 8px;\n        height: 8px;\n        background-color: #f97316; \/* Naranja para Boombox *\/\n        border-radius: 50%;\n        animation: jbl-ripple 2s infinite ease-out;\n    }\n\n    \/* Diseño Batería *\/\n    .jbl-battery-text {\n        font-size: 6rem;\n        font-weight: 800;\n        line-height: 1;\n        position: relative;\n        display: inline-block;\n        color: #1d1d1f;\n    }\n    .jbl-battery-sup {\n        font-size: 2rem;\n        color: #f97316;\n        position: absolute;\n        top: 10px;\n        right: -30px;\n    }\n\n    \/* Responsive Media Queries *\/\n    @media (min-width: 768px) {\n        .jbl-title-hero { font-size: 5rem; }\n        .jbl-grid-2 { grid-template-columns: 1fr 1fr; }\n        .jbl-battery-text { font-size: 8rem; }\n        .jbl-row-md {\n            flex-direction: row;\n            text-align: left;\n            gap: 4rem;\n        }\n        .jbl-section { padding: 6rem 2rem; }\n        \n        \/* Grid Bento para Durabilidad *\/\n        .jbl-bento-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 1.5rem;\n        }\n        .jbl-col-span-2 { grid-column: span 2; }\n        .jbl-col-span-3 { grid-column: span 3; }\n    }\n\n\u003c\/style\u003e\n\n\u003cdiv id=\"jbl-custom-landing\"\u003e\n\n\n    \u003c!-- Hero Section --\u003e\n    \u003cdiv class=\"jbl-section jbl-hero jbl-reveal active\"\u003e\n\n        \u003cdiv class=\"jbl-container jbl-text-center\"\u003e\n\n            \u003cspan class=\"jbl-badge\"\u003ePortable Powerhouse\u003c\/span\u003e\n            \u003ch1 class=\"jbl-title-hero\"\u003eBoombox 3.\u003c\/h1\u003e\n\n            \u003cp class=\"jbl-subtitle-hero\"\u003e\n                Massive Original Pro Sound.\u003cbr\u003e24 hours of limitless playback.\n            \u003c\/p\u003e\n\n            \n            \u003cdiv style=\"margin-top: 4rem; position: relative;\"\u003e\n\n                \u003c!-- Boombox 3 Image --\u003e\n                \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/I\/71VJH0M3M9L._AC_SL1500_.jpg\" alt=\"JBL Boombox 3\" style=\"border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.15); width: 100%; max-width: 600px; margin: 0 auto;\"\u003e\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Intro Text --\u003e\n    \u003cdiv class=\"jbl-section\" style=\"background-color: #fbfbfd;\"\u003e\n\n        \u003cdiv class=\"jbl-container jbl-reveal\"\u003e\n\n            \u003ch2 style=\"font-size: 2.5rem; margin-bottom: 2rem; color: #1d1d1f;\"\u003eA modernized classic.\u003c\/h2\u003e\n\n            \u003cdiv style=\"font-size: 1.125rem; color: #424245; max-width: 700px; margin: 0 auto;\"\u003e\n\n                \u003cp\u003eThe JBL Boombox 3 portable Bluetooth speaker combines classic aesthetics with modern functionality. Its sleek black design, sturdy metal handle, and orange silicone grips make it easy to take anywhere.\u003c\/p\u003e\n\n                \u003cp\u003eDesigned for adventure, it features dual side caps and water and dustproof fabric. Your music will sound clear and dynamic with booming bass thanks to the 3-way speaker system.\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Feature: Sound --\u003e\n    \u003cdiv class=\"jbl-section\"\u003e\n\n        \u003cdiv class=\"jbl-container jbl-text-center jbl-reveal\"\u003e\n\n            \u003ch2 style=\"font-size: 3rem; margin-bottom: 1rem; color: #1d1d1f;\"\u003eJBL Original\u003cbr\u003ePro Sound.\u003c\/h2\u003e\n\n            \u003cp style=\"color: #6e6e73; font-size: 1.25rem; margin-bottom: 3rem; max-width: 600px; margin-left: auto; margin-right: auto;\"\u003e\n                Elevate your audio experience with a powerful 180W 3-way system.\n            \u003c\/p\u003e\n\n\n            \u003c!-- Dark Gray Card (Not Black) --\u003e\n            \u003cdiv class=\"jbl-card-dark jbl-text-left\" style=\"max-width: 800px; margin: 0 auto;\"\u003e\n\n                \u003cdiv style=\"position: relative; z-index: 10;\"\u003e\n\n                    \u003cdiv style=\"display: inline-block; padding: 0.25rem 0.75rem; background: rgba(255,255,255,0.15); border-radius: 99px; font-size: 0.75rem; color: #fff; margin-bottom: 1rem; border: 1px solid rgba(255,255,255,0.1);\"\u003e\n\n                        \u003ci class=\"fa-solid fa-volume-high\"\u003e\u003c\/i\u003e 3-WAY SYSTEM\n                    \u003c\/div\u003e\n\n                    \u003ch3 style=\"font-size: 2.5rem; color: white; margin-bottom: 1rem;\"\u003e136W Battery \/ 180W AC.\u003c\/h3\u003e\n\n                    \u003cp style=\"color: #d1d1d6; font-size: 1.1rem;\"\u003eDeep bass and crystal-clear audio thanks to 1 Woofer, 2 Mid-Range drivers, and 2 dedicated Tweeters.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n                \u003c!-- Background decoration --\u003e\n                \u003cdiv style=\"position: absolute; top: -50px; right: -50px; width: 300px; height: 300px; background: #f97316; opacity: 0.2; filter: blur(80px); border-radius: 50%;\"\u003e\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Feature: Battery --\u003e\n    \u003cdiv class=\"jbl-section\" style=\"background-color: #f5f5f7;\"\u003e\n\n        \u003cdiv class=\"jbl-container jbl-reveal\" style=\"display: flex; flex-direction: column; gap: 3rem;\"\u003e\n\n            \u003cdiv class=\"jbl-row-md\" style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n                \n                \u003c!-- Left Column --\u003e\n                \u003cdiv style=\"flex: 1; text-align: center;\"\u003e\n\n                    \u003ch2 style=\"color: #6e6e73; font-size: 1.5rem; margin-bottom: 0.5rem;\"\u003eBattery\u003c\/h2\u003e\n\n                    \u003cdiv class=\"jbl-battery-text\"\u003e\n\n                        24\u003cspan class=\"jbl-battery-sup\"\u003eh\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv style=\"margin-top: 1rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem;\"\u003e\n\n                        \u003cdiv style=\"width: 100px; height: 8px; background: #e5e7eb; border-radius: 4px; overflow: hidden;\"\u003e\n\n                            \u003cdiv style=\"width: 100%; height: 100%; background: #34c759;\"\u003e\u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cspan style=\"font-size: 0.75rem; color: #34c759; font-weight: bold;\"\u003eAll day\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003c!-- Right Column --\u003e\n                \u003cdiv style=\"flex: 1; text-align: center; padding: 0 1rem;\"\u003e\n\n                    \u003cp style=\"font-size: 1.25rem; font-weight: 600; margin-bottom: 1.5rem; color: #1d1d1f;\"\u003eFrom morning till night.\u003c\/p\u003e\n\n                    \u003cp style=\"color: #424245;\"\u003eEnjoy your music worry-free with up to \u003cstrong style=\"color: #1d1d1f;\"\u003e24 hours of playback\u003c\/strong\u003e. Charge your devices via USB and keep the party alive.\u003c\/p\u003e\n\n                    \n                    \u003cdiv style=\"margin-top: 2rem; background: white; padding: 1rem; border-radius: 1rem; display: inline-flex; align-items: center; gap: 1rem; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\"\u003e\n\n                        \u003cdiv style=\"width: 40px; height: 40px; background: #f97316; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;\"\u003e\n\n                            \u003ci class=\"fa-solid fa-plug\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv style=\"text-align: left;\"\u003e\n\n                            \u003cspan style=\"display: block; font-size: 0.75rem; font-weight: bold; color: #6e6e73; text-transform: uppercase;\"\u003ePower\u003c\/span\u003e\n                            \u003cspan style=\"font-size: 0.9rem; font-weight: 600; color: #1d1d1f;\"\u003eAC Cable included\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Feature: PartyBoost --\u003e\n    \u003cdiv class=\"jbl-section\"\u003e\n\n        \u003cdiv class=\"jbl-container jbl-text-center jbl-reveal\"\u003e\n\n            \u003cdiv style=\"width: 60px; height: 60px; background: #fff7ed; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; color: #ea580c; font-size: 1.5rem;\"\u003e\n\n                \u003ci class=\"fa-solid fa-infinity\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n\n            \u003ch2 style=\"font-size: 2.5rem; margin-bottom: 1rem; color: #1d1d1f;\"\u003ePartyBoost.\u003c\/h2\u003e\n\n            \u003cp style=\"color: #6e6e73; margin-bottom: 3rem;\"\u003eLink multiple \u003cstrong\u003ePartyBoost\u003c\/strong\u003e-compatible speakers for stereo sound or to liven up big parties.\u003c\/p\u003e\n\n\n            \u003c!-- PartyBoost Visual --\u003e\n            \u003cdiv style=\"background: #fbfbfd; border: 1px solid #f2f2f7; border-radius: 2rem; padding: 3rem 1rem; max-width: 600px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 1.5rem;\"\u003e\n\n                \n                \u003ci class=\"fa-solid fa-speaker-deck\" style=\"font-size: 2rem; color: #d1d1d6;\"\u003e\u003c\/i\u003e\n                \n                \u003cdiv style=\"position: relative; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;\"\u003e\n\n                    \u003cdiv class=\"jbl-ripple-dot\"\u003e\u003c\/div\u003e\n\n                    \u003cdiv class=\"jbl-ripple-dot\" style=\"animation-delay: 0.5s;\"\u003e\u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003cdiv style=\"background: #2c2c2e; color: white; padding: 1rem; border-radius: 1rem; display: flex; flex-direction: column; align-items: center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\"\u003e\n\n                    \u003ci class=\"fa-brands fa-bluetooth-b\" style=\"font-size: 1.5rem; margin-bottom: 0.5rem;\"\u003e\u003c\/i\u003e\n                    \u003cspan style=\"font-size: 0.7rem; text-transform: uppercase; font-weight: bold;\"\u003eV 5.3\u003c\/span\u003e\n                \u003c\/div\u003e\n\n\n                \u003cdiv style=\"position: relative; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;\"\u003e\n\n                    \u003cdiv class=\"jbl-ripple-dot\"\u003e\u003c\/div\u003e\n\n                    \u003cdiv class=\"jbl-ripple-dot\" style=\"animation-delay: 0.5s;\"\u003e\u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003ci class=\"fa-solid fa-speaker-deck\" style=\"font-size: 2rem; color: #d1d1d6;\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Functionality and Design (Bento Grid) --\u003e\n    \u003cdiv class=\"jbl-section\" style=\"background: #ffffff; padding-bottom: 6rem;\"\u003e\n\n        \u003cdiv class=\"jbl-container jbl-reveal\"\u003e\n\n            \u003ch2 class=\"jbl-text-center\" style=\"font-size: 2.5rem; margin-bottom: 3rem; color: #1d1d1f;\"\u003eTough as steel.\u003c\/h2\u003e\n\n\n            \u003cdiv class=\"jbl-bento-grid jbl-grid-2\"\u003e \n                \n                \u003c!-- Metal Handle Card --\u003e\n                \u003cdiv class=\"jbl-card-dark jbl-card-gray jbl-col-span-2\" style=\"display: flex; flex-direction: column; justify-content: space-between;\"\u003e\n\n                    \u003cdiv\u003e\n\n                        \u003cdiv style=\"width: 50px; height: 50px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; margin-bottom: 1rem; font-size: 1.25rem;\"\u003e\n\n                            \u003ci class=\"fa-solid fa-grip-lines\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n\n                        \u003ch3 style=\"color: white; font-size: 1.5rem; margin-bottom: 0.5rem;\"\u003eRobust Metal Handle.\u003c\/h3\u003e\n\n                        \u003cp style=\"color: #d1d1d6; font-size: 0.95rem;\"\u003eSleek design with orange silicone grips. Take it to the beach, backyard, or a friend's house with complete peace of mind.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003c!-- IP67 Card --\u003e\n                \u003cdiv class=\"jbl-card-dark jbl-card-gray jbl-text-center\" style=\"display: flex; flex-direction: column; justify-content: center; align-items: center;\"\u003e\n\n                    \u003ci class=\"fa-solid fa-shield-cat\" style=\"font-size: 3rem; color: #f97316; margin-bottom: 1rem;\"\u003e\u003c\/i\u003e\n                    \u003ch3 style=\"color: white; font-size: 1.25rem;\"\u003eIP67 Waterproof\u003c\/h3\u003e\n\n                    \u003cp style=\"color: #d1d1d6; font-size: 0.85rem;\"\u003eWater and dustproof fabric. Sand or rain, no problem.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003c!-- Bundle Card --\u003e\n                \u003cdiv class=\"jbl-card-dark jbl-card-gray jbl-col-span-3\" style=\"display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;\"\u003e\n\n                    \u003cdiv style=\"width: 50px; height: 50px; background: rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.25rem;\"\u003e\n\n                        \u003ci class=\"fa-solid fa-box-open\"\u003e\u003c\/i\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv style=\"flex: 1;\"\u003e\n\n                        \u003ch3 style=\"color: white; font-size: 1.1rem; margin-bottom: 0;\"\u003eEverything included in the box\u003c\/h3\u003e\n\n                        \u003cp style=\"color: #d1d1d6; font-size: 0.9rem; margin-bottom: 0;\"\u003eBoombox 3 + Aux Cable + USB-C Cable + Microfiber Cloth.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \n     \u003c!-- Product Footer --\u003e\n    \u003cdiv class=\"jbl-section\" style=\"background: #ffffff; padding-top: 2rem;\"\u003e\n\n        \u003cdiv class=\"jbl-container jbl-text-center\"\u003e\n\n            \u003ch2 style=\"font-size: 2rem; color: #1d1d1f;\"\u003eJBL Boombox 3\u003c\/h2\u003e\n\n            \u003cp style=\"color: #6b7280; font-size: 0.9rem;\"\u003eThe life of the party.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n\u003c\/div\u003e\n\n\u003c!-- Animation Script (Simple and Safe) --\u003e\n\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var reveals = document.querySelectorAll(\".jbl-reveal\");\n        \n        function checkScroll() {\n            var windowHeight = window.innerHeight;\n            var elementVisible = 100;\n\n            for (var i = 0; i \u003c reveals.length; i++) {\n                var elementTop = reveals[i].getBoundingClientRect().top;\n                if (elementTop \u003c windowHeight - elementVisible) {\n                    reveals[i].classList.add(\"active\");\n                }\n            }\n        }\n\n        window.addEventListener(\"scroll\", checkScroll);\n        \/\/ Verificar al cargar\n        checkScroll();\n        \/\/ Verificar después de un breve retraso por si las imágenes cargan tarde\n        setTimeout(checkScroll, 500);\n    });\n\u003c\/script\u003e","brand":"OURBIZ-US Shop","offers":[{"title":"Black","offer_id":58174413603164,"sku":"B0CPR3KWN9","price":479.94,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1035\/3629\/6284\/files\/eca95066e3ca3d401254f6dedf41abe3.jpg?v=1782958666","url":"https:\/\/www.ourbiz-us.shop\/en\/products\/parlante-jbl-boombox-3-negro","provider":"OURBIZ-US Shop","version":"1.0","type":"link"}