!function(){"use strict";function e(e,{text:n,type:t}){e.textContent=n,e.className="wzk-message",e.classList.add(t),e.style.display="block"}const n="wzk-widget-checkboxes";window.wzkWidgetMundoZeroKM={load:async function(t,o=null,i={}){let a;if(o?(a=document.querySelector(o),a||(a=document.createElement("div"),a.id=o.replace(/^#/,""),document.body.appendChild(a))):(a=document.createElement("div"),document.body.appendChild(a)),a.innerHTML="",window.gtag)window.gtag("config","G-J036VVBTZ6",{send_page_view:!1});else{let e=function(){dataLayer.push(arguments)};const n=document.createElement("script");n.async=!0,n.src="https://www.googletagmanager.com/gtag/js?id=G-J036VVBTZ6",document.head.appendChild(n),window.dataLayer=window.dataLayer||[],window.gtag=e,window.gtag("js",new Date),window.gtag("config","G-J036VVBTZ6",{send_page_view:!1})}window.gtag&&window.gtag("event","widget_impression",{position:"wzk-formulario-"+t});const r=a.attachShadow({mode:"open"}),d=i.color||"#cb0003",c=i.titleForm||"Preencha seus dados para um Consultor entrar em contato com você!",l=i.fontFamily||"sans-serif",m=i.colorBackground||"transparent",s=i.textHeader||"",w=i.colorSpan||"#5a6372",g=i.colorTitle||"#1a1a1a",p=function(){const e=new URLSearchParams(window.location.search);return{utm_source:e.get("utm_source")||"",utm_medium:e.get("utm_medium")||"",utm_term:e.get("utm_term")||"",utm_content:e.get("utm_content")||"",utm_campaign:e.get("utm_campaign")||""}}(),u=[{key:"origin",value:i.origin||""},{key:"utm_source",value:p.utm_source||i.utmSource||""},{key:"utm_medium",value:p.utm_medium||i.utmMedium||""},{key:"utm_term",value:p.utm_term||i.utmTerm||""},{key:"utm_content",value:p.utm_content||i.utmContent||""},{key:"utm_campaign",value:p.utm_campaign||i.utmCampaign||""}],f=document.createElement("style");f.textContent=function({color:e,fontFamily:n,colorBackground:t,colorSpan:o,colorTitle:i}){return`\n    .wzk-widget-wrapper {\n      font-family: ${n};\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      align-items: flex-start;\n      gap: 2rem;\n      padding: 1.5rem;\n      max-width: 62.5rem;\n      margin: 0 auto;\n      box-sizing: border-box;\n      width: 100%;\n      background-color: ${t};\n    }\n    .wzk-header {\n      width: 100%;\n      text-align: center;\n      color: #555;\n      font-size: 10px;\n      font-weight: 500;\n      background: transparent;\n      box-sizing: border-box;\n    }\n    .wzk-widget-col1, .wzk-widget-col2 {\n      flex: 1 1 300px;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      box-sizing: border-box;\n    }\n    .wzk-widget-col1 {\n      align-items: flex-start;\n      gap: 1.2rem;\n      text-align: left;\n    }\n    .wzk-widget-image {\n      width: 100%;\n      max-height: 26.3rem;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 0.5rem;\n      overflow: hidden;\n    }\n    .wzk-widget-image img {\n      width: 100%;\n      height: 100%;\n      border-radius: 0.5rem;\n      object-fit: cover;\n      display: block;\n      margin: 0 auto;\n    }\n    .wzk-widget-titulos {\n      display: flex;\n      flex-direction: column;\n      gap: 0.5rem;\n      width: 100%;\n    }\n    .wzk-widget-titulos h2 {\n      font-size: 2rem;\n      font-weight: bold;\n      margin: 0;\n      color: ${i};\n    }\n    .wzk-widget-titulos h3 {\n      font-size: 1.125rem;\n      color: ${e};\n      margin: 0;\n    }\n    .wzk-widget-titulos p {\n      font-size: 1rem;\n      color: ${o};\n      margin: 0;\n    }\n    .wzk-widget-col2 {\n      align-items: stretch;\n      min-width: 16rem;\n      gap: 0;\n    }\n    .wzk-widget-form {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    .wzk-widget-form h4 {\n      margin: 0 0 2rem 0;\n      font-size: 1.1rem;\n      color: ${i};\n    }\n    .wzk-widget-form input:not([type="checkbox"]) {\n      width: 100%;\n      padding: 0 1rem;\n      height: 2.5rem;\n      margin-bottom: 1rem;\n      border-radius: 1.25rem;\n      background-color: #f2f2f2;\n      border: 1px solid #ccc;\n      transition: border-color 0.3s ease;\n      color: ${o};\n      font-size: 1rem;\n      box-sizing: border-box;\n    }\n    .wzk-widget-form input:focus {\n      border-color: ${e};\n      outline: none;\n    }\n    .wzk-widget-form button {\n      padding: 0.8rem;\n      width: 100%;\n      background: ${e};\n      color: #fff;\n      border: none;\n      border-radius: 0.5rem;\n      font-weight: bold;\n      cursor: pointer;\n      font-size: 1rem;\n      transition: all 0.3s ease;\n    }\n    .wzk-widget-form button:hover {\n      opacity: 0.8;\n    }\n    .wzk-checkbox-group {\n      text-align: left;\n      margin-bottom: 1rem;\n      display: flex;\n      flex-direction: column;\n      gap: 0.5rem;\n    }\n    .wzk-checkbox-group label {\n      display: flex;\n      align-items: center;\n      font-size: 0.95rem;\n      gap: 0.5rem;\n    }\n    .wzk-checkbox-group input[type="checkbox"] {\n      margin-top: 0.2rem;\n      accent-color: ${e};\n    }\n    .wzk-checkbox-group span {\n      color: ${o};\n      line-height: 1.4;\n      font-size: 0.75rem;\n    }\n    .wzk-checkbox-group span a, b, strong {\n      color: ${e};\n      transition: color 0.3s ease;\n    }\n    .wzk-checkbox-group span a:hover {\n      color: ${o};\n    }\n    .wzk-checkbox-group span a {\n      cursor: pointer;\n    }\n    .wzk-message {\n      padding: 0.6rem 1rem;\n      border-radius: 0.25rem;\n      margin-bottom: 1rem;\n      display: none;\n      font-size: 1rem;\n    }\n    .wzk-message.success { background: #00a99d; color: #fff; }\n    .wzk-message.error { background: #fb2c36; color: #fff; }\n    .wzk-widget-client {\n      margin-top: 1rem;\n      font-size: 0.95rem;\n      color: #888;\n    }\n    @media (max-width: 425px) {\n      .wzk-widget-image.hide-mobile {\n        display: none !important;\n      }\n    }\n    @media (max-width: 900px) {\n      .wzk-widget-wrapper {\n        flex-direction: column;\n        padding: 1rem;\n        gap: 2rem;\n      }\n      .wzk-widget-col1, .wzk-widget-col2 {\n        min-width: 0;\n        max-width: 100%;\n        flex: 1;\n        width: 100%;\n      }\n      .wzk-widget-image {\n        max-width: 100%;\n        height: auto;\n      }\n    }\n    @media (max-width: 600px) {\n      .wzk-widget-wrapper {\n        padding: 0.5rem;\n        gap: 2rem;\n      }\n      .wzk-widget-form input {\n        font-size: 0.95rem;\n        height: 2.1rem;\n        padding: 0 0.7rem;\n      }\n      .wzk-widget-form button {\n        font-size: 0.95rem;\n        padding: 0.6rem;\n      }\n      .wzk-widget-titulos h2 {\n        font-size: 1.2rem;\n      }\n      .wzk-widget-titulos h3 {\n        font-size: 1rem;\n      }\n      .wzk-widget-titulos p {\n        font-size: 0.95rem;\n      }\n    }\n  `}({color:d,fontFamily:l,colorBackground:m,colorSpan:w,colorTitle:g}),r.appendChild(f);const k=document.createElement("div");k.className="wzk-widget-wrapper",k.innerHTML=`\n    <div class="wzk-header" style="${s?"":"display:none;"}">${s}</div>\n    <div class="wzk-widget-col1">\n      <div class="wzk-widget-titulos" id="wzk-widget-titulos"></div>\n      <figure class="wzk-widget-image" id="wzk-widget-image"></figure>\n    </div>\n    <div class="wzk-widget-col2">\n      <form class="wzk-widget-form" id="wzk-widget-form">\n        <h4>${c}</h4>\n        <input type="text" name="wzk-nome" placeholder="Nome completo*" required />\n        <input type="email" name="wzk-email" placeholder="E-mail*" required />\n        <input type="tel" name="wzk-telefone" placeholder="Telefone*" required pattern="\\(\\d{2}\\) \\d{5}-\\d{4}" />\n        <input type="text" name="wzk-cpf" placeholder="CPF*" required pattern="\\d{3}\\.\\d{3}\\.\\d{3}-\\d{2}" />\n        <input type="text" name="wzk-cep" placeholder="CEP" pattern="\\d{5}-\\d{3}" />\n        <div class="wzk-checkbox-group" id="${n}"></div>\n        <button type="submit" aria-label="Finalizar cadastro">Finalizar cadastro</button>\n      </form>\n      <div class="wzk-message" id="wzk-widget-message"></div>\n    </div>\n  `,r.appendChild(k);const z=await async function(e,n){let t="https://painel.mundozerokm.com.br/api/offers/widget";n&&(t+=`?ofertaId=${encodeURIComponent(n)}`);const o=await fetch(t);return await o.json()}(0,t),h=Array.isArray(z)?z[0]:z;var y,x;if(y=r,(x=h.image)&&(y.getElementById("wzk-widget-image").innerHTML=`<img src="${x}" alt="Oferta" loading="lazy" decoding="async" />`),function(e,n,t,o={}){const i=o.title0km||"Oferta 0km";e.getElementById("wzk-widget-titulos").innerHTML=`\n    <h2>${i}</h2>\n    ${n.title?`<h3 style="color:${t}">${n.title}</h3>`:""}\n    ${n.text_call?`<p>${n.text_call}</p>`:""}\n  `}(r,h,d,i),function(e,n,t){const o=e.getElementById(t);o.innerHTML="",n.opt_in_widget?o.innerHTML=`\n            <label><input type="checkbox" required name="wzk-opt_in_widget" id="wzk-opt_in_widget" /> <span>${n.opt_in_widget}</span></label>\n        `:[{name:"wzk-aceite",text:n.text_aceite},{name:"wzk-estou_ciente",text:n.text_estou_ciente},{name:"wzk-declaro",text:n.text_declaro}].forEach((e=>{e.text&&(o.innerHTML+=`\n            <label><input type="checkbox" required name="${e.name}" id="${e.name}" /> <span>${e.text}</span></label>\n          `)}))}(r,h,n),void 0!==i.isImageMobile&&!i.isImageMobile){const e=r.getElementById("wzk-widget-image");e&&e.classList.add("hide-mobile")}!function(e){const n=e.querySelector('input[name="wzk-telefone"]'),t=e.querySelector('input[name="wzk-cpf"]'),o=e.querySelector('input[name="wzk-cep"]');n&&n.addEventListener("input",(e=>{e.target.value=e.target.value.replace(/\D/g,"").replace(/(\d{2})(\d)/,"($1) $2").replace(/(\d{5})(\d)/,"$1-$2").replace(/(-\d{4})\d+?$/,"$1")})),t&&t.addEventListener("input",(e=>{e.target.value=e.target.value.replace(/\D/g,"").replace(/(\d{3})(\d)/,"$1.$2").replace(/(\d{3})(\d)/,"$1.$2").replace(/(\d{3})(\d{1,2})$/,"$1-$2")})),o&&o.addEventListener("input",(e=>{e.target.value=e.target.value.replace(/\D/g,"").replace(/(\d{5})(\d)/,"$1-$2").replace(/(-\d{3})\d+?$/,"$1")}))}(r),function({shadow:n,ofertaId:t,utms:o,options:i}){const a=n.getElementById("wzk-widget-form"),r=n.getElementById("wzk-widget-message");a.addEventListener("submit",(async n=>{n.preventDefault(),r.style.display="none",r.className="wzk-message";const d=new FormData(a),c=Object.fromEntries(d.entries());try{const n="https://automacoes-n8n.7seoan.easypanel.host/webhook/aa3aacf3-ecc7-4f84-a387-67e28e8c3ae9",d=await async function(e,n,t,o){const i=e=>"on"===e?"sim":"não",a={name:n["wzk-nome"]||"",phone_number:(n["wzk-telefone"]||"").replace(/\D/g,""),email:n["wzk-email"]||"",cpf:(n["wzk-cpf"]||"").replace(/\D/g,""),zip_code:(n["wzk-cep"]||"").replace(/\D/g,""),campaign_identifier:t,extra_attributes:[{name:"opt_in_contato_e_ofertas",value:i(n["wzk-aceite"])},{name:"opt_in_pyxys",value:i(n["wzk-estou_ciente"])},{name:"opt_in_terceiros",value:i(n["wzk-declaro"])},{name:"wzk-opt_in_widget",value:n["wzk-opt_in_widget"]||""}]};Array.isArray(o)&&o.forEach((({key:e,value:n})=>{a[e]=n}));const r=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)});return await r.json()}(n,c,t,o);d.success?(window.dataLayer&&window.dataLayer.push({event:"generate_lead",position:"wzk-formulario-"+t}),e(r,{text:"Cadastro enviado com sucesso!",type:"success"}),a.reset(),i.onSuccess&&i.onSuccess()):(e(r,{text:d.message||"Erro ao enviar o cadastro.",type:"error"}),i.onError&&i.onError(d))}catch(l){e(r,{text:"Ocorreu um erro, por favor tente novamente.",type:"error"}),i.onError&&i.onError(l)}}))}({shadow:r,ofertaId:t,utms:u,options:i})}}}();
