{"id":2668,"date":"2026-05-10T21:49:17","date_gmt":"2026-05-11T05:49:17","guid":{"rendered":"https:\/\/www.pvbat.com\/?page_id=2668"},"modified":"2026-05-11T00:15:27","modified_gmt":"2026-05-11T08:15:27","slug":"calculadora-solar","status":"publish","type":"page","link":"https:\/\/www.pvbat.com\/us-en\/calculadora-solar\/","title":{"rendered":"CALCULADORA SOLAR"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2668\" class=\"elementor elementor-2668\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0737a1d e-flex e-con-boxed e-con e-parent\" data-id=\"0737a1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51a6a81 elementor-widget elementor-widget-html\" data-id=\"51a6a81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"solar-wrap\">\n    <section class=\"solar-calculator\">\n      <header class=\"solar-head\">\n        <p class=\"eyebrow\">CALCULADORA SOLAR<\/p>\n        <h1>I don\u2019t know how to choose \uff1f<\/h1>\n        <p>Enter your monthly electricity usage and household power to get a suitable recommendation.<\/p>\n      <\/header>\n\n      <div class=\"solar-grid\">\n        <div class=\"solar-controls\">\n          <div class=\"control-item\">\n            <h2 class=\"control-label\">Monthly Household Electricity Usage \/ kWh<\/h2>\n            <p class=\"control-sub\">Enter your average household electricity consumption per month.<\/p>\n            <input id=\"monthlyUsage\" class=\"slider\" type=\"range\" min=\"1\" max=\"10000\" step=\"5\" value=\"450\">\n            <div class=\"value-badge\">\n              <strong id=\"monthlyUsageValue\">450<\/strong>\n              <span>kWh<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"control-item\">\n            <h2 class=\"control-label\">Total Household Power \/ kW<\/h2>\n            <p class=\"control-sub\">Enter the total operating power of your household appliances.<\/p>\n            <input id=\"householdPower\" class=\"slider\" type=\"range\" min=\"0.1\" max=\"100\" step=\"0.1\" value=\"3\">\n            <div class=\"value-badge\">\n              <strong id=\"householdPowerValue\">3<\/strong>\n              <span>kW<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"solar-results\">\n          <div class=\"results-list\">\n            <article class=\"result-item\">\n              <h3 class=\"result-label\">Recommended Battery Capacity \/ kWh<\/h3>\n              <p class=\"result-meta\">Estimated Battery Capacity<\/p>\n              <p class=\"result-value\"><span id=\"batteryValue\">17.65<\/span><span class=\"result-unit\">kWh<\/span><\/p>\n            <\/article>\n\n            <article class=\"result-item\">\n              <h3 class=\"result-label\">Recommended Inverter Power \/ kW<\/h3>\n              <p class=\"result-meta\">Recommended Inverter Size<\/p>\n              <p class=\"result-value\"><span id=\"inverterValue\">6<\/span><span class=\"result-unit\">kW<\/span><\/p>\n            <\/article>\n\n            <article class=\"result-item\">\n              <h3 class=\"result-label\">Recommended Solar Panel Quantity \/ pcs<\/h3>\n              <p class=\"result-meta\">Recommended Solar Panel Count<\/p>\n              <p class=\"result-value\"><span id=\"panelValue\">6<\/span><span class=\"result-unit\">pcs<\/span><\/p>\n            <\/article>\n          <\/div>\n\n          <div class=\"quote-section\">\n              <a href=\"https:\/\/wa.me\/639157700006\" target=\"_blank\" rel=\"noopener\">\n                   <button class=\"quote-button\" id=\"quoteButton\" type=\"button\">Get an Accurate Quote<\/button>\n              <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n  \n   <style>\n    :root {\n      --page-bg: #ffffff;\n      --card-bg: #ffffff;\n      --panel-bg: #ffffff;\n      --panel-bg-soft: #165EA0;\n      --panel-bg-soft-2: #165EA0;\n      --accent: #165EA0;\n      --accent-soft: #165EA0;\/*\u6eda\u52a8\u6761\u989c\u8272*\/\n      --text-main: #111111;\n      --text-soft: #555555;\n      --text-muted: #165EA0;\n      --border-soft: #165EA0;\n      --value-accent: #165EA0;\n      --shadow: 0 18px 50px rgba(22, 94, 160, 0.06);\n      --radius-xl: 28px;\n      --radius-lg: 22px;\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    body {\n      margin: 0;\n      font-family: \"Poppins\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      background:\n        radial-gradient(circle at top left, rgba(76, 175, 80, 0.04), transparent 30%),\n        radial-gradient(circle at right center, rgba(76, 175, 80, 0.03), transparent 26%),\n        var(--page-bg);\n      color: var(--text-main);\n    }\n    \n    .result-value{\n        height: 0px;\n    }\n\n    .solar-wrap {\n      display: grid;\n      place-items: center;\n    }\n\n    .solar-calculator {\n      width: min(1180px, 100%);\n    }\n\n    .solar-head {\n      text-align: center;\n      margin-bottom: 30px;\n    }\n\n    .solar-head .eyebrow {\n      margin: 0 0 12px;\n      color: #165EA0;\n      font-size: 18px;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .solar-head h1 {\n      margin: 0;\n      font-size: clamp(24px, 3vw, 42px);\n      line-height: 1.18;\n      letter-spacing: -0.03em;\n      font-weight: 700;\n      color: #000000;\n    }\n\n    .solar-head p {\n      margin: 12px auto 0;\n      font-size: 16px;\n      line-height: 1.8;\n      color: var(--text-soft);\n    }\n\n    .solar-grid {\n      display: grid;\n      grid-template-columns: 1.05fr 0.95fr;\n      gap: 20px;\n      align-items: stretch;\n\n    }\n\n    .solar-controls,\n    .solar-results {\n      padding: 36px 34px;\n      border-radius: var(--radius-xl);\n      box-shadow: var(--shadow);\n      border: 1px solid var(--border-soft);\n    }\n\n    .solar-controls {\n      background: var(--card-bg);\n    }\n\n    .solar-results {\n      background:\n        \n        #ffffff;\n      color: #165EA0;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      gap: 24px;\n      position: relative;\n      border-radius: 0 var(--radius-xl) var(--radius-xl) 0;\n    \n    }\n\n    .solar-results::before {\n      content: \"\";\n      position: absolute;\n      inset: 0 auto 0 0;\n      width: 6px;\n      border-radius: 28px 0 0 28px;\n      background: linear-gradient(180deg, var(--panel-bg-soft), var(--panel-bg-soft-2));\n    }\n\n    .control-item + .control-item {\n      margin-top: 54px;\n    }\n\n    .control-label {\n      margin: 0 0 6px;\n      font-size: 28px;\n      line-height: 1.2;\n      color: #000000;\n      font-weight: 700;\n    }\n\n    .control-sub {\n      margin: 0 0 18px;\n      font-size: 13px;\n      color: #165EA0;\n      font-weight: 600;\n    }\n\n    .value-badge {\n      display: inline-flex;\n      align-items: baseline;\n      gap: 8px;\n      margin-top: 20px;\n      padding: 12px 18px;\n      border-radius: 999px;\n      background: rgba(76, 175, 80, 0.06);\n      color: var(--text-main);\n      box-shadow: inset 0 0 0 1px rgba(76, 175, 80, 0.12);\n    }\n\n    .value-badge strong {\n      font-size: 30px;\n      line-height: 1;\n      font-weight: 700;\n    }\n\n    .value-badge span {\n      font-size: 16px;\n      color: #165EA0;\n    }\n\n    .slider {\n      appearance: none;\n      width: 100%;\n      height: 5px;\n      border-radius: 999px;\n      background: linear-gradient(90deg, var(--panel-bg-soft), var(--accent-soft));\n      outline: none;\n    }\n\n    .slider::-webkit-slider-thumb {\n      appearance: none;\n      width: 18px;\n      height: 18px;\n      border-radius: 50%;\n      background: var(--panel-bg-soft);\n      border: 3px solid #ffffff;\n      box-shadow: 0 3px 10px rgba(76, 175, 80, 0.18);\n      cursor: pointer;\n    }\n\n    .slider::-moz-range-thumb {\n      width: 18px;\n      height: 18px;\n      border-radius: 50%;\n      background: var(--panel-bg-soft);\n      border: 3px solid #ffffff;\n      box-shadow: 0 3px 10px rgba(76, 175, 80, 0.18);\n      cursor: pointer;\n    }\n\n    .results-list {\n      display: grid;\n      gap: 14px;\n    }\n\n    .result-item {\n      padding-bottom: 0px;\n      border-bottom: 1px solid var(--border-soft);\n    }\n\n    .result-item:last-child {\n      border-bottom: 0;\n      padding-bottom: 0;\n    }\n\n    .result-label {\n      margin: 0 0 8px;\n      font-size: 25px;\n      line-height: 1.15;\n      color: var(--text-main);\n      font-weight: 600;\n    }\n\n    .result-meta {\n      margin: 0 0 8px;\n      color: var(--text-muted);\n      font-size: 11px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n    }\n\n    .result-value {\n      margin: 0;\n      font-size: clamp(28px, 4vw, 44px);\n      line-height: 1;\n      color: var(--value-accent);\n      font-weight: 700;\n    }\n\n    .result-unit {\n      font-size: 0.55em;\n      margin-left: 6px;\n      color: var(--text-soft);\n    }\n\n    .quote-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 58px;\n      width: 100%;\n      padding: 0 30px;\n      border: 0;\n      border-radius: 12px;\n      background: linear-gradient(180deg, var(--panel-bg-soft), var(--panel-bg-soft-2));\n      color: #ffffff;\n      font-size: 16px;\n      font-weight: 600;\n      cursor: pointer;\n      text-decoration: none;\n      box-shadow: 0 14px 30px rgba(76, 175, 80, 0.24);\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .quote-section {\n      padding-top: 24px;\n      border-top: 1px solid var(--border-soft);\n    }\n\n    .quote-button:hover {\n      transform: translateY(-1px);\n      box-shadow: 0 16px 28px rgba(76, 175, 80, 0.24);\n    }\n\n    @media (max-width: 860px) {\n      .solar-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .solar-controls,\n      .solar-results {\n        padding: 28px 22px;\n      }\n\n      .control-label,\n      .result-label {\n        font-size: 24px;\n      }\n    }\n  <\/style>\n  \n   <script>\n    const monthlyUsageInput = document.getElementById('monthlyUsage');\n    const householdPowerInput = document.getElementById('householdPower');\n\n    const monthlyUsageValue = document.getElementById('monthlyUsageValue');\n    const householdPowerValue = document.getElementById('householdPowerValue');\n    const batteryValue = document.getElementById('batteryValue');\n    const inverterValue = document.getElementById('inverterValue');\n    const panelValue = document.getElementById('panelValue');\n    const quoteButton = document.getElementById('quoteButton');\n\n    function formatNumber(value, digits) {\n      return Number(value).toLocaleString('zh-CN', {\n        minimumFractionDigits: digits,\n        maximumFractionDigits: digits\n      });\n    }\n\n    function updateCalculator() {\n      const monthlyUsage = Number(monthlyUsageInput.value);\n      const householdPower = Number(householdPowerInput.value);\n\n      const batteryKWh = (monthlyUsage \/ 30) \/ 0.85;\n      const inverterKW = householdPower * 2;\n      const panelCount = Math.ceil(((monthlyUsage \/ 30) \/ 2.48) \/ 0.85);\n\n      monthlyUsageValue.textContent = formatNumber(monthlyUsage, 0);\n      householdPowerValue.textContent = formatNumber(householdPower, householdPower % 1 === 0 ? 0 : 1);\n      batteryValue.textContent = formatNumber(batteryKWh, 2);\n      inverterValue.textContent = formatNumber(inverterKW, inverterKW % 1 === 0 ? 0 : 1);\n      panelValue.textContent = formatNumber(panelCount, 0);\n    }\n\n    monthlyUsageInput.addEventListener('input', updateCalculator);\n    householdPowerInput.addEventListener('input', updateCalculator);\n\n    quoteButton.addEventListener('click', () => {\n      const quoteTarget = document.querySelector('#quote-form, .quote-form, #contact-form, .contact-form');\n      if (quoteTarget) {\n        quoteTarget.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    });\n\n    updateCalculator();\n  <\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>CALCULADORA SOLAR I don\u2019t know how to choose \uff1f Enter yo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2668","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pvbat.com\/us-en\/wp-json\/wp\/v2\/pages\/2668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pvbat.com\/us-en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pvbat.com\/us-en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pvbat.com\/us-en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pvbat.com\/us-en\/wp-json\/wp\/v2\/comments?post=2668"}],"version-history":[{"count":5,"href":"https:\/\/www.pvbat.com\/us-en\/wp-json\/wp\/v2\/pages\/2668\/revisions"}],"predecessor-version":[{"id":2681,"href":"https:\/\/www.pvbat.com\/us-en\/wp-json\/wp\/v2\/pages\/2668\/revisions\/2681"}],"wp:attachment":[{"href":"https:\/\/www.pvbat.com\/us-en\/wp-json\/wp\/v2\/media?parent=2668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}