{"id":2,"date":"2025-10-01T09:36:07","date_gmt":"2025-10-01T09:36:07","guid":{"rendered":"https:\/\/instalaciones.ecosolponiente.es\/?page_id=2"},"modified":"2025-10-01T13:54:37","modified_gmt":"2025-10-01T13:54:37","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/instalaciones.ecosolponiente.es\/","title":{"rendered":"Bonificaciones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe7e760 e-flex e-con-boxed e-con e-parent\" data-id=\"fe7e760\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d83c8b elementor-widget elementor-widget-html\" data-id=\"9d83c8b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"display: flex; align-items: center; justify-content: space-between; padding: 10px 20px;\">\r\n    <!-- Logo -->\r\n    <img decoding=\"async\" src=\"https:\/\/instalaciones.ecosolponiente.es\/wp-content\/uploads\/2025\/10\/ecosolponientepng.png\" \r\n         alt=\"Ecosol Poniente Logo\" style=\"height: 150px;\">\r\n\r\n    <!-- Texto -->\r\n    <span style=\"font-size: 16px; color: #000; font-weight: bold;\">\r\n        <span style=\"color: #3374b5;\">&#9670;<\/span> 245,678 cotizaciones en l\u00ednea desde 2019!\r\n    <\/span>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17419be e-flex e-con-boxed e-con e-parent\" data-id=\"17419be\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd30515 elementor-widget elementor-widget-heading\" data-id=\"dd30515\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">APROVECHA LAS BONIFICACIONES Y PAGA 0\u20ac DE LUZ\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57d1035 e-flex e-con-boxed e-con e-parent\" data-id=\"57d1035\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-910ee40 elementor-widget elementor-widget-text-editor\" data-id=\"910ee40\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong><span style=\"color: #ffffff;\">\u23f3Descubre si eres apto en solo 30 segundos\u23f3<\/span><\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fcf98c3 e-flex e-con-boxed e-con e-parent\" data-id=\"fcf98c3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11e8fa6 elementor-widget elementor-widget-html\" data-id=\"11e8fa6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================== BONIFICACIONES (EMBED SAFE) ================== -->\r\n<div class=\"bonus\" id=\"bonus-root\">\r\n  <style>\r\n    .bonus { max-width: 640px; margin: 0 auto; }\r\n    .bonus * { box-sizing: border-box; font-family: \"Poppins\", ui-sans-serif, system-ui, Arial, sans-serif; }\r\n\r\n    .bonus-card{\r\n      background:#ffffff; color:#000000;\r\n      border-radius:18px;\r\n      box-shadow:0 8px 30px rgba(0,0,0,.08);\r\n      padding:24px; \r\n    }\r\n\r\n    .bonus-progress-wrap{ width:100%; height:12px; background:#e6e7e9; border-radius:999px; overflow:hidden; margin-bottom:18px; }\r\n    .bonus-progress{ height:100%; width:15%; background:#fdca00; border-radius:999px; transition:width .35s ease; }\r\n\r\n    .bonus-title{ font-size:28px; font-weight:800; margin:0 0 6px; color:#000; }\r\n    .bonus-sub{ margin:0 0 18px; font-size:16px; color:#333; }\r\n\r\n    .bonus-options{ display:flex; flex-direction:column; gap:12px; }\r\n    .bonus-option{\r\n      display:flex; align-items:center; justify-content:center; gap:8px;\r\n      padding:14px 16px;\r\n      border:2px solid #fdca00; border-radius:12px;\r\n      background:#fff; color:#000; font-weight:700; cursor:pointer;\r\n      transition:background .15s ease, color .15s ease, border-color .15s ease;\r\n    }\r\n    .bonus-option:hover{ background:#fdca00; }\r\n    .bonus-option.bonus-selected{ background:#3374b5; border-color:#3374b5; color:#fff; }\r\n\r\n    .bonus-input{\r\n      width:100%; padding:12px 14px; margin:10px 0;\r\n      border:1.5px solid #d7dde4; border-radius:12px; font-size:16px; color:#000; background:#fff;\r\n      outline:none; transition:border-color .15s ease;\r\n    }\r\n    .bonus-input:focus{ border-color:#3374b5; }\r\n\r\n    .bonus-range{ width:100%; margin:14px 0; accent-color:#3374b5; }\r\n\r\n    .bonus-btn{\r\n      width:100%; padding:12px 16px; margin-top:12px;\r\n      border:0; border-radius:12px; background:#3374b5; color:#fff; \r\n      font-weight:800; font-size:16px; cursor:pointer; transition:opacity .2s ease, transform .1s ease;\r\n    }\r\n    .bonus-btn:hover{ opacity:.92; transform:translateY(-1px); }\r\n    .bonus-btn:disabled{ opacity:.6; cursor:not-allowed; }\r\n\r\n    .bonus-hint{ font-size:12px; color:#555; margin-top:6px; }\r\n    .bonus-hidden{ display:none !important; }\r\n    .bonus-status{ margin-top:10px; font-weight:700; }\r\n  <\/style>\r\n\r\n  <div class=\"bonus-card\">\r\n    <div class=\"bonus-progress-wrap\" aria-hidden=\"true\">\r\n      <div class=\"bonus-progress\" id=\"bonus-progress\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Paso 1 -->\r\n    <section id=\"bonus-step1\" class=\"bonus-step\" role=\"group\" aria-labelledby=\"bonus-t1\">\r\n      <h2 id=\"bonus-t1\" class=\"bonus-title\">Calcula tus Bonificaciones<\/h2>\r\n      <p class=\"bonus-sub\">\u00bfEres propietario de tu vivienda?<\/p>\r\n      <div class=\"bonus-options\">\r\n        <div class=\"bonus-option\" onclick=\"bonusSelect(this,2)\">\ud83c\udfe0 S\u00ed, soy propietario<\/div>\r\n        <div class=\"bonus-option\" onclick=\"alert('Lo sentimos, esta promoci\u00f3n es solo para propietarios.')\">\ud83d\udeab No, soy inquilino<\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Paso 2 -->\r\n    <section id=\"bonus-step2\" class=\"bonus-step bonus-hidden\" role=\"group\" aria-labelledby=\"bonus-t2\">\r\n      <h2 id=\"bonus-t2\" class=\"bonus-title\" style=\"font-size:24px\">Tu factura mensual de electricidad<\/h2>\r\n      <input type=\"range\" id=\"bonus-bill\" class=\"bonus-range\" min=\"0\" max=\"500\" step=\"10\" value=\"0\" oninput=\"bonusUpdateBill()\">\r\n      <p style=\"font-weight:800\"><span id=\"bonus-bill-amount\">\u20ac0<\/span><\/p>\r\n      <button class=\"bonus-btn\" onclick=\"bonusNext(3)\">Siguiente<\/button>\r\n    <\/section>\r\n\r\n    <!-- Paso 3 -->\r\n    <section id=\"bonus-step3\" class=\"bonus-step bonus-hidden\" role=\"group\" aria-labelledby=\"bonus-t3\">\r\n      <h2 id=\"bonus-t3\" class=\"bonus-title\" style=\"font-size:24px\">Ingresa tu poblaci\u00f3n<\/h2>\r\n      <input type=\"text\" id=\"bonus-city\" class=\"bonus-input\" placeholder=\"Poblaci\u00f3n\" required>\r\n      <button class=\"bonus-btn\" onclick=\"bonusNext(4)\">Siguiente<\/button>\r\n    <\/section>\r\n\r\n    <!-- Paso 4 -->\r\n    <section id=\"bonus-step4\" class=\"bonus-step bonus-hidden\" role=\"group\" aria-labelledby=\"bonus-t4\">\r\n      <h2 id=\"bonus-t4\" class=\"bonus-title\" style=\"font-size:22px\">Tu poblaci\u00f3n es apta<\/h2>\r\n      <p class=\"bonus-sub\">D\u00e9janos tus datos y te contactamos.<\/p>\r\n\r\n      <form id=\"bonus-form\" novalidate>\r\n        <input type=\"text\"  id=\"bonus-name\"  name=\"name\"  class=\"bonus-input\" placeholder=\"Nombre\" required>\r\n        <input type=\"email\" id=\"bonus-email\" name=\"email\" class=\"bonus-input\" placeholder=\"Correo electr\u00f3nico\" required>\r\n        <input type=\"tel\"   id=\"bonus-phone\" name=\"phone\" class=\"bonus-input\" placeholder=\"Tel\u00e9fono\" required pattern=\"^[0-9+\\s()-]{7,}$\" title=\"Introduce un tel\u00e9fono v\u00e1lido.\">\r\n        <button type=\"submit\" id=\"bonus-submit\" class=\"bonus-btn\">Enviar<\/button>\r\n        <div class=\"bonus-hint\">Al enviar, aceptas ser contactado para ampliar informaci\u00f3n.<\/div>\r\n      <\/form>\r\n\r\n      <p id=\"bonus-status\" class=\"bonus-status\" role=\"status\" aria-live=\"polite\"><\/p>\r\n    <\/section>\r\n  <\/div>\r\n\r\n  <!-- Librer\u00eda EmailJS v4 -->\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n  <script>\r\n    \/* ===== CONFIG EmailJS para Ecosol Poniente ===== *\/\r\n    const BONUS_PUBLIC_KEY  = \"oewU79CC2GRU50r5Z\";\r\n    const BONUS_SERVICE_ID  = \"ecosolponiente\";\r\n    const BONUS_TEMPLATE_ID = \"template_a1or9fr\";\r\n    emailjs.init({ publicKey: BONUS_PUBLIC_KEY });\r\n\r\n    \/* ===== Navegaci\u00f3n \/ UI ===== *\/\r\n    function bonusSelect(el, step){\r\n      document.querySelectorAll(\"#bonus-root .bonus-option\").forEach(o=>o.classList.remove(\"bonus-selected\"));\r\n      el.classList.add(\"bonus-selected\");\r\n      setTimeout(()=>bonusNext(step), 120);\r\n    }\r\n\r\n    function bonusNext(step){\r\n      document.querySelectorAll(\"#bonus-root .bonus-step\").forEach(s=>s.classList.add(\"bonus-hidden\"));\r\n      const target = document.getElementById(\"bonus-step\"+step);\r\n      if(target) target.classList.remove(\"bonus-hidden\");\r\n\r\n      const widths = [\"15%\",\"45%\",\"75%\",\"100%\"];\r\n      const idx = Math.max(0, step-1);\r\n      document.getElementById(\"bonus-progress\").style.width = widths[idx] || \"100%\";\r\n    }\r\n\r\n    function bonusUpdateBill(){\r\n      const v = document.getElementById(\"bonus-bill\").value;\r\n      document.getElementById(\"bonus-bill-amount\").textContent = \"\u20ac\"+v;\r\n    }\r\n\r\n    \/* ===== Env\u00edo EmailJS ===== *\/\r\n    document.getElementById(\"bonus-form\").addEventListener(\"submit\", async (e)=>{\r\n      e.preventDefault();\r\n      const btn = document.getElementById(\"bonus-submit\");\r\n      btn.disabled = true; btn.textContent = \"Enviando\u2026\";\r\n\r\n      const name  = document.getElementById(\"bonus-name\").value.trim();\r\n      const email = document.getElementById(\"bonus-email\").value.trim();\r\n      const phone = document.getElementById(\"bonus-phone\").value.trim();\r\n      const city  = document.getElementById(\"bonus-city\").value.trim();\r\n      const electricity_cost = document.getElementById(\"bonus-bill\").value;\r\n\r\n      if(!name || !email || !phone || !city){\r\n        bonusStatus(\"Rellena todos los campos.\", \"red\");\r\n        btn.disabled = false; btn.textContent = \"Enviar\";\r\n        return;\r\n      }\r\n\r\n      const params = { \r\n        name, \r\n        email, \r\n        phone, \r\n        city, \r\n        electricity_cost,\r\n        from_name: name, \r\n        reply_to: email \r\n      };\r\n\r\n      try{\r\n        await emailjs.send(BONUS_SERVICE_ID, BONUS_TEMPLATE_ID, params);\r\n        bonusStatus(\"\u2705 Formulario enviado correctamente.\", \"green\");\r\n        e.target.reset();\r\n        document.getElementById(\"bonus-progress\").style.width = \"100%\";\r\n      }catch(err){\r\n        const msg = (err && err.text) ? err.text\r\n                 : (err && err.message) ? err.message\r\n                 : (err && err.status ? (\"Status: \"+err.status) : \"Desconocido\");\r\n        bonusStatus(\"\u274c Error al enviar. \" + msg, \"red\");\r\n      }finally{\r\n        btn.disabled = false; btn.textContent = \"Enviar\";\r\n      }\r\n    });\r\n\r\n    function bonusStatus(message, color){\r\n      const el = document.getElementById(\"bonus-status\");\r\n      el.textContent = message; el.style.color = color;\r\n    }\r\n  <\/script>\r\n<\/div>\r\n<!-- ================== \/BONIFICACIONES ================== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9fc51d e-flex e-con-boxed e-con e-parent\" data-id=\"e9fc51d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c6720a elementor-widget elementor-widget-heading\" data-id=\"2c6720a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EXTRA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5894154 elementor-widget elementor-widget-text-editor\" data-id=\"5894154\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58027fc e-flex e-con-boxed e-con e-parent e-lazyloaded\" data-id=\"58027fc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n<div class=\"e-con-inner\" style=\"text-align: center;\">\n<div class=\"elementor-element elementor-element-9e74d35 elementor-widget elementor-widget-text-editor\" data-id=\"9e74d35\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<p><span style=\"color: #ffffff;\">Si eres apto para las Bonificaciones Fiscales te ofrecemos un estudio 100% gratuito y\u00a0sin compromiso.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-3e76b41 e-flex e-con-boxed e-con e-parent e-lazyloaded\" data-id=\"3e76b41\" data-element_type=\"container\">\n<div class=\"e-con-inner\">\n<div class=\"elementor-element elementor-element-317cc06 elementor-widget elementor-widget-html\" data-id=\"317cc06\" data-element_type=\"widget\" data-widget_type=\"html.default\">\u00a0<\/div>\n<\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b028ae e-flex e-con-boxed e-con e-parent\" data-id=\"2b028ae\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89c34de elementor-widget elementor-widget-html\" data-id=\"89c34de\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==== BLOQUE ANDALUC\u00cdA 2025 (3 BENEFICIOS) ==== -->\r\n<div id=\"and-benefits\" class=\"and-benefits\">\r\n  <style>\r\n    .and-benefits{ \r\n      --blue:#3374b5;   \r\n      --yellow:#fdca00; \r\n      --text:#000;       \r\n      --bg:#fff;         \r\n      box-sizing:border-box;\r\n      max-width:1200px;\r\n      margin:0 auto;\r\n      padding:24px 16px;\r\n      color:var(--text);\r\n      background:transparent;\r\n      font-family: inherit;\r\n    }\r\n    .and-benefits *{ box-sizing:border-box; }\r\n\r\n    .and-title{\r\n      margin:0 0 10px; \r\n      font-weight:700; \r\n      font-size:clamp(22px,3.6vw,30px);\r\n      text-align:center;\r\n      color:var(--blue);\r\n      line-height:1.2;\r\n    }\r\n    .and-chip{\r\n      display:inline-block;\r\n      margin:0 auto 20px;\r\n      padding:6px 12px;\r\n      border-radius:999px;\r\n      background:var(--yellow);\r\n      color:#000;\r\n      font-weight:700;\r\n      font-size:14px;\r\n    }\r\n    .and-chip-wrap{ display:flex; justify-content:center; }\r\n\r\n    .and-grid{\r\n      display:flex; flex-wrap:wrap; justify-content:center; gap:20px;\r\n      margin:0; padding:0;\r\n    }\r\n\r\n    .and-card{\r\n      width:min(320px,100%);\r\n      background:var(--bg);\r\n      border:2px solid rgba(51,116,181,.12);\r\n      border-radius:12px;\r\n      box-shadow:0 5px 10px rgba(0,0,0,.10);\r\n      padding:24px 22px;\r\n      text-align:center;\r\n      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;\r\n    }\r\n    .and-card:hover{ \r\n      transform:translateY(-4px);\r\n      box-shadow:0 10px 18px rgba(0,0,0,.16);\r\n      border-color:var(--yellow);\r\n    }\r\n    .and-ico{ font-size:52px; color:var(--yellow); margin:0 0 12px; line-height:1; }\r\n    .and-h3{ margin:0 0 10px; font-size:20px; font-weight:700; color:#111; }\r\n    .and-txt{ margin:0; font-size:16px; color:#555; line-height:1.5; }\r\n\r\n    .and-cta{ text-align:center; margin:22px 0 0; }\r\n    .and-btn{\r\n      display:inline-block; width:100%; max-width:420px;\r\n      padding:14px 18px; border-radius:10px; border:2px solid var(--yellow);\r\n      background:var(--blue); color:#fff; font-weight:700; font-size:18px;\r\n      cursor:pointer; transition:opacity .15s ease, transform .1s ease;\r\n    }\r\n    .and-btn:hover{ opacity:.92; transform:translateY(-1px); }\r\n\r\n    @media (min-width:1240px){ .and-benefits{ padding-inline:0; } }\r\n  <\/style>\r\n\r\n  <h2 class=\"and-title\">\u00bfPor qu\u00e9 pasarte a energ\u00eda solar en <span style=\"color:#000\">Andaluc\u00eda<\/span> en 2025?<\/h2>\r\n  <div class=\"and-chip-wrap\"><div class=\"and-chip\">Ecosol Poniente \u00b7 Andaluc\u00eda<\/div><\/div>\r\n\r\n  <div class=\"and-grid\">\r\n    <div class=\"and-card\">\r\n      <div class=\"and-ico\">\ud83d\udcb0<\/div>\r\n      <h3 class=\"and-h3\">Ahorro inmediato<\/h3>\r\n      <p class=\"and-txt\">Baja tu factura desde el primer mes y estabiliza costes con tu propia generaci\u00f3n.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"and-card\">\r\n      <div class=\"and-ico\">\u26a1<\/div>\r\n      <h3 class=\"and-h3\">M\u00e1s independencia<\/h3>\r\n      <p class=\"and-txt\">Reduce la dependencia de subidas del mercado. Produce y consume de forma inteligente.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"and-card\">\r\n      <div class=\"and-ico\">\ud83c\udfdb\ufe0f<\/div>\r\n      <h3 class=\"and-h3\">Bonificaciones y deducciones<\/h3>\r\n      <p class=\"and-txt\">Aprovecha bonificaciones del IBI (seg\u00fan municipio) y ventajas fiscales vigentes.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"and-cta\">\r\n    <button class=\"and-btn\" type=\"button\" onclick=\"document.getElementById('and-benefits').scrollIntoView({behavior:'smooth',block:'start'})\">\r\n      Quiero saber si califico\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n<!-- ==== \/BLOQUE ANDALUC\u00cdA 2025 ==== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8392af e-flex e-con-boxed e-con e-parent\" data-id=\"a8392af\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-035b071 elementor-widget elementor-widget-html\" data-id=\"035b071\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>FAQs \u2013 Andaluc\u00eda 2025 (Compacto)<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    :root{\r\n      --blue:#3374b5;   \/* acento azul *\/\r\n      --yellow:#fdca00; \/* acento amarillo *\/\r\n      --text:#000000;   \/* negro *\/\r\n      --bg:#ffffff;     \/* blanco *\/\r\n      --border:#e6e6e6;\r\n    }\r\n    *{ box-sizing:border-box }\r\n    html,body{ margin:0; padding:0; }\r\n    body{\r\n      font-family:'Poppins',sans-serif;\r\n      background:var(--bg);\r\n      color:var(--text);\r\n    }\r\n\r\n    .wrap{\r\n      max-width:640px;\r\n      margin:28px auto;\r\n      padding:0 12px 16px;\r\n    }\r\n\r\n    .badge{\r\n      display:block;\r\n      width:max-content;\r\n      margin:0 auto 8px;\r\n      padding:6px 10px;\r\n      background:var(--yellow);\r\n      color:#000;\r\n      border-radius:999px;\r\n      font-size:12px;\r\n      font-weight:700;\r\n    }\r\n\r\n    .title{\r\n      margin:0 0 10px;\r\n      text-align:center;\r\n      font-size:22px;\r\n      font-weight:700;\r\n      color:var(--blue);\r\n    }\r\n\r\n    .faq{\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:8px;\r\n    }\r\n\r\n    .faq-item{\r\n      background:#fff;\r\n      border:1px solid var(--border);\r\n      border-radius:10px;\r\n      overflow:hidden;\r\n      transition:border-color .2s, box-shadow .2s;\r\n    }\r\n    .faq-item.open{\r\n      border-color:var(--yellow);\r\n      box-shadow:0 6px 12px rgba(0,0,0,.10);\r\n    }\r\n\r\n    .faq-q{\r\n      width:100%;\r\n      display:flex;\r\n      align-items:center;\r\n      gap:8px;\r\n      padding:10px 36px 10px 12px;\r\n      background:#fff;\r\n      border:0;\r\n      cursor:pointer;\r\n      text-align:left;\r\n      font-size:15px;\r\n      font-weight:700;\r\n      position:relative;\r\n      color:var(--text);\r\n    }\r\n    .faq-q:focus-visible{\r\n      outline:2px solid var(--blue);\r\n      outline-offset:2px;\r\n      border-radius:6px;\r\n    }\r\n\r\n    .ico{ font-size:16px; line-height:1; }\r\n    .chev{\r\n      position:absolute;\r\n      right:10px;\r\n      top:50%;\r\n      transform:translateY(-50%) rotate(0deg);\r\n      transition:transform .2s ease, color .2s ease;\r\n      font-size:16px;\r\n      color:#6b7280;\r\n    }\r\n    .faq-item.open .chev{\r\n      transform:translateY(-50%) rotate(180deg);\r\n      color:#0f172a;\r\n    }\r\n\r\n    \/* Respuesta: padding vertical solo al abrir para medir bien la altura *\/\r\n    .faq-a{\r\n      background:#fafafa;\r\n      border-top:1px solid #eee;\r\n      font-size:14px;\r\n      line-height:1.5;\r\n      padding:0 12px;      \/* sin padding vertical cerrada *\/\r\n      max-height:0;\r\n      overflow:hidden;\r\n      transition:max-height .3s ease, padding .2s ease;\r\n      color:var(--text);\r\n    }\r\n    .faq-item.open .faq-a{ padding:10px 12px; }\r\n\r\n    .note{\r\n      text-align:center;\r\n      margin:10px 0 0;\r\n      font-size:12px;\r\n      color:#666;\r\n      opacity:.9;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"wrap\">\r\n    <span class=\"badge\">Ecosol Poniente \u00b7 Andaluc\u00eda<\/span>\r\n    <h1 class=\"title\">Preguntas frecuentes<\/h1>\r\n\r\n    <section class=\"faq\" id=\"faq\">\r\n      <article class=\"faq-item\">\r\n        <button class=\"faq-q\" aria-expanded=\"false\">\r\n          <span class=\"ico\">\u26a1<\/span> \u00bfEs cara la energ\u00eda solar?\r\n          <span class=\"chev\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"faq-a\" hidden>\r\n          La inversi\u00f3n se recupera en 4\u20138 a\u00f1os seg\u00fan consumo y equipo. Desde el primer mes reduces la factura.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"faq-item\">\r\n        <button class=\"faq-q\" aria-expanded=\"false\">\r\n          <span class=\"ico\">\u2601\ufe0f<\/span> \u00bfQu\u00e9 pasa en d\u00edas nublados o de noche?\r\n          <span class=\"chev\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"faq-a\" hidden>\r\n          Con nubes baja la producci\u00f3n pero sigue generando. De noche no produce: bater\u00eda o red como respaldo con compensaci\u00f3n.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"faq-item\">\r\n        <button class=\"faq-q\" aria-expanded=\"false\">\r\n          <span class=\"ico\">\ud83d\udd0b<\/span> \u00bfNecesito bater\u00edas?\r\n          <span class=\"chev\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"faq-a\" hidden>\r\n          No es obligatorio. Sin bater\u00eda funciona bien; con bater\u00eda aumentas independencia y puedes optimizar el ahorro nocturno.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"faq-item\">\r\n        <button class=\"faq-q\" aria-expanded=\"false\">\r\n          <span class=\"ico\">\ud83e\uddf0<\/span> \u00bfMantenimiento de los paneles?\r\n          <span class=\"chev\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"faq-a\" hidden>\r\n          Limpieza 1\u20132 veces\/a\u00f1o y revisi\u00f3n b\u00e1sica. M\u00f3dulos con garant\u00eda de 25 a\u00f1os; inversor 5\u201310 (ampliable).\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"faq-item\">\r\n        <button class=\"faq-q\" aria-expanded=\"false\">\r\n          <span class=\"ico\">\ud83d\udcd0<\/span> \u00bfMi tejado sirve y cu\u00e1nta potencia?\r\n          <span class=\"chev\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"faq-a\" hidden>\r\n          Depende de orientaci\u00f3n, sombras y espacio. Con 80\u2013120 \u20ac\/mes de luz, suele ser 3\u20135 kWp. Hacemos estudio gratuito.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"faq-item\">\r\n        <button class=\"faq-q\" aria-expanded=\"false\">\r\n          <span class=\"ico\">\ud83d\udcdd<\/span> \u00bfTr\u00e1mites y licencias?\r\n          <span class=\"chev\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"faq-a\" hidden>\r\n          Gestionamos permisos, legalizaci\u00f3n y alta de compensaci\u00f3n. T\u00fa no te preocupas por el papeleo.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"faq-item\">\r\n        <button class=\"faq-q\" aria-expanded=\"false\">\r\n          <span class=\"ico\">\ud83c\udfd8\ufe0f<\/span> \u00bfSe puede en comunidad de vecinos?\r\n          <span class=\"chev\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"faq-a\" hidden>\r\n          S\u00ed, autoconsumo compartido con reparto por coeficientes. Te guiamos en todo el proceso.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"faq-item\">\r\n        <button class=\"faq-q\" aria-expanded=\"false\">\r\n          <span class=\"ico\">\u23f1\ufe0f<\/span> \u00bfCu\u00e1nto tarda la instalaci\u00f3n?\r\n          <span class=\"chev\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"faq-a\" hidden>\r\n          Vivienda unifamiliar: 1 d\u00eda (2\u20133 con bater\u00eda). La compensaci\u00f3n depende de comercializadora\/ayuntamiento.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"faq-item\">\r\n        <button class=\"faq-q\" aria-expanded=\"false\">\r\n          <span class=\"ico\">\ud83d\udcb6<\/span> \u00bfHay ayudas o bonificaciones?\r\n          <span class=\"chev\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"faq-a\" hidden>\r\n          Posibles bonificaciones IBI\/ICIO y programas puntuales. Verificamos tu municipio en Andaluc\u00eda en el estudio.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"faq-item\">\r\n        <button class=\"faq-q\" aria-expanded=\"false\">\r\n          <span class=\"ico\">\ud83d\udcb3<\/span> \u00bfOfrec\u00e9is financiaci\u00f3n?\r\n          <span class=\"chev\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"faq-a\" hidden>\r\n          S\u00ed, cuotas adaptadas para que se acerquen a tu ahorro mensual. Sin compromiso.\r\n        <\/div>\r\n      <\/article>\r\n    <\/section>\r\n\r\n    <p class=\"note\">\u00bfTienes otra duda? Escr\u00edbenos y te respondemos en &lt; 24 h.<\/p>\r\n  <\/div>\r\n\r\n  <script>\r\n    const items = document.querySelectorAll('.faq-item');\r\n\r\n    items.forEach(item => {\r\n      const btn = item.querySelector('.faq-q');\r\n      const ans = item.querySelector('.faq-a');\r\n      ans.style.maxHeight = 0; \/\/ estado inicial\r\n\r\n      btn.addEventListener('click', () => {\r\n        const isOpen = item.classList.contains('open');\r\n\r\n        \/\/ cerrar los dem\u00e1s\r\n        items.forEach(i => {\r\n          if (i !== item) {\r\n            i.classList.remove('open');\r\n            const a = i.querySelector('.faq-a');\r\n            a.style.maxHeight = 0;\r\n            i.querySelector('.faq-q').setAttribute('aria-expanded','false');\r\n            a.setAttribute('hidden','');\r\n          }\r\n        });\r\n\r\n        if (isOpen) {\r\n          item.classList.remove('open');\r\n          ans.style.maxHeight = 0;\r\n          btn.setAttribute('aria-expanded','false');\r\n          ans.setAttribute('hidden','');\r\n        } else {\r\n          item.classList.add('open');\r\n          ans.removeAttribute('hidden');\r\n\r\n          \/\/ medir despu\u00e9s de abrir para incluir el padding vertical\r\n          requestAnimationFrame(() => {\r\n            ans.style.maxHeight = ans.scrollHeight + 'px';\r\n          });\r\n\r\n          btn.setAttribute('aria-expanded','true');\r\n        }\r\n      });\r\n    });\r\n\r\n    \/\/ Recalcular altura tras resize (cambios de l\u00ednea, etc.)\r\n    window.addEventListener('resize', () => {\r\n      document.querySelectorAll('.faq-item.open .faq-a').forEach(a => {\r\n        a.style.maxHeight = 'none';\r\n        const h = a.scrollHeight;\r\n        a.style.maxHeight = h + 'px';\r\n      });\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76ec4eb e-flex e-con-boxed e-con e-parent\" data-id=\"76ec4eb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-501c1ef elementor-widget elementor-widget-html\" data-id=\"501c1ef\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer style=\"text-align: center; font-family: Arial, sans-serif; font-size: 14px; color: #000; padding: 20px 10px; background-color: #fff; border-top: 2px solid #3374b5;\">\r\n    <p>Copyright \u00a9 2025 - Ecosol Poniente, Todos los derechos reservados<\/p>\r\n    <p>\r\n        Este sitio no forma parte de Facebook ni de Meta Inc. Adem\u00e1s, este sitio NO est\u00e1 patrocinado ni respaldado por Facebook de ninguna manera. \r\n        \"Facebook\" es una marca registrada de Meta Inc.\r\n    <\/p>\r\n    <p>\r\n        <a href=\"politica-de-privacidad.html\" style=\"color: #3374b5; text-decoration: none; font-weight: bold;\">\r\n            Pol\u00edtica de Privacidad\r\n        <\/a>\r\n    <\/p>\r\n<\/footer>\r\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#9670; 245,678 cotizaciones en l\u00ednea desde 2019! APROVECHA LAS BONIFICACIONES Y PAGA 0\u20ac DE LUZ \u23f3Descubre si eres apto en solo 30 segundos\u23f3 Calcula tus Bonificaciones \u00bfEres propietario de tu vivienda? \ud83c\udfe0 S\u00ed, soy propietario \ud83d\udeab No, soy inquilino Tu factura mensual de electricidad \u20ac0 Siguiente Ingresa tu poblaci\u00f3n Siguiente Tu poblaci\u00f3n es apta D\u00e9janos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/instalaciones.ecosolponiente.es\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/instalaciones.ecosolponiente.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/instalaciones.ecosolponiente.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/instalaciones.ecosolponiente.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/instalaciones.ecosolponiente.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":23,"href":"https:\/\/instalaciones.ecosolponiente.es\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/instalaciones.ecosolponiente.es\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/instalaciones.ecosolponiente.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}