{"id":1458,"date":"2026-03-20T01:13:48","date_gmt":"2026-03-20T01:13:48","guid":{"rendered":"https:\/\/gqlamp.com\/?page_id=1458"},"modified":"2026-03-20T01:26:04","modified_gmt":"2026-03-20T01:26:04","slug":"led-spotlight-energy-savings-calculator","status":"publish","type":"page","link":"https:\/\/gqlamp.com\/es\/facade-architectural-lighting\/outdoor-spot-light\/led-spotlight-energy-savings-calculator\/","title":{"rendered":"Calculadora de ahorro de energ\u00eda LED Spotlight"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-6ab4867\" data-block-id=\"6ab4867\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-6ab4867-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-672da5f\" data-v=\"4\" data-block-id=\"672da5f\"><style>.stk-672da5f-container{margin-top:50px !important;margin-right:50px !important;margin-bottom:50px !important;margin-left:50px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-672da5f-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-672da5f-inner-blocks\">\n<h1>LED Energy Savings Calculator<\/h1>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-a20068d\" data-block-id=\"a20068d\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-a20068d-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8fc9a2b\" data-v=\"4\" data-block-id=\"8fc9a2b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8fc9a2b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-8fc9a2b-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 stk-block-columns stk-block stk-62a712a\" data-block-id=\"62a712a\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-62a712a-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-eff17ee\" data-v=\"4\" data-block-id=\"eff17ee\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-eff17ee-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-eff17ee-inner-blocks\">\n<section id=\"bx-led-savings-v1\">\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@400;600;700&display=swap');\n\n#bx-led-savings-v1 {\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 0;\n  box-sizing: border-box;\n  color: #303030;\n  line-height: 1.6;\n}\n#bx-led-savings-v1 *, #bx-led-savings-v1 *::before, #bx-led-savings-v1 *::after {\n  box-sizing: border-box;\n}\n\n\/* \u2500\u2500 Headings \u2500\u2500 *\/\n#bx-led-savings-v1 h2,\n#bx-led-savings-v1 h3,\n#bx-led-savings-v1 h4 {\n  font-family: inherit !important;\n  font-weight: 700 !important;\n  margin: 0 0 0.5em 0;\n  line-height: 1.25;\n}\n\n\/* \u4e3b\u6807\u9898 H2 (Hero) *\/\n#bx-led-savings-v1 h2 {\n  color: #183090;\n  margin-bottom: 0.3em;\n}\n\n\/* \u533a\u5757\u7ea7 H2 (\u8868\u5355\u533a\u3001\u7ed3\u679c\u533a\u6807\u9898) *\/\n#bx-led-savings-v1 h2.bx-section-title {\n  font-size: 1.25rem;\n  color: #183090;\n  margin-bottom: 1rem;\n}\n\n\/* \u5206\u7ec4\u7ea7 H3 (\u660e\u7ec6\u6846\u6807\u9898\u3001\u56fe\u8868\u6807\u9898) *\/\n#bx-led-savings-v1 h3.bx-box-title {\n  font-size: 1.05rem;\n  color: #303030;\n  margin: 0 0 0.6rem 0;\n}\n\n\/* \u5361\u7247\u7ea7 H4 (\u539f\u5148\u7684 div.bx-card-label) *\/\n#bx-led-savings-v1 h4.bx-card-label {\n  font-size: 0.8rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #666;\n  margin: 0 0 0.4rem 0;\n}\n\n\/* \u2500\u2500 Mono font for numbers\/data \u2500\u2500 *\/\n#bx-led-savings-v1 .bx-mono {\n  font-family: 'IBM Plex Mono', monospace;\n}\n\n\/* \u2500\u2500 Hero header \u2500\u2500 *\/\n#bx-led-savings-v1 .bx-hero {\n  background: linear-gradient(135deg, #183090 0%, #0d1f5c 100%);\n  color: #fff;\n  padding: 2.5rem 2rem 2rem;\n  border-radius: 16px 16px 0 0;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n#bx-led-savings-v1 .bx-hero::before {\n  content: '';\n  position: absolute;\n  top: -40%;\n  right: -10%;\n  width: 300px;\n  height: 300px;\n  background: radial-gradient(circle, rgba(0,144,72,0.25) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n#bx-led-savings-v1 .bx-hero::after {\n  content: '';\n  position: absolute;\n  bottom: -30%;\n  left: -5%;\n  width: 200px;\n  height: 200px;\n  background: radial-gradient(circle, rgba(255,255,255,0.07) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n#bx-led-savings-v1 .bx-hero h2 {\n  color: #fff;\n  position: relative;\n  z-index: 1;\n}\n#bx-led-savings-v1 .bx-hero-sub {\n  color: rgba(255,255,255,0.85);\n  font-size: 1.05rem;\n  margin: 0.5rem 0 0;\n  position: relative;\n  z-index: 1;\n}\n#bx-led-savings-v1 .bx-hero-icon {\n  font-size: 2.4rem;\n  margin-bottom: 0.5rem;\n  display: block;\n  position: relative;\n  z-index: 1;\n}\n\n\/* \u2500\u2500 Body wrapper \u2500\u2500 *\/\n#bx-led-savings-v1 .bx-body {\n  background: #fff;\n  border: 1px solid #e0e4ed;\n  border-top: none;\n  border-radius: 0 0 16px 16px;\n  padding: 2rem;\n}\n\n\/* \u2500\u2500 Form grid \u2500\u2500 *\/\n#bx-led-savings-v1 .bx-form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1.25rem 1.75rem;\n}\n#bx-led-savings-v1 .bx-field {\n  display: flex;\n  flex-direction: column;\n}\n#bx-led-savings-v1 .bx-field.bx-full-width {\n  grid-column: 1 \/ -1;\n}\n#bx-led-savings-v1 .bx-field label {\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: #303030;\n  margin-bottom: 0.35rem;\n  display: flex;\n  align-items: center;\n  gap: 0.4em;\n}\n#bx-led-savings-v1 .bx-field label .bx-label-icon {\n  font-size: 1.1em;\n  flex-shrink: 0;\n}\n#bx-led-savings-v1 .bx-field input[type=\"number\"],\n#bx-led-savings-v1 .bx-field select {\n  width: 100%;\n  height: 44px !important;\n  padding: 0 12px;\n  border: 2px solid #d0d5e0;\n  border-radius: 8px;\n  font-size: 1rem;\n  color: #303030;\n  background: #fff;\n  transition: border-color 0.2s, box-shadow 0.2s;\n  outline: none;\n}\n#bx-led-savings-v1 .bx-field select {\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  -moz-appearance: none !important;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23303030' stroke-width='2' fill='none'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 12px center;\n  padding-right: 36px;\n}\n#bx-led-savings-v1 .bx-field select option {\n  color: #000018 !important;\n  background: #FFFFFF !important;\n}\n#bx-led-savings-v1 .bx-field input[type=\"number\"]:focus,\n#bx-led-savings-v1 .bx-field select:focus {\n  border-color: #183090;\n  box-shadow: 0 0 0 3px rgba(24,48,144,0.12);\n}\n#bx-led-savings-v1 .bx-field .bx-input-hint {\n  font-size: 0.78rem;\n  color: #888;\n  margin-top: 0.25rem;\n}\n\n\/* LED wattage auto-calc note *\/\n#bx-led-savings-v1 .bx-auto-tag {\n  display: inline-block;\n  background: #e6f7ee;\n  color: #009048;\n  font-size: 0.72rem;\n  font-weight: 700;\n  padding: 1px 7px;\n  border-radius: 4px;\n  margin-left: 0.4em;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n}\n\n\/* \u2500\u2500 Calculate button \u2500\u2500 *\/\n#bx-led-savings-v1 .bx-calc-btn {\n  display: block;\n  width: 100%;\n  max-width: 380px;\n  margin: 1.75rem auto 0;\n  padding: 14px 24px;\n  background: linear-gradient(135deg, #009048 0%, #007a3d 100%);\n  color: #fff;\n  font-size: 1.1rem;\n  font-weight: 700;\n  border: none;\n  border-radius: 10px;\n  cursor: pointer;\n  transition: transform 0.15s, box-shadow 0.15s, background 0.2s;\n  box-shadow: 0 4px 14px rgba(0,144,72,0.3);\n  letter-spacing: 0.02em;\n}\n#bx-led-savings-v1 .bx-calc-btn:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 6px 20px rgba(0,144,72,0.4);\n  background: linear-gradient(135deg, #00a352 0%, #009048 100%);\n}\n#bx-led-savings-v1 .bx-calc-btn:active {\n  transform: translateY(0);\n}\n\n\/* \u2500\u2500 Error message \u2500\u2500 *\/\n#bx-led-savings-v1 .bx-error {\n  background: #fef2f2;\n  border: 1px solid #D81818;\n  color: #D81818;\n  padding: 0.75rem 1rem;\n  border-radius: 8px;\n  margin-top: 1rem;\n  font-size: 0.9rem;\n  font-weight: 600;\n  text-align: center;\n  display: none;\n}\n\n\/* \u2500\u2500 Divider \u2500\u2500 *\/\n#bx-led-savings-v1 .bx-divider {\n  height: 2px;\n  background: linear-gradient(90deg, transparent, #183090, transparent);\n  margin: 2rem 0;\n  opacity: 0.2;\n}\n\n\/* \u2500\u2500 Results section \u2500\u2500 *\/\n#bx-led-savings-v1 .bx-results {\n  display: none;\n  animation: bxFadeIn 0.5s ease;\n}\n@keyframes bxFadeIn {\n  from { opacity: 0; transform: translateY(12px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2500\u2500 Summary cards \u2500\u2500 *\/\n#bx-led-savings-v1 .bx-summary-row {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.75rem;\n}\n#bx-led-savings-v1 .bx-card {\n  background: #f7f8fb;\n  border-radius: 12px;\n  padding: 1.25rem 1rem;\n  text-align: center;\n  border: 1px solid #e0e4ed;\n  transition: transform 0.2s, box-shadow 0.2s;\n}\n#bx-led-savings-v1 .bx-card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 16px rgba(24,48,144,0.08);\n}\n#bx-led-savings-v1 .bx-card-value {\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 1.65rem;\n  font-weight: 700;\n  line-height: 1.2;\n}\n#bx-led-savings-v1 .bx-card-sub {\n  font-size: 0.78rem;\n  color: #888;\n  margin-top: 0.3rem;\n}\n#bx-led-savings-v1 .bx-card.bx-savings {\n  background: linear-gradient(135deg, #e6f7ee 0%, #d4f1e2 100%);\n  border-color: #009048;\n}\n#bx-led-savings-v1 .bx-card.bx-savings .bx-card-value {\n  color: #009048;\n}\n#bx-led-savings-v1 .bx-card.bx-current .bx-card-value {\n  color: #D81818;\n}\n#bx-led-savings-v1 .bx-card.bx-led .bx-card-value {\n  color: #183090;\n}\n\n\/* \u2500\u2500 Detail grid \u2500\u2500 *\/\n#bx-led-savings-v1 .bx-detail-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1rem;\n  margin-bottom: 1.75rem;\n}\n#bx-led-savings-v1 .bx-detail-box {\n  background: #f7f8fb;\n  border-radius: 10px;\n  padding: 1.15rem 1.25rem;\n  border: 1px solid #e0e4ed;\n}\n#bx-led-savings-v1 .bx-detail-box h3.bx-box-title {\n  display: flex;\n  align-items: center;\n  gap: 0.4em;\n}\n#bx-led-savings-v1 .bx-detail-box .bx-detail-icon {\n  font-size: 1.15em;\n}\n#bx-led-savings-v1 .bx-detail-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.35rem 0;\n  font-size: 0.9rem;\n  border-bottom: 1px solid #eaedf3;\n}\n#bx-led-savings-v1 .bx-detail-row:last-child {\n  border-bottom: none;\n}\n#bx-led-savings-v1 .bx-detail-row .bx-val {\n  font-family: 'IBM Plex Mono', monospace;\n  font-weight: 600;\n  color: #183090;\n}\n#bx-led-savings-v1 .bx-detail-row .bx-val.bx-red {\n  color: #D81818;\n}\n#bx-led-savings-v1 .bx-detail-row .bx-val.bx-green {\n  color: #009048;\n}\n\n\/* \u2500\u2500 Chart container \u2500\u2500 *\/\n#bx-led-savings-v1 .bx-chart-wrap {\n  margin: 1.5rem 0;\n}\n#bx-led-savings-v1 .bx-chart-container {\n  position: relative;\n  width: 100%;\n  max-height: 380px;\n}\n\n\/* \u2500\u2500 CTA button \u2500\u2500 *\/\n#bx-led-savings-v1 .bx-cta-wrap {\n  text-align: center;\n  margin-top: 2rem;\n  padding-top: 1.5rem;\n  border-top: 2px solid #e0e4ed;\n}\n#bx-led-savings-v1 .bx-cta-text {\n  font-size: 1rem;\n  color: #555;\n  margin-bottom: 1rem;\n}\n#bx-led-savings-v1 .bx-cta-btn {\n  display: inline-block;\n  padding: 15px 36px;\n  background: linear-gradient(135deg, #183090 0%, #0d1f5c 100%);\n  color: #fff;\n  font-size: 1.15rem;\n  font-weight: 700;\n  border: none;\n  border-radius: 10px;\n  cursor: pointer;\n  transition: transform 0.15s, box-shadow 0.15s;\n  box-shadow: 0 4px 18px rgba(24,48,144,0.35);\n  text-decoration: none;\n  letter-spacing: 0.02em;\n}\n#bx-led-savings-v1 .bx-cta-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 24px rgba(24,48,144,0.45);\n}\n#bx-led-savings-v1 .bx-cta-btn:active {\n  transform: translateY(0);\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 860px) {\n  #bx-led-savings-v1 .bx-form-grid {\n    grid-template-columns: 1fr;\n  }\n  #bx-led-savings-v1 .bx-field.bx-full-width {\n    grid-column: 1;\n  }\n  #bx-led-savings-v1 .bx-summary-row {\n    grid-template-columns: 1fr;\n  }\n  #bx-led-savings-v1 .bx-detail-grid {\n    grid-template-columns: 1fr;\n  }\n  #bx-led-savings-v1 .bx-hero {\n    padding: 1.75rem 1.25rem 1.5rem;\n  }\n  #bx-led-savings-v1 .bx-body {\n    padding: 1.25rem;\n  }\n  #bx-led-savings-v1 .bx-card-value {\n    font-size: 1.4rem;\n  }\n}\n@media (max-width: 480px) {\n  #bx-led-savings-v1 .bx-hero {\n    padding: 1.5rem 1rem 1.25rem;\n  }\n  #bx-led-savings-v1 .bx-body {\n    padding: 1rem;\n  }\n}\n<\/style>\n\n<div class=\"bx-hero\">\n  <span class=\"bx-hero-icon\">&#128161;<\/span>\n  <h2>LED Spotlight Energy Savings Calculator<\/h2>\n  <p class=\"bx-hero-sub\">See how much you can save by switching your outdoor spot lights to LED<\/p>\n<\/div>\n\n<div class=\"bx-body\">\n\n  <h2 class=\"bx-section-title\">Enter Your Current Lighting Setup<\/h2>\n  <div class=\"bx-form-grid\">\n\n    <div class=\"bx-field\">\n      <label><span class=\"bx-label-icon\">&#127981;<\/span> Number of Fixtures<\/label>\n      <input type=\"number\" id=\"bx-fixtures\" min=\"0\" max=\"9999\" value=\"20\" step=\"1\">\n      <span class=\"bx-input-hint\">Total spot lights in your installation<\/span>\n    <\/div>\n\n    <div class=\"bx-field\">\n      <label><span class=\"bx-label-icon\">&#9889;<\/span> Current Fixture Wattage<\/label>\n      <select id=\"bx-current-watt\">\n        <option value=\"50\">50W Halogen<\/option>\n        <option value=\"75\">75W Halogen<\/option>\n        <option value=\"100\" selected>100W Halogen<\/option>\n        <option value=\"150\">150W Halogen<\/option>\n        <option value=\"200\">200W Halogen<\/option>\n        <option value=\"250\">250W HID \/ Metal Halide<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"bx-field\">\n      <label><span class=\"bx-label-icon\">&#128336;<\/span> Daily Operating Hours<\/label>\n      <select id=\"bx-hours\">\n        <option value=\"6\">6 hours \/ day<\/option>\n        <option value=\"8\">8 hours \/ day<\/option>\n        <option value=\"10\" selected>10 hours \/ day<\/option>\n        <option value=\"12\">12 hours \/ day<\/option>\n        <option value=\"14\">14 hours \/ day<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"bx-field\">\n      <label><span class=\"bx-label-icon\">&#128176;<\/span> Electricity Cost ($\/kWh)<\/label>\n      <input type=\"number\" id=\"bx-cost-kwh\" min=\"0\" max=\"5\" value=\"0.12\" step=\"0.01\">\n    <\/div>\n\n    <div class=\"bx-field bx-full-width\">\n      <label>\n        <span class=\"bx-label-icon\">&#127775;<\/span> LED Replacement Wattage (per fixture)\n        <span class=\"bx-auto-tag\" id=\"bx-auto-label\">Auto-Calculated<\/span>\n      <\/label>\n      <input type=\"number\" id=\"bx-led-watt\" min=\"1\" max=\"999\" value=\"20\" step=\"1\">\n      <span class=\"bx-input-hint\">Defaults to 20% of current wattage (80% energy reduction). Edit to override.<\/span>\n    <\/div>\n\n  <\/div>\n\n  <button type=\"button\" class=\"bx-calc-btn\" id=\"bx-calc-btn\">Calculate My Savings<\/button>\n\n  <div class=\"bx-error\" id=\"bx-error\"><\/div>\n\n  <div class=\"bx-results\" id=\"bx-results\">\n\n    <div class=\"bx-divider\"><\/div>\n\n    <h2 class=\"bx-section-title\">Your Estimated Savings<\/h2>\n\n    <div class=\"bx-summary-row\">\n      <div class=\"bx-card bx-current\">\n        <h4 class=\"bx-card-label\">Current Annual Cost<\/h4>\n        <div class=\"bx-card-value bx-mono\" id=\"bx-out-current\">$0<\/div>\n        <div class=\"bx-card-sub\">Energy + Maintenance<\/div>\n      <\/div>\n      <div class=\"bx-card bx-led\">\n        <h4 class=\"bx-card-label\">LED Annual Cost<\/h4>\n        <div class=\"bx-card-value bx-mono\" id=\"bx-out-led\">$0<\/div>\n        <div class=\"bx-card-sub\">Energy + Maintenance<\/div>\n      <\/div>\n      <div class=\"bx-card bx-savings\">\n        <h4 class=\"bx-card-label\">Annual Savings<\/h4>\n        <div class=\"bx-card-value bx-mono\" id=\"bx-out-savings\">$0<\/div>\n        <div class=\"bx-card-sub\" id=\"bx-out-pct\">0% reduction<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"bx-detail-grid\">\n      <div class=\"bx-detail-box\">\n        <h3 class=\"bx-box-title\"><span class=\"bx-detail-icon\">&#128200;<\/span> Energy Breakdown<\/h3>\n        <div class=\"bx-detail-row\">\n          <span>Current energy cost\/yr<\/span>\n          <span class=\"bx-val bx-red bx-mono\" id=\"bx-d-energy-old\">$0<\/span>\n        <\/div>\n        <div class=\"bx-detail-row\">\n          <span>LED energy cost\/yr<\/span>\n          <span class=\"bx-val bx-green bx-mono\" id=\"bx-d-energy-new\">$0<\/span>\n        <\/div>\n        <div class=\"bx-detail-row\">\n          <span>Current kWh\/yr<\/span>\n          <span class=\"bx-val bx-mono\" id=\"bx-d-kwh-old\">0<\/span>\n        <\/div>\n        <div class=\"bx-detail-row\">\n          <span>LED kWh\/yr<\/span>\n          <span class=\"bx-val bx-mono\" id=\"bx-d-kwh-new\">0<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"bx-detail-box\">\n        <h3 class=\"bx-box-title\"><span class=\"bx-detail-icon\">&#127758;<\/span> Environmental &amp; Payback<\/h3>\n        <div class=\"bx-detail-row\">\n          <span>CO&#8322; reduced\/yr<\/span>\n          <span class=\"bx-val bx-green bx-mono\" id=\"bx-d-co2\">0 kg<\/span>\n        <\/div>\n        <div class=\"bx-detail-row\">\n          <span>5-Year current TCO<\/span>\n          <span class=\"bx-val bx-red bx-mono\" id=\"bx-d-tco-old\">$0<\/span>\n        <\/div>\n        <div class=\"bx-detail-row\">\n          <span>5-Year LED TCO<\/span>\n          <span class=\"bx-val bx-green bx-mono\" id=\"bx-d-tco-new\">$0<\/span>\n        <\/div>\n        <div class=\"bx-detail-row\">\n          <span>Payback period<\/span>\n          <span class=\"bx-val bx-green bx-mono\" id=\"bx-d-payback\">0 mo<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"bx-chart-wrap\">\n      <h3 class=\"bx-box-title\">5-Year Cumulative Cost Comparison<\/h3>\n      <div class=\"bx-chart-container\">\n        <canvas id=\"bx-chart\"><\/canvas>\n      <\/div>\n    <\/div>\n\n    <div class=\"bx-cta-wrap\">\n      <p class=\"bx-cta-text\">Ready to start saving? Get a customized LED upgrade quote from Guangqi Lighting.<\/p>\n      <a href=\"#\" id=\"bx-quote-btn\" class=\"bx-cta-btn\" role=\"button\">Get a Quote for LED Upgrade<\/a>\n    <\/div>\n\n  <\/div><a href=\"#ct-popup-801\" id=\"bx-hidden-popup-trigger\" style=\"display:none;\" aria-hidden=\"true\"><\/a>\n\n<\/div><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n<script>\n(function(){\n  \/* \u2500\u2500 DOM refs \u2500\u2500 *\/\n  var elFixtures  = document.getElementById('bx-fixtures');\n  var elCurrWatt  = document.getElementById('bx-current-watt');\n  var elHours     = document.getElementById('bx-hours');\n  var elCostKwh   = document.getElementById('bx-cost-kwh');\n  var elLedWatt   = document.getElementById('bx-led-watt');\n  var elAutoLabel = document.getElementById('bx-auto-label');\n  var elCalcBtn   = document.getElementById('bx-calc-btn');\n  var elError     = document.getElementById('bx-error');\n  var elResults   = document.getElementById('bx-results');\n  var chartCanvas = document.getElementById('bx-chart');\n  var btnQuote    = document.getElementById('bx-quote-btn'); \/* \u5f15\u7528\u5b9e\u9645\u6309\u94ae *\/\n  var btnGhost    = document.getElementById('bx-hidden-popup-trigger'); \/* \u5f15\u7528\u5e7d\u7075\u89e6\u53d1\u5668 *\/\n  \n  var chartInstance = null;\n  var isAutoLed = true;\n\n  \/* \u2500\u2500 Auto-calc LED wattage \u2500\u2500 *\/\n  function updateAutoLed(){\n    if(!isAutoLed) return;\n    var w = parseFloat(elCurrWatt.value) || 0;\n    elLedWatt.value = Math.max(1, Math.round(w * 0.2));\n  }\n  elCurrWatt.addEventListener('change', updateAutoLed);\n\n  elLedWatt.addEventListener('input', function(){\n    var w = parseFloat(elCurrWatt.value) || 0;\n    var ledW = parseFloat(elLedWatt.value) || 0;\n    if(ledW !== Math.round(w * 0.2)){\n      isAutoLed = false;\n      elAutoLabel.textContent = 'Custom';\n      elAutoLabel.style.background = '#fff3e0';\n      elAutoLabel.style.color = '#c97a00';\n    }\n  });\n  elCurrWatt.addEventListener('change', function(){\n    isAutoLed = true;\n    elAutoLabel.textContent = 'Auto-Calculated';\n    elAutoLabel.style.background = '';\n    elAutoLabel.style.color = '';\n    updateAutoLed();\n  });\n\n  \/* \u2500\u2500 Format helpers \u2500\u2500 *\/\n  function fmt$(n){ return '$' + n.toLocaleString('en-US', {minimumFractionDigits:0, maximumFractionDigits:0}); }\n  function fmtN(n, d){ return n.toLocaleString('en-US', {minimumFractionDigits:d||0, maximumFractionDigits:d||0}); }\n\n  \/* \u2500\u2500 Animated counter \u2500\u2500 *\/\n  function animateValue(el, end, prefix, suffix, decimals){\n    prefix = prefix || '';\n    suffix = suffix || '';\n    decimals = decimals || 0;\n    var start = 0;\n    var duration = 800;\n    var startTime = null;\n    function step(ts){\n      if(!startTime) startTime = ts;\n      var progress = Math.min((ts - startTime) \/ duration, 1);\n      var eased = 1 - Math.pow(1 - progress, 3);\n      var val = start + (end - start) * eased;\n      el.textContent = prefix + fmtN(val, decimals) + suffix;\n      if(progress < 1) requestAnimationFrame(step);\n    }\n    requestAnimationFrame(step);\n  }\n\n  \/* \u2500\u2500 Calculate \u2500\u2500 *\/\n  elCalcBtn.addEventListener('click', function(){\n    elError.style.display = 'none';\n\n    var fixtures = parseInt(elFixtures.value, 10);\n    var currW    = parseFloat(elCurrWatt.value);\n    var hours    = parseFloat(elHours.value);\n    var costKwh  = parseFloat(elCostKwh.value);\n    var ledW     = parseFloat(elLedWatt.value);\n\n    \/* Validation *\/\n    if(isNaN(fixtures) || fixtures <= 0){\n      elError.textContent = 'Please enter at least 1 fixture.';\n      elError.style.display = 'block';\n      elResults.style.display = 'none';\n      return;\n    }\n    if(isNaN(hours) || hours <= 0){\n      elError.textContent = 'Please select valid operating hours.';\n      elError.style.display = 'block';\n      elResults.style.display = 'none';\n      return;\n    }\n    if(isNaN(costKwh) || costKwh <= 0){\n      elError.textContent = 'Please enter a valid electricity cost greater than $0.';\n      elError.style.display = 'block';\n      elResults.style.display = 'none';\n      return;\n    }\n    if(isNaN(ledW) || ledW <= 0){\n      elError.textContent = 'Please enter a valid LED wattage greater than 0.';\n      elError.style.display = 'block';\n      elResults.style.display = 'none';\n      return;\n    }\n    if(ledW >= currW){\n      elError.textContent = 'LED wattage should be lower than the current fixture wattage.';\n      elError.style.display = 'block';\n      elResults.style.display = 'none';\n      return;\n    }\n\n    \/* Core calculations *\/\n    var daysPerYear = 365;\n    var hoursPerYear = hours * daysPerYear;\n\n    \/* Energy (kWh\/yr) *\/\n    var kwhOld = (fixtures * currW * hoursPerYear) \/ 1000;\n    var kwhNew = (fixtures * ledW * hoursPerYear) \/ 1000;\n\n    \/* Energy cost\/yr *\/\n    var energyCostOld = kwhOld * costKwh;\n    var energyCostNew = kwhNew * costKwh;\n\n    \/* Maintenance: halogen bulb life 2000h @ $8\/bulb ; LED 50000h *\/\n    var bulbReplacementsOld = (hoursPerYear \/ 2000); \/* per fixture per year *\/\n    var maintCostOld = fixtures * bulbReplacementsOld * 8;\n    var bulbReplacementsLed = (hoursPerYear \/ 50000);\n    var maintCostNew = fixtures * bulbReplacementsLed * 8; \/* same $8 for LED bulb cost *\/\n\n    var totalCostOld = energyCostOld + maintCostOld;\n    var totalCostNew = energyCostNew + maintCostNew;\n    var annualSavings = totalCostOld - totalCostNew;\n    var pctReduction = totalCostOld > 0 ? Math.round((annualSavings \/ totalCostOld) * 100) : 0;\n\n    \/* CO2 *\/\n    var co2Factor = 0.42; \/* kg CO2 per kWh *\/\n    var co2Saved = (kwhOld - kwhNew) * co2Factor;\n\n    \/* 5-year TCO *\/\n    \/* LED upfront: assume ~$25 per LED fixture (reasonable market price) *\/\n    var ledFixtureCost = 25;\n    var ledUpfront = fixtures * ledFixtureCost;\n\n    var tco5Old = 0;\n    var tco5New = ledUpfront;\n    var cumulativeOld = [];\n    var cumulativeNew = [];\n    for(var y = 1; y <= 5; y++){\n      tco5Old += totalCostOld;\n      tco5New += totalCostNew;\n      cumulativeOld.push(Math.round(tco5Old));\n      cumulativeNew.push(Math.round(tco5New));\n    }\n\n    \/* Payback: months until LED cumulative cost < halogen cumulative cost *\/\n    \/* Monthly savings *\/\n    var monthlySavings = annualSavings \/ 12;\n    var paybackMonths = monthlySavings > 0 ? Math.ceil(ledUpfront \/ monthlySavings) : 0;\n\n    \/* \u2500\u2500 Populate results \u2500\u2500 *\/\n    elResults.style.display = 'block';\n\n    animateValue(document.getElementById('bx-out-current'), totalCostOld, '$', '', 0);\n    animateValue(document.getElementById('bx-out-led'), totalCostNew, '$', '', 0);\n    animateValue(document.getElementById('bx-out-savings'), annualSavings, '$', '', 0);\n    document.getElementById('bx-out-pct').textContent = pctReduction + '% reduction';\n\n    document.getElementById('bx-d-energy-old').textContent = fmt$(Math.round(energyCostOld));\n    document.getElementById('bx-d-energy-new').textContent = fmt$(Math.round(energyCostNew));\n    document.getElementById('bx-d-kwh-old').textContent = fmtN(Math.round(kwhOld)) + ' kWh';\n    document.getElementById('bx-d-kwh-new').textContent = fmtN(Math.round(kwhNew)) + ' kWh';\n\n    document.getElementById('bx-d-co2').textContent = fmtN(Math.round(co2Saved)) + ' kg';\n    document.getElementById('bx-d-tco-old').textContent = fmt$(cumulativeOld[4]);\n    document.getElementById('bx-d-tco-new').textContent = fmt$(cumulativeNew[4]);\n    document.getElementById('bx-d-payback').textContent = paybackMonths > 0 ? (paybackMonths <= 60 ? paybackMonths + ' months' : '60+ months') : 'Immediate';\n\n    \/* \u2500\u2500 Chart \u2500\u2500 *\/\n    if(chartInstance){\n      chartInstance.destroy();\n    }\n    chartInstance = new Chart(chartCanvas, {\n      type: 'bar',\n      data: {\n        labels: ['Year 1', 'Year 2', 'Year 3', 'Year 4', 'Year 5'],\n        datasets: [\n          {\n            label: 'Current System (Halogen\/HID)',\n            data: cumulativeOld,\n            backgroundColor: 'rgba(216, 24, 24, 0.75)',\n            borderColor: '#D81818',\n            borderWidth: 2,\n            borderRadius: 6\n          },\n          {\n            label: 'LED Upgrade',\n            data: cumulativeNew,\n            backgroundColor: 'rgba(0, 144, 72, 0.75)',\n            borderColor: '#009048',\n            borderWidth: 2,\n            borderRadius: 6\n          }\n        ]\n      },\n      options: {\n        responsive: true,\n        maintainAspectRatio: true,\n        interaction: {\n          mode: 'index',\n          intersect: false\n        },\n        plugins: {\n          legend: {\n            position: 'bottom',\n            labels: {\n              padding: 16,\n              usePointStyle: true,\n              pointStyleWidth: 20,\n              font: { size: 13, weight: '600' }\n            }\n          },\n          tooltip: {\n            backgroundColor: '#303030',\n            titleFont: { size: 13 },\n            bodyFont: { family: \"'IBM Plex Mono', monospace\", size: 13 },\n            padding: 12,\n            cornerRadius: 8,\n            callbacks: {\n              label: function(ctx){\n                return ctx.dataset.label + ': $' + ctx.parsed.y.toLocaleString();\n              }\n            }\n          }\n        },\n        scales: {\n          y: {\n            beginAtZero: true,\n            ticks: {\n              callback: function(v){ return '$' + v.toLocaleString(); },\n              font: { family: \"'IBM Plex Mono', monospace\", size: 12 }\n            },\n            grid: { color: 'rgba(0,0,0,0.06)' }\n          },\n          x: {\n            ticks: {\n              font: { size: 13, weight: '600' }\n            },\n            grid: { display: false }\n          }\n        }\n      }\n    });\n\n    \/* Scroll to results *\/\n    elResults.scrollIntoView({ behavior: 'smooth', block: 'start' });\n  });\n\n  \/* \u2500\u2500 \ud83d\udfe2 \u4ee3\u7406\u89e6\u53d1\u5f39\u7a97\u4e8b\u4ef6 \u2500\u2500 *\/\n  btnQuote.addEventListener('click', function(e) {\n    e.preventDefault();\n    if(btnGhost) {\n      btnGhost.click(); \/\/ \u89e6\u53d1\u5728\u9690\u85cf\u533a\u57df\u5916\u7684\u5e7d\u7075\u951a\u70b9\n    } else {\n      window.location.hash = '#ct-popup-801';\n    }\n  });\n\n  \/* Init auto-calc *\/\n  updateAutoLed();\n\n})();\n<\/script>\n\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>&#128161; LED Spotlight Energy Savings Calculator See how much you can save by switching your outdoor spot lights to LED Enter Your Current Lighting Setup &#127981; Number of Fixtures Total spot lights in your installation &#9889; Current Fixture Wattage 50W Halogen75W Halogen100W Halogen150W Halogen200W Halogen250W HID \/ Metal Halide &#128336; Daily Operating Hours 6 hours [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1454,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1458","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/pages\/1458","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/comments?post=1458"}],"version-history":[{"count":0,"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/pages\/1458\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/pages\/1454"}],"wp:attachment":[{"href":"https:\/\/gqlamp.com\/es\/wp-json\/wp\/v2\/media?parent=1458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}