{"id":1729,"date":"2026-03-24T02:52:48","date_gmt":"2026-03-24T02:52:48","guid":{"rendered":"https:\/\/gqlamp.com\/?page_id=1729"},"modified":"2026-03-24T03:02:48","modified_gmt":"2026-03-24T03:02:48","slug":"led-vs-halogen-cost-calculator","status":"publish","type":"page","link":"https:\/\/gqlamp.com\/es\/landscape-garden-lighting\/landscape-spot-light\/led-vs-halogen-cost-calculator\/","title":{"rendered":"Calculadora de costos LED versus hal\u00f3geno"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-148380f\" data-block-id=\"148380f\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-148380f-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-338c71e\" data-v=\"4\" data-block-id=\"338c71e\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-338c71e-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-338c71e-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-8617eca\" data-block-id=\"8617eca\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-8617eca-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6a931f1\" data-v=\"4\" data-block-id=\"6a931f1\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6a931f1-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-6a931f1-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-23ead8f\" data-block-id=\"23ead8f\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-23ead8f-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-96823fb\" data-v=\"4\" data-block-id=\"96823fb\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-96823fb-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-96823fb-inner-blocks\">\n\n<style>\n\/* \u2500\u2500 Reset & Scope \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#bx-cost-calculator-v1 *,\n#bx-cost-calculator-v1 *::before,\n#bx-cost-calculator-v1 *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n#bx-cost-calculator-v1 {\n  width: 100%;\n  --c0: #183090;\n  --c1: #FFFFFF;\n  --c2: #009048;\n  --c2c: #303030;\n  --c0-light: #e8ecf6;\n  --c0-mid: #2a4cc0;\n  --hal-color: #d4760a;\n  --hal-bg: #fdf0e0;\n  --danger: #c0392b;\n  --bg-body: #f5f6fa;\n  --radius: 8px;\n  --shadow: 0 2px 12px rgba(24,48,144,.10);\n\n  color: var(--c2c);\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 32px 20px;\n  line-height: 1.6;\n}\n\n\/* \u2500\u2500 Typography \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#bx-cost-calculator-v1 h2 {\n  color: var(--c0);\n  margin-bottom: 6px;\n  line-height: 1.25;\n}\n\n#bx-cost-calculator-v1 h3 {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--c0);\n  text-transform: uppercase;\n  letter-spacing: .6px;\n  margin-bottom: 16px;\n}\n\n#bx-cost-calculator-v1 .bx-subtitle {\n  color: #666;\n  font-size: 15px;\n  margin-bottom: 28px;\n}\n\n\/* \u2500\u2500 Panels \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#bx-cost-calculator-v1 .bx-panel {\n  background: var(--c1);\n  border: 1px solid #dde1ea;\n  border-radius: var(--radius);\n  padding: 28px 28px 24px;\n  margin-bottom: 24px;\n  box-shadow: var(--shadow);\n}\n\n\/* \u2500\u2500 Form Grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#bx-cost-calculator-v1 .bx-form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px 28px;\n}\n\n#bx-cost-calculator-v1 .bx-field {\n  display: flex;\n  flex-direction: column;\n}\n\n#bx-cost-calculator-v1 .bx-field.bx-full-width {\n  grid-column: 1 \/ -1;\n}\n\n#bx-cost-calculator-v1 .bx-field label {\n  font-size: 13px;\n  font-weight: 600;\n  color: #444;\n  margin-bottom: 6px;\n  letter-spacing: .2px;\n}\n\n#bx-cost-calculator-v1 .bx-field label .bx-unit {\n  font-weight: 400;\n  color: #888;\n  font-size: 12px;\n}\n\n#bx-cost-calculator-v1 input[type=\"number\"],\n#bx-cost-calculator-v1 input[type=\"range\"],\n#bx-cost-calculator-v1 select {\n  height: 44px;\n  border: 1.5px solid #ccd0dc;\n  border-radius: 6px;\n  padding: 0 14px;\n  font-size: 15px;\n  color: var(--c2c);\n  background: var(--c1);\n  transition: border-color .2s, box-shadow .2s;\n  width: 100%;\n}\n\n#bx-cost-calculator-v1 input[type=\"number\"]:focus,\n#bx-cost-calculator-v1 select:focus {\n  outline: none;\n  border-color: var(--c0);\n  box-shadow: 0 0 0 3px rgba(24,48,144,.12);\n}\n\n\/* \u2500\u2500 Range slider styling \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#bx-cost-calculator-v1 input[type=\"range\"] {\n  -webkit-appearance: none;\n  appearance: none;\n  border: none;\n  padding: 0;\n  height: 6px;\n  border-radius: 3px;\n  background: linear-gradient(to right, var(--c0) 0%, var(--c0) var(--pct, 0%), #dde1ea var(--pct, 0%), #dde1ea 100%);\n  cursor: pointer;\n  margin-top: 10px;\n  margin-bottom: 2px;\n}\n\n#bx-cost-calculator-v1 input[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--c0);\n  border: 3px solid var(--c1);\n  box-shadow: 0 1px 4px rgba(0,0,0,.25);\n  cursor: pointer;\n}\n\n#bx-cost-calculator-v1 input[type=\"range\"]::-moz-range-thumb {\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--c0);\n  border: 3px solid var(--c1);\n  box-shadow: 0 1px 4px rgba(0,0,0,.25);\n  cursor: pointer;\n}\n\n#bx-cost-calculator-v1 .bx-range-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 14px;\n}\n\n#bx-cost-calculator-v1 .bx-range-value {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--c0);\n  min-width: 64px;\n  text-align: right;\n  white-space: nowrap;\n}\n\n#bx-cost-calculator-v1 .bx-halogen-equiv {\n  font-size: 12px;\n  color: var(--hal-color);\n  margin-top: 4px;\n  font-weight: 500;\n}\n\n\/* \u2500\u2500 Calculate Button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#bx-cost-calculator-v1 .bx-btn-calc {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  height: 48px;\n  padding: 0 32px;\n  background: var(--c0);\n  color: var(--c1);\n  border: none;\n  border-radius: 6px;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: .4px;\n  cursor: pointer;\n  transition: background .2s, transform .1s;\n  margin-top: 8px;\n}\n\n#bx-cost-calculator-v1 .bx-btn-calc:hover {\n  background: var(--c0-mid);\n}\n\n#bx-cost-calculator-v1 .bx-btn-calc:active {\n  transform: scale(.97);\n}\n\n\/* \u2500\u2500 Results Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#bx-cost-calculator-v1 .bx-results {\n  display: none;\n}\n\n#bx-cost-calculator-v1 .bx-results.bx-visible {\n  display: block;\n  animation: bxFadeIn .4s ease;\n}\n\n@keyframes bxFadeIn {\n  from { opacity: 0; transform: translateY(10px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2500\u2500 KPI Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#bx-cost-calculator-v1 .bx-kpi-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n  margin-bottom: 28px;\n}\n\n#bx-cost-calculator-v1 .bx-kpi {\n  background: var(--c1);\n  border: 1.5px solid #dde1ea;\n  border-radius: var(--radius);\n  padding: 20px 18px;\n  text-align: center;\n  box-shadow: var(--shadow);\n  position: relative;\n  overflow: hidden;\n}\n\n#bx-cost-calculator-v1 .bx-kpi::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n}\n\n#bx-cost-calculator-v1 .bx-kpi--savings::before { background: var(--c2); }\n#bx-cost-calculator-v1 .bx-kpi--fiveyear::before { background: var(--c0); }\n#bx-cost-calculator-v1 .bx-kpi--payback::before { background: var(--hal-color); }\n\n#bx-cost-calculator-v1 .bx-kpi__label {\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .6px;\n  color: #777;\n  margin-bottom: 8px;\n}\n\n#bx-cost-calculator-v1 .bx-kpi__value {\n  font-size: 28px;\n  font-weight: 700;\n  line-height: 1.15;\n}\n\n#bx-cost-calculator-v1 .bx-kpi--savings .bx-kpi__value { color: var(--c2); }\n#bx-cost-calculator-v1 .bx-kpi--fiveyear .bx-kpi__value { color: var(--c0); }\n#bx-cost-calculator-v1 .bx-kpi--payback .bx-kpi__value { color: var(--hal-color); }\n\n#bx-cost-calculator-v1 .bx-kpi__note {\n  font-size: 12px;\n  color: #999;\n  margin-top: 6px;\n}\n\n\/* \u2500\u2500 Comparison Table \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#bx-cost-calculator-v1 .bx-comp-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  margin-bottom: 24px;\n}\n\n#bx-cost-calculator-v1 .bx-comp-table th,\n#bx-cost-calculator-v1 .bx-comp-table td {\n  padding: 12px 16px;\n  text-align: left;\n  border-bottom: 1px solid #eaecf2;\n}\n\n#bx-cost-calculator-v1 .bx-comp-table th {\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .5px;\n  color: #888;\n  background: #f8f9fc;\n}\n\n#bx-cost-calculator-v1 .bx-comp-table th:first-child,\n#bx-cost-calculator-v1 .bx-comp-table td:first-child {\n  border-radius: 4px 0 0 4px;\n}\n\n#bx-cost-calculator-v1 .bx-comp-table th:last-child,\n#bx-cost-calculator-v1 .bx-comp-table td:last-child {\n  border-radius: 0 4px 4px 0;\n}\n\n#bx-cost-calculator-v1 .bx-comp-table td:nth-child(2),\n#bx-cost-calculator-v1 .bx-comp-table td:nth-child(3) {\n  font-weight: 600;\n}\n\n#bx-cost-calculator-v1 .bx-comp-table .bx-led-cell { color: var(--c0); }\n#bx-cost-calculator-v1 .bx-comp-table .bx-hal-cell { color: var(--hal-color); }\n\n#bx-cost-calculator-v1 .bx-comp-table .bx-row-highlight {\n  background: #f0faf5;\n  font-weight: 700;\n}\n\n\/* \u2500\u2500 Bar Chart \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#bx-cost-calculator-v1 .bx-chart-title {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--c0);\n  margin-bottom: 18px;\n  text-transform: uppercase;\n  letter-spacing: .4px;\n}\n\n#bx-cost-calculator-v1 .bx-bar-group {\n  margin-bottom: 18px;\n}\n\n#bx-cost-calculator-v1 .bx-bar-label {\n  font-size: 13px;\n  font-weight: 600;\n  margin-bottom: 6px;\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n}\n\n#bx-cost-calculator-v1 .bx-bar-label span:last-child {\n  font-size: 14px;\n}\n\n#bx-cost-calculator-v1 .bx-bar-track {\n  height: 32px;\n  background: #eef0f5;\n  border-radius: 6px;\n  overflow: hidden;\n  position: relative;\n}\n\n#bx-cost-calculator-v1 .bx-bar-fill {\n  height: 100%;\n  border-radius: 6px;\n  transition: width .6s cubic-bezier(.25,.8,.25,1);\n  min-width: 2%;\n  display: flex;\n  align-items: center;\n  padding-left: 12px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--c1);\n}\n\n#bx-cost-calculator-v1 .bx-bar-fill--led { background: var(--c0); }\n#bx-cost-calculator-v1 .bx-bar-fill--hal { background: var(--hal-color); }\n\n#bx-cost-calculator-v1 .bx-chart-pair {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  margin-bottom: 0;\n}\n\n\/* \u2500\u2500 CTA Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#bx-cost-calculator-v1 .bx-cta-box {\n  text-align: center;\n  padding: 28px 20px;\n  background: linear-gradient(135deg, var(--c0) 0%, var(--c0-mid) 100%);\n  border-radius: var(--radius);\n  margin-top: 28px;\n}\n\n#bx-cost-calculator-v1 .bx-cta-text {\n  color: rgba(255,255,255,.88);\n  font-size: 15px;\n  margin-bottom: 14px;\n}\n\n#bx-cost-calculator-v1 .bx-cta-text strong {\n  color: var(--c1);\n  font-size: 17px;\n  display: block;\n  margin-bottom: 4px;\n}\n\n#bx-cost-calculator-v1 .bx-cta-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  height: 48px;\n  padding: 0 36px;\n  background: var(--c2);\n  color: var(--c1);\n  border-radius: 6px;\n  font-size: 16px;\n  font-weight: 700;\n  text-decoration: none;\n  letter-spacing: .3px;\n  transition: background .2s, transform .1s;\n}\n\n#bx-cost-calculator-v1 .bx-cta-link:hover {\n  background: #00a852;\n  transform: translateY(-1px);\n}\n\n\/* \u2500\u2500 Assumptions Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#bx-cost-calculator-v1 .bx-assumptions {\n  font-size: 12px;\n  color: #999;\n  line-height: 1.7;\n  margin-top: 20px;\n  padding-top: 16px;\n  border-top: 1px solid #eaecf2;\n}\n\n#bx-cost-calculator-v1 .bx-assumptions strong {\n  color: #777;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 1200px) {\n  #bx-cost-calculator-v1 {\n    padding: 20px 14px;\n  }\n\n  #bx-cost-calculator-v1 .bx-panel {\n    padding: 20px 16px;\n  }\n\n  #bx-cost-calculator-v1 .bx-form-grid {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  #bx-cost-calculator-v1 .bx-kpi-grid {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  #bx-cost-calculator-v1 .bx-kpi__value {\n    font-size: 24px;\n  }\n\n  #bx-cost-calculator-v1 .bx-chart-pair {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  #bx-cost-calculator-v1 .bx-comp-table {\n    font-size: 13px;\n  }\n\n  #bx-cost-calculator-v1 .bx-comp-table th,\n  #bx-cost-calculator-v1 .bx-comp-table td {\n    padding: 10px 10px;\n  }\n}\n<\/style>\n\n\n<section id=\"bx-cost-calculator-v1\">\n\n  <!-- \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <h2>LED vs Halogen Cost Calculator<\/h2>\n  <p class=\"bx-subtitle\">See exactly how much you save by switching your landscape spot lights from halogen to LED.<\/p>\n\n  <!-- \u2500\u2500 Inputs Panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"bx-panel\">\n    <h3>Your Project Details<\/h3>\n\n    <div class=\"bx-form-grid\">\n\n      <!-- Number of fixtures -->\n      <div class=\"bx-field\">\n        <label for=\"bx-fixtures\">Number of Fixtures<\/label>\n        <input type=\"number\" id=\"bx-fixtures\" min=\"1\" max=\"100\" value=\"20\" step=\"1\">\n      <\/div>\n\n      <!-- Daily run hours -->\n      <div class=\"bx-field\">\n        <label for=\"bx-hours\">Daily Run Hours <span class=\"bx-unit\">(hrs\/day)<\/span><\/label>\n        <input type=\"number\" id=\"bx-hours\" min=\"1\" max=\"12\" value=\"6\" step=\"0.5\">\n      <\/div>\n\n      <!-- Electricity cost -->\n      <div class=\"bx-field\">\n        <label for=\"bx-elec\">Electricity Cost <span class=\"bx-unit\">($\/kWh)<\/span><\/label>\n        <input type=\"number\" id=\"bx-elec\" min=\"0.01\" max=\"1.00\" value=\"0.12\" step=\"0.01\">\n      <\/div>\n\n      <!-- LED wattage slider -->\n      <div class=\"bx-field\">\n        <label for=\"bx-led-watt\">LED Wattage per Fixture<\/label>\n        <div class=\"bx-range-row\">\n          <input type=\"range\" id=\"bx-led-watt\" min=\"3\" max=\"45\" value=\"10\" step=\"1\">\n          <span class=\"bx-range-value\" id=\"bx-led-watt-display\">10W<\/span>\n        <\/div>\n        <span class=\"bx-halogen-equiv\" id=\"bx-hal-equiv\">Equivalent halogen: 50W<\/span>\n      <\/div>\n\n    <\/div>\n\n    <!-- Calculate button -->\n    <button type=\"button\" class=\"bx-btn-calc\" id=\"bx-btn-calculate\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"10\" x2=\"10\" y2=\"10\"\/><line x1=\"14\" y1=\"10\" x2=\"16\" y2=\"10\"\/><line x1=\"8\" y1=\"14\" x2=\"10\" y2=\"14\"\/><line x1=\"14\" y1=\"14\" x2=\"16\" y2=\"14\"\/><line x1=\"8\" y1=\"18\" x2=\"10\" y2=\"18\"\/><line x1=\"14\" y1=\"18\" x2=\"16\" y2=\"18\"\/><\/svg>\n      Calculate Savings\n    <\/button>\n  <\/div>\n\n  <!-- \u2500\u2500 Results Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"bx-results\" id=\"bx-results\">\n\n    <!-- KPI Cards -->\n    <div class=\"bx-kpi-grid\">\n      <div class=\"bx-kpi bx-kpi--savings\">\n        <div class=\"bx-kpi__label\">Annual Savings<\/div>\n        <div class=\"bx-kpi__value\" id=\"bx-kpi-annual\">$0<\/div>\n        <div class=\"bx-kpi__note\">per year energy savings<\/div>\n      <\/div>\n      <div class=\"bx-kpi bx-kpi--fiveyear\">\n        <div class=\"bx-kpi__label\">5-Year Total Savings<\/div>\n        <div class=\"bx-kpi__value\" id=\"bx-kpi-5yr\">$0<\/div>\n        <div class=\"bx-kpi__note\">energy + maintenance<\/div>\n      <\/div>\n      <div class=\"bx-kpi bx-kpi--payback\">\n        <div class=\"bx-kpi__label\">Payback Period<\/div>\n        <div class=\"bx-kpi__value\" id=\"bx-kpi-payback\">0 mo<\/div>\n        <div class=\"bx-kpi__note\">LED premium recovered<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Comparison Table -->\n    <div class=\"bx-panel\">\n      <h3>Side-by-Side Breakdown<\/h3>\n      <table class=\"bx-comp-table\">\n        <thead>\n          <tr>\n            <th>Metric<\/th>\n            <th>LED<\/th>\n            <th>Halogen<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody id=\"bx-table-body\">\n          <!-- Populated by JS -->\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n    <!-- Bar Charts -->\n    <div class=\"bx-panel\">\n      <div class=\"bx-chart-pair\">\n        <div>\n          <div class=\"bx-chart-title\">Annual Energy Cost<\/div>\n          <div class=\"bx-bar-group\">\n            <div class=\"bx-bar-label\">\n              <span>LED<\/span>\n              <span id=\"bx-bar-led-annual\">$0<\/span>\n            <\/div>\n            <div class=\"bx-bar-track\">\n              <div class=\"bx-bar-fill bx-bar-fill--led\" id=\"bx-bar-led-annual-fill\"><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"bx-bar-group\">\n            <div class=\"bx-bar-label\">\n              <span>Halogen<\/span>\n              <span id=\"bx-bar-hal-annual\">$0<\/span>\n            <\/div>\n            <div class=\"bx-bar-track\">\n              <div class=\"bx-bar-fill bx-bar-fill--hal\" id=\"bx-bar-hal-annual-fill\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div>\n          <div class=\"bx-chart-title\">5-Year Total Cost<\/div>\n          <div class=\"bx-bar-group\">\n            <div class=\"bx-bar-label\">\n              <span>LED<\/span>\n              <span id=\"bx-bar-led-5yr\">$0<\/span>\n            <\/div>\n            <div class=\"bx-bar-track\">\n              <div class=\"bx-bar-fill bx-bar-fill--led\" id=\"bx-bar-led-5yr-fill\"><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"bx-bar-group\">\n            <div class=\"bx-bar-label\">\n              <span>Halogen<\/span>\n              <span id=\"bx-bar-hal-5yr\">$0<\/span>\n            <\/div>\n            <div class=\"bx-bar-track\">\n              <div class=\"bx-bar-fill bx-bar-fill--hal\" id=\"bx-bar-hal-5yr-fill\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"bx-cta-box\">\n      <div class=\"bx-cta-text\">\n        <strong>Ready to cut your lighting costs?<\/strong>\n        Get a custom quote for LED landscape spot lights sized to your project.\n      <\/div>\n      <a href=\"#ct-popup-801\" class=\"bx-cta-link\">Get a Quote &rarr;<\/a>\n    <\/div>\n\n    <!-- Assumptions -->\n    <div class=\"bx-assumptions\">\n      <strong>Assumptions:<\/strong>\n      LED efficacy 100 lm\/W | Halogen efficacy 20 lm\/W (5:1 wattage ratio) |\n      LED lifespan 40,000 hrs | Halogen lifespan 3,000 hrs |\n      Halogen replacement bulb $6.50 | LED fixture premium over halogen ~$15\/unit |\n      365 days\/year operation. Actual results vary by product and installation.\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  'use strict';\n\n  \/* \u2500\u2500 Constants (industry data) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var RATIO        = 5;      \/\/ halogen-to-LED wattage ratio\n  var LED_LIFE     = 40000;  \/\/ hours\n  var HAL_LIFE     = 3000;   \/\/ hours\n  var HAL_BULB     = 6.50;   \/\/ $ per replacement bulb\n  var LED_PREMIUM  = 15;     \/\/ $ extra upfront per fixture\n  var DAYS_PER_YR  = 365;\n\n  \/* \u2500\u2500 DOM refs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var scope    = document.getElementById('bx-cost-calculator-v1');\n  var elFix    = scope.querySelector('#bx-fixtures');\n  var elHrs    = scope.querySelector('#bx-hours');\n  var elElec   = scope.querySelector('#bx-elec');\n  var elLedW   = scope.querySelector('#bx-led-watt');\n  var elLedD   = scope.querySelector('#bx-led-watt-display');\n  var elHalEq  = scope.querySelector('#bx-hal-equiv');\n  var elBtn    = scope.querySelector('#bx-btn-calculate');\n  var elRes    = scope.querySelector('#bx-results');\n\n  \/* \u2500\u2500 Range slider: live update \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function updateSlider() {\n    var val = parseInt(elLedW.value, 10);\n    var pct = ((val - 3) \/ (45 - 3)) * 100;\n    elLedW.style.setProperty('--pct', pct + '%');\n    elLedD.textContent = val + 'W';\n    elHalEq.textContent = 'Equivalent halogen: ' + (val * RATIO) + 'W';\n  }\n\n  elLedW.addEventListener('input', updateSlider);\n  updateSlider();\n\n  \/* \u2500\u2500 Formatter \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function fmt(n) {\n    if (n >= 10000) return '$' + Math.round(n).toLocaleString('en-US');\n    if (n >= 100)   return '$' + Math.round(n).toLocaleString('en-US');\n    return '$' + n.toFixed(2);\n  }\n\n  function fmtInt(n) {\n    return Math.round(n).toLocaleString('en-US');\n  }\n\n  \/* \u2500\u2500 Core calculation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function calculate() {\n    var fixtures = Math.max(1, Math.min(100, parseInt(elFix.value, 10) || 20));\n    var hours    = Math.max(1, Math.min(12, parseFloat(elHrs.value) || 6));\n    var elecCost = Math.max(0.01, parseFloat(elElec.value) || 0.12);\n    var ledWatt  = parseInt(elLedW.value, 10) || 10;\n    var halWatt  = ledWatt * RATIO;\n\n    \/\/ Clamp inputs back into fields\n    elFix.value  = fixtures;\n    elHrs.value  = hours;\n    elElec.value = elecCost;\n\n    \/\/ Annual operating hours\n    var annualHrs = hours * DAYS_PER_YR;\n\n    \/\/ Total system wattage (all fixtures)\n    var ledTotalW = ledWatt * fixtures;  \/\/ watts\n    var halTotalW = halWatt * fixtures;\n\n    \/\/ Annual energy consumption (kWh)\n    var ledKwh = (ledTotalW \/ 1000) * annualHrs;\n    var halKwh = (halTotalW \/ 1000) * annualHrs;\n\n    \/\/ Annual energy cost\n    var ledAnnualEnergy = ledKwh * elecCost;\n    var halAnnualEnergy = halKwh * elecCost;\n    var annualSavings   = halAnnualEnergy - ledAnnualEnergy;\n\n    \/\/ Bulb replacements over 5 years\n    var totalHrs5yr       = annualHrs * 5;\n    var halReplacements5  = Math.max(0, Math.ceil(totalHrs5yr \/ HAL_LIFE) - 1); \/\/ minus initial bulb\n    var ledReplacements5  = Math.max(0, Math.ceil(totalHrs5yr \/ LED_LIFE) - 1);\n    var halBulbCost5      = halReplacements5 * fixtures * HAL_BULB;\n    var ledBulbCost5      = 0; \/\/ LED fixtures rarely need replacement within 5 years at typical use\n\n    \/\/ Upfront LED premium\n    var ledUpfront = LED_PREMIUM * fixtures;\n\n    \/\/ 5-year total cost\n    var led5yrTotal = (ledAnnualEnergy * 5) + ledBulbCost5 + ledUpfront;\n    var hal5yrTotal = (halAnnualEnergy * 5) + halBulbCost5;\n    var savings5yr  = hal5yrTotal - led5yrTotal;\n\n    \/\/ Payback period (months)\n    var monthlySavings = annualSavings \/ 12;\n    var paybackMonths  = monthlySavings > 0 ? ledUpfront \/ monthlySavings : 0;\n\n    \/\/ CO2 saved (US average: 0.42 kg CO2 per kWh)\n    var co2SavedAnnual = (halKwh - ledKwh) * 0.42;\n\n    \/* \u2500\u2500 Populate KPIs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    scope.querySelector('#bx-kpi-annual').textContent  = fmt(annualSavings);\n    scope.querySelector('#bx-kpi-5yr').textContent     = fmt(savings5yr);\n\n    if (paybackMonths < 1) {\n      scope.querySelector('#bx-kpi-payback').textContent = '< 1 mo';\n    } else if (paybackMonths < 12) {\n      scope.querySelector('#bx-kpi-payback').textContent = Math.ceil(paybackMonths) + ' mo';\n    } else {\n      var yrs = Math.floor(paybackMonths \/ 12);\n      var mos = Math.ceil(paybackMonths % 12);\n      scope.querySelector('#bx-kpi-payback').textContent = yrs + 'y ' + mos + 'mo';\n    }\n\n    \/* \u2500\u2500 Populate Comparison Table \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    var rows = [\n      ['Wattage per Fixture',       ledWatt + ' W',                halWatt + ' W'],\n      ['Total System Wattage',      fmtInt(ledTotalW) + ' W',     fmtInt(halTotalW) + ' W'],\n      ['Annual Energy (kWh)',       fmtInt(ledKwh) + ' kWh',      fmtInt(halKwh) + ' kWh'],\n      ['Annual Energy Cost',        fmt(ledAnnualEnergy),          fmt(halAnnualEnergy)],\n      ['Bulb Life',                 fmtInt(LED_LIFE) + ' hrs',    fmtInt(HAL_LIFE) + ' hrs'],\n      ['5-Year Bulb Replacements',  ledReplacements5 + '\/fixture', halReplacements5 + '\/fixture'],\n      ['5-Year Replacement Cost',   fmt(ledBulbCost5),             fmt(halBulbCost5)],\n      ['LED Upfront Premium',       fmt(ledUpfront),               '$0.00'],\n      ['5-Year Total Cost',         fmt(led5yrTotal),              fmt(hal5yrTotal)]\n    ];\n\n    var tbody = scope.querySelector('#bx-table-body');\n    tbody.innerHTML = '';\n    for (var i = 0; i < rows.length; i++) {\n      var tr = document.createElement('tr');\n      if (i === rows.length - 1) tr.className = 'bx-row-highlight';\n      tr.innerHTML =\n        '<td>' + rows[i][0] + '<\/td>' +\n        '<td class=\"bx-led-cell\">' + rows[i][1] + '<\/td>' +\n        '<td class=\"bx-hal-cell\">' + rows[i][2] + '<\/td>';\n      tbody.appendChild(tr);\n    }\n\n    \/* \u2500\u2500 Bar Charts \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    var maxAnnual = Math.max(ledAnnualEnergy, halAnnualEnergy);\n    var max5yr    = Math.max(led5yrTotal, hal5yrTotal);\n\n    setBar('bx-bar-led-annual', 'bx-bar-led-annual-fill', ledAnnualEnergy, maxAnnual);\n    setBar('bx-bar-hal-annual', 'bx-bar-hal-annual-fill', halAnnualEnergy, maxAnnual);\n    setBar('bx-bar-led-5yr',    'bx-bar-led-5yr-fill',    led5yrTotal,     max5yr);\n    setBar('bx-bar-hal-5yr',    'bx-bar-hal-5yr-fill',    hal5yrTotal,     max5yr);\n\n    \/* \u2500\u2500 Show results \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    elRes.classList.add('bx-visible');\n    elRes.scrollIntoView({ behavior: 'smooth', block: 'start' });\n  }\n\n  function setBar(labelId, fillId, value, max) {\n    var pct = max > 0 ? (value \/ max) * 100 : 0;\n    scope.querySelector('#' + labelId).textContent = fmt(value);\n    var fill = scope.querySelector('#' + fillId);\n    \/\/ Delay slightly for animation\n    fill.style.width = '0%';\n    setTimeout(function () {\n      fill.style.width = Math.max(2, pct) + '%';\n    }, 50);\n  }\n\n  \/* \u2500\u2500 Event binding \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  elBtn.addEventListener('click', calculate);\n\n  \/\/ Allow Enter key to trigger calculation\n  var inputs = scope.querySelectorAll('input[type=\"number\"]');\n  for (var i = 0; i < inputs.length; i++) {\n    inputs[i].addEventListener('keydown', function (e) {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        calculate();\n      }\n    });\n  }\n\n})();\n<\/script>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>LED vs Halogen Cost Calculator See exactly how much you save by switching your landscape spot lights from halogen to LED. Your Project Details Number of Fixtures Daily Run Hours (hrs\/day) Electricity Cost ($\/kWh) LED Wattage per Fixture 10W Equivalent halogen: 50W Calculate Savings Annual Savings $0 per year energy savings 5-Year Total Savings $0 [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":1685,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1729","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/pages\/1729","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=1729"}],"version-history":[{"count":0,"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/pages\/1729\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/pages\/1685"}],"wp:attachment":[{"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/media?parent=1729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}