{"id":1567,"date":"2026-03-20T03:18:01","date_gmt":"2026-03-20T03:18:01","guid":{"rendered":"https:\/\/gqlamp.com\/?page_id=1567"},"modified":"2026-03-20T03:41:36","modified_gmt":"2026-03-20T03:41:36","slug":"led-pixel-light-model-comparison","status":"publish","type":"page","link":"https:\/\/gqlamp.com\/es\/facade-architectural-lighting\/led-pixel-lights\/led-pixel-light-model-comparison\/","title":{"rendered":"Comparaci\u00f3n de modelos de luces LED de p\u00edxeles"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-61f37c8\" data-block-id=\"61f37c8\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-61f37c8-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ecaa45c\" data-v=\"4\" data-block-id=\"ecaa45c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ecaa45c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ecaa45c-inner-blocks\"><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-13352a9\" data-block-id=\"13352a9\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-13352a9-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b9d8419\" data-v=\"4\" data-block-id=\"b9d8419\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b9d8419-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b9d8419-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-a0a5947\" data-block-id=\"a0a5947\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-a0a5947-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-3b38a83\" data-v=\"4\" data-block-id=\"3b38a83\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-3b38a83-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-3b38a83-inner-blocks\">\n<section id=\"bx-model-compare-v1\">\n    <style>\n        \/* =========================================\n           Scope: #bx-model-compare-v1\n           Description: B2B Industrial Interactive Comparison Tool\n           Constraints: Max-width 1280px, Flat Design, No Ext Fonts, Semantic Headers\n        ========================================= *\/\n\n        \/* --- 1. \u9876\u7ea7\u5bb9\u5668\u4e0e\u5168\u5c40\u91cd\u7f6e --- *\/\n        #bx-model-compare-v1 {\n            width: 100% !important;\n            padding: 40px 0 !important; \/* \u5145\u8db3\u4e0a\u4e0b\u7559\u767d *\/\n            background-color: transparent !important;\n            box-sizing: border-box !important;\n            overflow: hidden !important;\n        }\n\n        #bx-model-compare-v1 *,\n        #bx-model-compare-v1 *::before,\n        #bx-model-compare-v1 *::after {\n            box-sizing: border-box !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        #bx-model-compare-v1 .bx-tool-wrapper {\n            max-width: 1260px !important; \n            margin: 0 auto !important;\n        }\n\n        \/* --- 2. \u6838\u5fc3\u4e3b\u6807\u9898\u4e0e\u5f15\u8a00 (H2) --- *\/\n        #bx-model-compare-v1 h2.bx-main-title {\n            font-size: 32px !important;\n            font-weight: 700 !important;\n            color: #183090 !important; \/* Theme Blue *\/\n            text-align: center !important;\n            line-height: 1.3 !important;\n            margin: 0 auto 20px auto !important;\n            position: relative !important;\n            padding-bottom: 16px !important;\n            letter-spacing: -0.5px !important;\n        }\n\n        #bx-model-compare-v1 h2.bx-main-title::after {\n            content: \"\" !important;\n            position: absolute !important;\n            bottom: 0 !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            width: 60px !important;\n            height: 3px !important;\n            background-color: #D81818 !important; \/* Theme Red *\/\n        }\n\n        #bx-model-compare-v1 p.bx-subtitle {\n            text-align: center !important;\n            color: #555555 !important;\n            font-size: 16px !important;\n            margin: 0 auto 40px auto !important;\n            max-width: 800px !important;\n            line-height: 1.6 !important;\n        }\n\n        \/* --- 3. \u9009\u578b\u7f51\u683c (Flat Design & Sharp Edges) --- *\/\n        #bx-model-compare-v1 .bx-selector-grid {\n            display: grid !important;\n            grid-template-columns: repeat(4, 1fr) !important;\n            gap: 16px !important;\n            margin-bottom: 24px !important;\n        }\n\n        #bx-model-compare-v1 .bx-model-input {\n            position: absolute !important;\n            opacity: 0 !important;\n            width: 0 !important;\n            height: 0 !important;\n            pointer-events: none !important;\n        }\n\n        \/* \u6781\u7b80\u5de5\u4e1a\u98ce\u5361\u7247 *\/\n        #bx-model-compare-v1 .bx-model-card {\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: center !important;\n            justify-content: center !important;\n            gap: 8px !important;\n            padding: 20px 16px !important;\n            border: 1px solid #d8d8d8 !important;\n            border-radius: 0 !important; \/* \u53bb\u9664\u5706\u89d2\uff0c\u5448\u73b0\u786c\u6717\u611f *\/\n            background: #ffffff !important;\n            cursor: pointer !important;\n            transition: border-color 0.2s ease, background 0.2s ease !important;\n            user-select: none !important;\n            text-align: center !important;\n            min-height: 110px !important;\n        }\n\n        #bx-model-compare-v1 .bx-model-card:hover {\n            border-color: #183090 !important;\n            background: #f8f9fa !important;\n        }\n\n        \/* \u9009\u4e2d\u72b6\u6001\uff1a\u9510\u5229\u8fb9\u7f18\u4e0e\u586b\u8272 *\/\n        #bx-model-compare-v1 .bx-model-input:checked + .bx-model-card {\n            border: 2px solid #183090 !important;\n            background: #f0f4f8 !important;\n        }\n\n        #bx-model-compare-v1 .bx-model-input:checked + .bx-model-card .bx-card-check {\n            opacity: 1 !important;\n            transform: scale(1) !important;\n        }\n\n        #bx-model-compare-v1 .bx-card-icon {\n            font-size: 24px !important;\n            line-height: 1 !important;\n            color: #303030 !important;\n        }\n\n        \/* \u4f7f\u7528\u7cfb\u7edf\u7ea7\u7b49\u5bbd\u5b57\u4f53\u56de\u9000\uff0c\u62d2\u7edd\u5916\u90e8\u5f15\u5165 *\/\n        #bx-model-compare-v1 .bx-card-name {\n            font-weight: 700 !important;\n            font-size: 16px !important;\n            color: #183090 !important;\n        }\n\n        #bx-model-compare-v1 .bx-card-shape {\n            font-size: 13px !important;\n            color: #808080 !important;\n            line-height: 1.3 !important;\n        }\n\n        #bx-model-compare-v1 .bx-card-check {\n            position: absolute !important;\n            top: 8px !important;\n            right: 8px !important;\n            width: 20px !important;\n            height: 20px !important;\n            background: #009048 !important;\n            border-radius: 0 !important; \/* \u65b9\u5f62\u786e\u8ba4\u6846 *\/\n            opacity: 0 !important;\n            transform: scale(0.8) !important;\n            transition: opacity 0.2s ease, transform 0.2s ease !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n        }\n\n        #bx-model-compare-v1 .bx-card-check svg {\n            width: 12px !important;\n            height: 12px !important;\n            fill: #fff !important;\n        }\n\n        #bx-model-compare-v1 .bx-card-wrapper {\n            position: relative !important;\n            display: block !important;\n        }\n\n        \/* --- 4. \u64cd\u4f5c\u6307\u4ee4\u4e0e\u8ba1\u6570\u5668 --- *\/\n        #bx-model-compare-v1 .bx-instruction-row {\n            display: flex !important;\n            align-items: center !important;\n            justify-content: space-between !important;\n            flex-wrap: wrap !important;\n            gap: 12px !important;\n            margin-bottom: 24px !important;\n            padding-bottom: 16px !important;\n            border-bottom: 1px solid #eaeaea !important;\n        }\n\n        #bx-model-compare-v1 .bx-instruction-text {\n            font-size: 15px !important;\n            color: #555555 !important;\n        }\n\n        #bx-model-compare-v1 .bx-counter {\n            font-size: 14px !important;\n            color: #183090 !important;\n            font-weight: 700 !important;\n            background: #f8f9fa !important;\n            padding: 4px 12px !important;\n            border: 1px solid #eaeaea !important;\n        }\n\n        \/* \u8b66\u544a\u4fe1\u606f *\/\n        #bx-model-compare-v1 .bx-max-warning {\n            text-align: center !important;\n            color: #D81818 !important;\n            font-size: 14px !important;\n            font-weight: 700 !important;\n            margin-top: -8px !important;\n            margin-bottom: 16px !important;\n            display: none !important;\n        }\n\n        #bx-model-compare-v1 .bx-max-warning.bx-visible {\n            display: block !important;\n        }\n\n        \/* --- 5. \u64cd\u4f5c\u6309\u94ae --- *\/\n        #bx-model-compare-v1 .bx-compare-btn {\n            display: block !important;\n            margin: 0 auto 40px auto !important;\n            padding: 14px 40px !important;\n            background: #183090 !important;\n            color: #ffffff !important;\n            border: 2px solid #183090 !important;\n            border-radius: 0 !important; \/* \u7edd\u5bf9\u950b\u5229 *\/\n            font-size: 16px !important;\n            font-weight: 700 !important;\n            cursor: pointer !important;\n            transition: background 0.2s, color 0.2s !important;\n            letter-spacing: 0.5px !important;\n        }\n\n        #bx-model-compare-v1 .bx-compare-btn:hover:not(:disabled) {\n            background: #ffffff !important;\n            color: #183090 !important;\n        }\n\n        #bx-model-compare-v1 .bx-compare-btn:disabled {\n            background: #e0e0e0 !important;\n            border-color: #e0e0e0 !important;\n            color: #a0a0a0 !important;\n            cursor: not-allowed !important;\n        }\n\n        \/* --- 6. \u5bf9\u6bd4\u7ed3\u679c\u533a\u57df --- *\/\n        #bx-model-compare-v1 .bx-results {\n            display: none !important;\n        }\n\n        #bx-model-compare-v1 .bx-results.bx-active {\n            display: block !important;\n            animation: bxFadeIn 0.4s ease forwards !important;\n        }\n\n        @keyframes bxFadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* \u684c\u9762\u7aef\u6570\u636e\u8868\u683c (\u53bb\u4fee\u9970\uff0c\u91cd\u5de5\u5316) *\/\n        #bx-model-compare-v1 .bx-comp-table {\n            width: 100% !important;\n            border-collapse: collapse !important;\n            margin-bottom: 32px !important;\n            border-top: 3px solid #183090 !important;\n            border-bottom: 3px solid #183090 !important;\n            background: #ffffff !important;\n        }\n\n        #bx-model-compare-v1 .bx-comp-table thead th {\n            background: #f8f9fa !important;\n            color: #183090 !important;\n            padding: 16px !important;\n            font-weight: 700 !important;\n            text-align: center !important;\n            font-size: 15px !important;\n            border-bottom: 2px solid #eaeaea !important;\n            border-right: 1px solid #eaeaea !important;\n        }\n\n        #bx-model-compare-v1 .bx-comp-table thead th:first-child {\n            text-align: left !important;\n        }\n        #bx-model-compare-v1 .bx-comp-table thead th:last-child {\n            border-right: none !important;\n        }\n\n        #bx-model-compare-v1 .bx-comp-table tbody td {\n            padding: 16px !important;\n            border-bottom: 1px solid #f0f0f0 !important;\n            border-right: 1px solid #f0f0f0 !important;\n            text-align: center !important;\n            vertical-align: middle !important;\n            color: #303030 !important;\n            font-size: 15px !important;\n        }\n\n        #bx-model-compare-v1 .bx-comp-table tbody td:last-child {\n            border-right: none !important;\n        }\n\n        #bx-model-compare-v1 .bx-comp-table tbody td:first-child {\n            text-align: left !important;\n            font-weight: 700 !important;\n            color: #555555 !important;\n            background: #fafbfc !important;\n        }\n\n        #bx-model-compare-v1 .bx-comp-table tbody tr:last-child td {\n            border-bottom: none !important;\n        }\n\n        #bx-model-compare-v1 .bx-spec-val {\n            font-size: 14px !important;\n        }\n\n        #bx-model-compare-v1 .bx-winner {\n            background: rgba(0, 144, 72, 0.05) !important;\n            position: relative !important;\n        }\n\n        #bx-model-compare-v1 .bx-winner .bx-spec-val {\n            color: #009048 !important;\n            font-weight: 700 !important;\n        }\n\n        #bx-model-compare-v1 .bx-winner-badge {\n            display: inline-block !important;\n            background: #009048 !important;\n            color: #ffffff !important;\n            font-size: 10px !important;\n            font-weight: 700 !important;\n            padding: 2px 6px !important;\n            margin-left: 8px !important;\n            vertical-align: middle !important;\n            text-transform: uppercase !important;\n        }\n\n        \/* --- 7. \u901a\u7528\u89c4\u683c\u4e0e\u603b\u7ed3\u5e95\u680f --- *\/\n        #bx-model-compare-v1 .bx-common-specs {\n            background: #ffffff !important;\n            border: 1px solid #eaeaea !important;\n            border-left: 4px solid #303030 !important;\n            padding: 24px 32px !important;\n            margin-bottom: 24px !important;\n            font-size: 15px !important;\n            color: #555555 !important;\n            line-height: 1.7 !important;\n        }\n\n        #bx-model-compare-v1 .bx-summary {\n            background: #f8f9fa !important;\n            border-left: 4px solid #183090 !important;\n            padding: 24px 32px !important;\n            margin-bottom: 40px !important;\n            font-size: 16px !important;\n            line-height: 1.65 !important;\n            color: #303030 !important;\n        }\n\n        #bx-model-compare-v1 .bx-common-specs strong,\n        #bx-model-compare-v1 .bx-summary strong {\n            color: #183090 !important;\n            font-weight: 700 !important;\n        }\n\n        \/* --- 8. CTA \u4e0e\u91cd\u7f6e\u6309\u94ae --- *\/\n        #bx-model-compare-v1 .bx-cta-row {\n            text-align: center !important;\n            margin-top: 32px !important;\n        }\n\n        #bx-model-compare-v1 .bx-cta-link {\n            display: inline-block !important;\n            padding: 16px 40px !important;\n            background: #D81818 !important; \/* Theme Red *\/\n            color: #ffffff !important;\n            text-decoration: none !important;\n            border-radius: 0 !important;\n            font-weight: 700 !important;\n            font-size: 16px !important;\n            transition: background 0.2s !important;\n        }\n\n        #bx-model-compare-v1 .bx-cta-link:hover {\n            background: #b51414 !important;\n        }\n\n        #bx-model-compare-v1 .bx-reset-row {\n            text-align: center !important;\n            margin-top: 24px !important;\n        }\n\n        #bx-model-compare-v1 .bx-reset-btn {\n            background: none !important;\n            border: none !important;\n            color: #555555 !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            cursor: pointer !important;\n            text-decoration: underline !important;\n            transition: color 0.2s !important;\n        }\n\n        #bx-model-compare-v1 .bx-reset-btn:hover {\n            color: #183090 !important;\n        }\n\n        \/* --- 9. \u79fb\u52a8\u7aef\u7ed3\u6784\u91cd\u7ec4 --- *\/\n        #bx-model-compare-v1 .bx-mobile-cards {\n            display: none !important;\n        }\n\n        #bx-model-compare-v1 select option {\n            color: #000000 !important;\n            background: #ffffff !important;\n        }\n\n        @media (max-width: 992px) {\n            #bx-model-compare-v1 .bx-selector-grid {\n                grid-template-columns: repeat(2, 1fr) !important;\n            }\n        }\n\n        @media (max-width:690px) {\n            #bx-model-compare-v1 .bx-tool-wrapper {\n                width: 100% !important;\n                padding: 0 20px !important;\n            }\n            #bx-model-compare-v1 h2.bx-main-title {\n                font-size: 28px !important;\n            }\n            #bx-model-compare-v1 .bx-comp-table {\n                display: none !important; \/* \u9690\u85cf\u684c\u9762\u8868\u683c *\/\n            }\n\n            \/* \u542f\u7528\u79fb\u52a8\u7aef\u5361\u7247 (JS\u4e2d\u6ce8\u5165\u4e86 H3 \u6807\u7b7e\u4fdd\u8bc1\u7ed3\u6784) *\/\n            #bx-model-compare-v1 .bx-mobile-cards {\n                display: flex !important;\n                flex-direction: column !important;\n                gap: 24px !important;\n                margin-bottom: 32px !important;\n            }\n\n            #bx-model-compare-v1 .bx-mob-card {\n                border: 1px solid #eaeaea !important;\n                border-top: 3px solid #183090 !important;\n                background: #ffffff !important;\n            }\n\n            #bx-model-compare-v1 h3.bx-mob-card-title {\n                background: #f8f9fa !important;\n                color: #183090 !important;\n                padding: 16px 20px !important;\n                font-weight: 700 !important;\n                font-size: 18px !important;\n                text-align: center !important;\n                margin: 0 !important;\n                border-bottom: 1px solid #eaeaea !important;\n            }\n\n            #bx-model-compare-v1 .bx-mob-row {\n                display: flex !important;\n                justify-content: space-between !important;\n                padding: 14px 20px !important;\n                border-bottom: 1px solid #f0f0f0 !important;\n                font-size: 14px !important;\n                align-items: center !important;\n            }\n\n            #bx-model-compare-v1 .bx-mob-row:last-child {\n                border-bottom: none !important;\n            }\n\n            #bx-model-compare-v1 .bx-mob-label {\n                font-weight: 700 !important;\n                color: #555555 !important;\n            }\n\n            #bx-model-compare-v1 .bx-mob-value {\n                text-align: right !important;\n                color: #303030 !important;\n            }\n\n            #bx-model-compare-v1 .bx-mob-winner {\n                background: rgba(0, 144, 72, 0.05) !important;\n            }\n\n            #bx-model-compare-v1 .bx-mob-winner .bx-mob-value {\n                color: #009048 !important;\n                font-weight: 700 !important;\n            }\n            \n            #bx-model-compare-v1 .bx-common-specs,\n            #bx-model-compare-v1 .bx-summary {\n                padding: 20px !important;\n            }\n        }\n    <\/style>\n\n    <div class=\"bx-tool-wrapper\">\n        \n        <h2 class=\"bx-main-title\">LED Pixel Light Model Comparison<\/h2>\n        <p class=\"bx-subtitle\">Compare PX series specifications side by side to find the right fit for your project.<\/p>\n\n        <div class=\"bx-selector-grid\" id=\"bxSelectorGrid\">\n\n            <label class=\"bx-card-wrapper\">\n                <input type=\"checkbox\" class=\"bx-model-input\" name=\"bx-model\" value=\"PX-F35\">\n                <div class=\"bx-model-card\">\n                    <span class=\"bx-card-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-5\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                    <span class=\"bx-card-icon\">&#9679;<\/span>\n                    <span class=\"bx-card-name\">PX-F35<\/span>\n                    <span class=\"bx-card-shape\">Round &bull; 34mm<\/span>\n                <\/div>\n            <\/label>\n\n            <label class=\"bx-card-wrapper\">\n                <input type=\"checkbox\" class=\"bx-model-input\" name=\"bx-model\" value=\"PX-F40\">\n                <div class=\"bx-model-card\">\n                    <span class=\"bx-card-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-5\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                    <span class=\"bx-card-icon\">&#9679;<\/span>\n                    <span class=\"bx-card-name\">PX-F40<\/span>\n                    <span class=\"bx-card-shape\">Round &bull; 40mm<\/span>\n                <\/div>\n            <\/label>\n\n            <label class=\"bx-card-wrapper\">\n                <input type=\"checkbox\" class=\"bx-model-input\" name=\"bx-model\" value=\"PX-F45\">\n                <div class=\"bx-model-card\">\n                    <span class=\"bx-card-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-5\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                    <span class=\"bx-card-icon\">&#9679;<\/span>\n                    <span class=\"bx-card-name\">PX-F45<\/span>\n                    <span class=\"bx-card-shape\">Round &bull; 45mm<\/span>\n                <\/div>\n            <\/label>\n\n            <label class=\"bx-card-wrapper\">\n                <input type=\"checkbox\" class=\"bx-model-input\" name=\"bx-model\" value=\"PX-F32\">\n                <div class=\"bx-model-card\">\n                    <span class=\"bx-card-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-5\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                    <span class=\"bx-card-icon\">&#9679;<\/span>\n                    <span class=\"bx-card-name\">PX-F32<\/span>\n                    <span class=\"bx-card-shape\">Round &bull; 32mm<\/span>\n                <\/div>\n            <\/label>\n\n            <label class=\"bx-card-wrapper\">\n                <input type=\"checkbox\" class=\"bx-model-input\" name=\"bx-model\" value=\"PX-F42\">\n                <div class=\"bx-model-card\">\n                    <span class=\"bx-card-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-5\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                    <span class=\"bx-card-icon\">&#9679;<\/span>\n                    <span class=\"bx-card-name\">PX-F42<\/span>\n                    <span class=\"bx-card-shape\">Round &bull; 42mm<\/span>\n                <\/div>\n            <\/label>\n\n            <label class=\"bx-card-wrapper\">\n                <input type=\"checkbox\" class=\"bx-model-input\" name=\"bx-model\" value=\"PX-K2560\">\n                <div class=\"bx-model-card\">\n                    <span class=\"bx-card-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-5\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                    <span class=\"bx-card-icon\">&#9645;<\/span>\n                    <span class=\"bx-card-name\">PX-K2560<\/span>\n                    <span class=\"bx-card-shape\">Rectangular &bull; 25&times;60mm<\/span>\n                <\/div>\n            <\/label>\n\n            <label class=\"bx-card-wrapper\">\n                <input type=\"checkbox\" class=\"bx-model-input\" name=\"bx-model\" value=\"PX-K3338\">\n                <div class=\"bx-model-card\">\n                    <span class=\"bx-card-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-5\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                    <span class=\"bx-card-icon\">&#9632;<\/span>\n                    <span class=\"bx-card-name\">PX-K3338<\/span>\n                    <span class=\"bx-card-shape\">Square &bull; 33&times;38mm<\/span>\n                <\/div>\n            <\/label>\n\n            <label class=\"bx-card-wrapper\">\n                <input type=\"checkbox\" class=\"bx-model-input\" name=\"bx-model\" value=\"PX-S50\">\n                <div class=\"bx-model-card\">\n                    <span class=\"bx-card-check\"><svg viewBox=\"0 0 12 12\"><path d=\"M2 6l3 3 5-5\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                    <span class=\"bx-card-icon\">&#9679;<\/span>\n                    <span class=\"bx-card-name\">PX-S50<\/span>\n                    <span class=\"bx-card-shape\">Round &bull; 50mm<\/span>\n                <\/div>\n            <\/label>\n\n        <\/div>\n\n        <div class=\"bx-instruction-row\">\n            <span class=\"bx-instruction-text\">Select 2&ndash;3 models to compare<\/span>\n            <span class=\"bx-counter\" id=\"bxCounter\">0 \/ 3 selected<\/span>\n        <\/div>\n\n        <p class=\"bx-max-warning\" id=\"bxMaxWarn\">Maximum 3 models. Deselect one before adding another.<\/p>\n\n        <button type=\"button\" class=\"bx-compare-btn\" id=\"bxCompareBtn\" disabled>Compare Selected Models<\/button>\n\n        <div class=\"bx-results\" id=\"bxResults\">\n            \n            <div id=\"bxTableWrap\"><\/div>\n            \n            <div class=\"bx-mobile-cards\" id=\"bxMobileCards\"><\/div>\n\n            <div class=\"bx-common-specs\">\n                <strong>Shared across all PX models:<\/strong> IP67 waterproof &bull; UL 94 V-0 flame rating &bull; PC housing &bull; Operating temperature &minus;30&deg;C to 60&deg;C &bull; 50,000-hour lifespan &bull; Cree \/ Epistar \/ Osram \/ San&#8217;an LEDs &bull; CE &amp; RoHS certified &bull; 120&deg; beam angle\n            <\/div>\n\n            <div class=\"bx-summary\" id=\"bxSummary\"><\/div>\n\n            <div class=\"bx-cta-row\">\n                <a href=\"#ct-popup-801\" class=\"bx-cta-link\">Need Help Choosing? &rarr;<\/a>\n            <\/div>\n\n            <div class=\"bx-reset-row\">\n                <button type=\"button\" class=\"bx-reset-btn\" id=\"bxResetBtn\">Reset &amp; compare different models<\/button>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <script>\n    (function() {\n        'use strict';\n\n        \/* \u2500\u2500 Product Database \u2500\u2500 *\/\n        var DB = {\n            'PX-F35': {\n                form: 'Round', dims: '\\u00d834.2 \\u00d7 12.3 mm', dimsSort: 34.2, height: 12.3,\n                powerRange: '0.72W \/ 0.96W \/ 1.44W', powerMin: 0.72, powerMax: 1.44,\n                voltage: 'DC12V \/ DC24V', voltageOpts: 2, protocol: 'TTL \/ DMX512',\n                bestFor: 'Ultra-compact facade dot arrays and contour outlining where minimal pixel size matters'\n            },\n            'PX-F40': {\n                form: 'Round', dims: '\\u00d839.6 \\u00d7 12.8 mm', dimsSort: 39.6, height: 12.8,\n                powerRange: '1.44W \/ 1.96W', powerMin: 1.44, powerMax: 1.96,\n                voltage: 'DC12V \/ DC24V', voltageOpts: 2, protocol: 'TTL \/ DMX512',\n                bestFor: 'Mid-size building media facades and architectural accent lighting with TTL control'\n            },\n            'PX-F45': {\n                form: 'Round', dims: '\\u00d845 \\u00d7 16.2 mm', dimsSort: 45, height: 16.2,\n                powerRange: '1.44W \/ 1.96W', powerMin: 1.44, powerMax: 1.96,\n                voltage: 'DC12V \/ DC24V', voltageOpts: 2, protocol: 'TTL \/ DMX512',\n                bestFor: 'Wide-spacing facade grids where larger pixel diameter improves visibility at distance'\n            },\n            'PX-F32': {\n                form: 'Round', dims: '\\u00d832.2 \\u00d7 16.6 mm', dimsSort: 32.2, height: 16.6,\n                powerRange: '1.44W \/ 1.96W', powerMin: 1.44, powerMax: 1.96,\n                voltage: 'DC12V \/ DC24V', voltageOpts: 2, protocol: 'SPI \/ DMX512',\n                bestFor: 'Compact SPI-driven pixel matrices ideal for dense media wall patterns'\n            },\n            'PX-F42': {\n                form: 'Round', dims: '\\u00d841.4 \\u00d7 14.7 mm', dimsSort: 41.4, height: 14.7,\n                powerRange: '1.44W \/ 1.96W', powerMin: 1.44, powerMax: 1.96,\n                voltage: 'DC12V \/ DC24V', voltageOpts: 2, protocol: 'SPI \/ DMX512',\n                bestFor: 'Medium-pitch SPI pixel arrays for building media facades with IC-based control'\n            },\n            'PX-K2560': {\n                form: 'Rectangular', dims: '25 \\u00d7 60 \\u00d7 15 mm', dimsSort: 60, height: 15,\n                powerRange: '2.88W \/ 3.88W', powerMin: 2.88, powerMax: 3.88,\n                voltage: 'DC24V', voltageOpts: 1, protocol: 'SPI \/ DMX512',\n                bestFor: 'High-output linear pixel runs on building edges, eave lines, and bridge decks'\n            },\n            'PX-K3338': {\n                form: 'Square', dims: '33 \\u00d7 38 \\u00d7 14 mm', dimsSort: 38, height: 14,\n                powerRange: '0.72W \/ 0.96W \/ 1.44W', powerMin: 0.72, powerMax: 1.44,\n                voltage: 'DC24V', voltageOpts: 1, protocol: 'TTL \/ DMX512',\n                bestFor: 'Square-format wall grids for uniform tiled pixel arrays on flat facade surfaces'\n            },\n            'PX-S50': {\n                form: 'Round', dims: '\\u00d850 \\u00d7 15 mm', dimsSort: 50, height: 15,\n                powerRange: '1.5W \/ 1.96W', powerMin: 1.5, powerMax: 1.96,\n                voltage: 'DC12V \/ DC24V', voltageOpts: 2, protocol: 'SPI \/ DMX512',\n                bestFor: 'Large-diameter feature pixels for stage backdrops, theme parks, and landmark installations'\n            }\n        };\n\n        \/* \u2500\u2500 DOM refs \u2500\u2500 *\/\n        var root = document.getElementById('bx-model-compare-v1');\n        if (!root) return; \/\/ Prevent errors if module missing\n        var checkboxes = root.querySelectorAll('.bx-model-input');\n        var counter = document.getElementById('bxCounter');\n        var compareBtn = document.getElementById('bxCompareBtn');\n        var maxWarn = document.getElementById('bxMaxWarn');\n        var results = document.getElementById('bxResults');\n        var tableWrap = document.getElementById('bxTableWrap');\n        var mobileCards = document.getElementById('bxMobileCards');\n        var summary = document.getElementById('bxSummary');\n        var resetBtn = document.getElementById('bxResetBtn');\n\n        \/* \u2500\u2500 State \u2500\u2500 *\/\n        var selected = [];\n\n        function getSelected() {\n            selected = [];\n            checkboxes.forEach(function(cb) {\n                if (cb.checked) selected.push(cb.value);\n            });\n            return selected;\n        }\n\n        function updateUI() {\n            var sel = getSelected();\n            var count = sel.length;\n\n            counter.textContent = count + ' \/ 3 selected';\n\n            if (count >= 2) {\n                compareBtn.disabled = false;\n            } else {\n                compareBtn.disabled = true;\n            }\n\n            if (count >= 3) {\n                maxWarn.classList.add('bx-visible');\n                checkboxes.forEach(function(cb) {\n                    if (!cb.checked) cb.disabled = true;\n                });\n            } else {\n                maxWarn.classList.remove('bx-visible');\n                checkboxes.forEach(function(cb) {\n                    cb.disabled = false;\n                });\n            }\n        }\n\n        checkboxes.forEach(function(cb) {\n            cb.addEventListener('change', function() {\n                updateUI();\n                results.classList.remove('bx-active');\n            });\n        });\n\n        \/* \u2500\u2500 Winner Detection \u2500\u2500 *\/\n        function findWinners(models) {\n            var wins = {};\n            \n            var minDim = Infinity;\n            models.forEach(function(m) { if (DB[m].dimsSort < minDim) minDim = DB[m].dimsSort; });\n            wins.dims = [];\n            models.forEach(function(m) { if (DB[m].dimsSort === minDim) wins.dims.push(m); });\n\n            var minPow = Infinity;\n            models.forEach(function(m) { if (DB[m].powerMin < minPow) minPow = DB[m].powerMin; });\n            wins.power = [];\n            models.forEach(function(m) { if (DB[m].powerMin === minPow) wins.power.push(m); });\n\n            var maxVolt = 0;\n            models.forEach(function(m) { if (DB[m].voltageOpts > maxVolt) maxVolt = DB[m].voltageOpts; });\n            wins.voltage = [];\n            models.forEach(function(m) { if (DB[m].voltageOpts === maxVolt) wins.voltage.push(m); });\n\n            return wins;\n        }\n\n        function isWinner(wins, rowKey, model) {\n            return wins[rowKey] && wins[rowKey].indexOf(model) !== -1;\n        }\n\n        \/* \u2500\u2500 Build Desktop Table \u2500\u2500 *\/\n        function buildTable(models) {\n            var wins = findWinners(models);\n            var html = '<table class=\"bx-comp-table\"><thead><tr>';\n            html += '<th>Specification<\/th>';\n            models.forEach(function(m) {\n                html += '<th class=\"bx-th-model\">' + m + '<\/th>';\n            });\n            html += '<\/tr><\/thead><tbody>';\n\n            function row(label, key, winKey) {\n                html += '<tr>';\n                html += '<td>' + label + '<\/td>';\n                models.forEach(function(m) {\n                    var val = DB[m][key];\n                    var cls = (winKey && isWinner(wins, winKey, m)) ? ' bx-winner' : '';\n                    var badge = (winKey && isWinner(wins, winKey, m) && models.length > 1) ? '<span class=\"bx-winner-badge\">Best<\/span>' : '';\n                    html += '<td class=\"' + cls + '\"><span class=\"bx-spec-val\">' + val + '<\/span>' + badge + '<\/td>';\n                });\n                html += '<\/tr>';\n            }\n\n            row('Form Factor', 'form', null);\n            row('Dimensions', 'dims', 'dims');\n            row('Power Options', 'powerRange', 'power');\n            row('Input Voltage', 'voltage', 'voltage');\n            row('Control Protocol', 'protocol', null);\n\n            html += '<tr>';\n            html += '<td>Best For<\/td>';\n            models.forEach(function(m) {\n                html += '<td style=\"text-align:left;font-size:14px;line-height:1.6;\">' + DB[m].bestFor + '<\/td>';\n            });\n            html += '<\/tr>';\n\n            html += '<\/tbody><\/table>';\n            tableWrap.innerHTML = html;\n        }\n\n        \/* \u2500\u2500 Build Mobile Cards (Injecting H3 for Semantic SEO) \u2500\u2500 *\/\n        function buildMobileCards(models) {\n            var wins = findWinners(models);\n            var html = '';\n\n            models.forEach(function(m) {\n                html += '<div class=\"bx-mob-card\">';\n                \/\/ Socratic Fix: Changed simple div to H3 for SEO logic in generated content\n                html += '<h3 class=\"bx-mob-card-title\">' + m + ' &mdash; ' + DB[m].form + '<\/h3>';\n\n                function mobRow(label, key, winKey) {\n                    var cls = (winKey && isWinner(wins, winKey, m)) ? ' bx-mob-winner' : '';\n                    var badge = (winKey && isWinner(wins, winKey, m) && models.length > 1) ? ' <span class=\"bx-winner-badge\">Best<\/span>' : '';\n                    html += '<div class=\"bx-mob-row' + cls + '\">';\n                    html += '<span class=\"bx-mob-label\">' + label + '<\/span>';\n                    html += '<span class=\"bx-mob-value\">' + DB[m][key] + badge + '<\/span>';\n                    html += '<\/div>';\n                }\n\n                mobRow('Dimensions', 'dims', 'dims');\n                mobRow('Power Options', 'powerRange', 'power');\n                mobRow('Input Voltage', 'voltage', 'voltage');\n                mobRow('Control Protocol', 'protocol', null);\n\n                html += '<div class=\"bx-mob-row\"><span class=\"bx-mob-label\">Best For<\/span><span class=\"bx-mob-value\" style=\"font-size:13px;max-width:60%;text-align:left;\">' + DB[m].bestFor + '<\/span><\/div>';\n                html += '<\/div>';\n            });\n\n            mobileCards.innerHTML = html;\n        }\n\n        \/* \u2500\u2500 Build Summary \u2500\u2500 *\/\n        function buildSummary(models) {\n            var parts = [];\n            models.forEach(function(m) {\n                var d = DB[m];\n                var prot = d.protocol.split(' \/ ')[0];\n                parts.push('<strong>' + m + '<\/strong> (' + d.form.toLowerCase() + ', ' + prot + ') is suited for ' + d.bestFor.charAt(0).toLowerCase() + d.bestFor.slice(1) + '.');\n            });\n\n            var txt = '<strong>Recommendation at a glance:<\/strong> ' + parts.join(' ');\n            summary.innerHTML = txt;\n        }\n\n        \/* \u2500\u2500 Compare Click \u2500\u2500 *\/\n        compareBtn.addEventListener('click', function() {\n            var sel = getSelected();\n            if (sel.length < 2) return;\n\n            buildTable(sel);\n            buildMobileCards(sel);\n            buildSummary(sel);\n            results.classList.add('bx-active');\n\n            setTimeout(function() {\n                results.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }, 50);\n        });\n\n        \/* \u2500\u2500 Reset \u2500\u2500 *\/\n        resetBtn.addEventListener('click', function() {\n            checkboxes.forEach(function(cb) {\n                cb.checked = false;\n                cb.disabled = false;\n            });\n            results.classList.remove('bx-active');\n            updateUI();\n            root.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        });\n\n    })();\n    <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>LED Pixel Light Model Comparison Compare PX series specifications side by side to find the right fit for your project. &#9679; PX-F35 Round &bull; 34mm &#9679; PX-F40 Round &bull; 40mm &#9679; PX-F45 Round &bull; 45mm &#9679; PX-F32 Round &bull; 32mm &#9679; PX-F42 Round &bull; 42mm &#9645; PX-K2560 Rectangular &bull; 25&times;60mm &#9632; PX-K3338 Square &bull; 33&times;38mm [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":1451,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1567","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/pages\/1567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/comments?post=1567"}],"version-history":[{"count":0,"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/pages\/1567\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/pages\/1451"}],"wp:attachment":[{"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/media?parent=1567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}