{const e=()=>{let e="",u="",m="";switch(o){case void 0:d.classList.remove("is-valid"),d.classList.add("is-invalid"),a.scrollIntoView({block:"start",behavior:"smooth"}),a.focus(),m="Ingresa tu altura";break;case null:d.classList.remove("is-valid"),d.classList.add("is-invalid"),m="Ingresa tu altura",n.innerHTML="";break;default:d.classList.remove("is-invalid"),d.classList.add("is-valid"),m=""}switch(c){case void 0:v.classList.remove("is-valid"),v.classList.add("is-invalid"),l.scrollIntoView({block:"start",behavior:"smooth"}),l.focus(),u="Ingresa un peso";break;case null:v.classList.remove("is-valid"),v.classList.add("is-invalid"),r.innerHTML="",u="Ingresa un peso";break;default:v.classList.remove("is-invalid"),v.classList.add("is-valid"),u=""}if(d.querySelector(".invalid-feedback").textContent=m,v.querySelector(".invalid-feedback").textContent=u,e=`${m} ${u}`,e.trim().length>0||0==calculadoraHtml.querySelector("form").checkValidity())event.preventDefault(),event.stopPropagation(),s.classList.remove("d-none"),i.classList.add("d-none"),b.removeAttribute("href"),b.innerHTML="";else{let e=(c/Math.pow(o/100,2)).toFixed(1);if(t.textContent=e,e>=25){const e="https://portal.alemana.cl/wps/wcm/connect/Internet/Home/programas/vivir-liviano/home";b.innerHTML=`\n                <hr/>\n                <h3>\n                    <a href=${e}>Te invitamos a conocer nuestro programa Vivir Liviano</a>\n                </h3>\n                <a href=${e} title="Programa de sobrepeso y obesidad Vivir Liviano">\n                    <img class="d-block w-100" src="https://d51h1y0hva8v.cloudfront.net/images/default-source/webapps/banner-calculadora-imc.jpg?sfvrsn=9f06ef25_2" alt="Conoce nuestro programa Vivir Liviano"/>\n                </a>    \n                `}else b.removeAttribute("href"),b.innerHTML="";s.classList.add("d-none"),i.classList.remove("d-none"),i.scrollIntoView({block:"start",behavior:"smooth"})}};let a,l,s,i,t,n,r,o,c,d,v,u,m,b,p='\n                <style>\n                    .is-invalid .invalid-feedback,\n                    .is-valid .valid-feedback{\n                        display:block;\n                    }\n                    .is-invalid .valid-feedback,\n                    .is-valid .invalid-feedback{\n                        display:none;\n                    }\n                </style>\n                <form class="calculadora-imc-card p-3 mt-2 mb-2">\n                    <div class="calcular-imc ">\n                        <h1 class="w-100 mb-3">Calcula tu IMC</h1>\n                        <div class="row no-gutter d-flex flex-row flex-wrap">\n                            <div class="form-group col-12">\n                                <label for="alturaimc" class="d-flex flex-row h4">Altura\n                                <div class="ml-1" id="outaltura"></div>\n                                </label>\n                                <input type="range" class="form-control" id="alturaimc" min="150" max="220" step="1" placeholder="Centímetros" required>\n                                <div class="invalid-feedback"></div>\n                                <div class="valid-feedback"></div>\n                            </div>\n                            <div class="form-group col-12">\n                                <label for="pesoimc" class="d-flex flex-row h4">Peso\n                                    <div class="ml-1" id="outpeso"></div>\n                                    </label>\n                                    <input type="range" class="form-control" id="pesoimc" min="20" max="220" step="1" placeholder="Kilos" required>\n                                    <div class="valid-feedback"></div>\n                                    <div class="invalid-feedback"></div>\n                            </div>\n                        </div>\n                        <button class="btn btn-primary col-12" type="button">Calcular IMC</button>\n                        <em class="mt-4"> *Para personas menores de 20 años y mayores de 65, los rangos de IMC son distintos porque consideran otros factores (intervalos de edad, cambios en los patrones de ingesta y masa muscular, entre otros).</em>\n                    </div>   \n                    <div class="resultado-imc d-none text-center">\n                        <p class="h5 mb-0">Tu índice de masa corporal es</p>\n                        <h2 class="h1"></h2>\n                        <button class="btn btn-primary col-12" type="button">Volver a Calcular IMC</button>\n                        <div id="bannerimc" class="mt-3"></div>\n                    </div>\n                </form>\n                ';calculadoraHtml=document.querySelector(".calculo-imc"),calculadoraHtml.innerHTML=p,calculadoraHtml.classList.add("card","m-0"),a=calculadoraHtml.querySelector("#alturaimc"),l=calculadoraHtml.querySelector("#pesoimc"),s=calculadoraHtml.querySelector(".calcular-imc"),i=calculadoraHtml.querySelector(".resultado-imc"),b=i.querySelector("#bannerimc"),t=i.querySelector("h2"),n=document.getElementById("outaltura"),r=document.getElementById("outpeso"),d=a.parentElement,v=l.parentElement,u=s.querySelector("button"),m=i.querySelector("button"),a.addEventListener("input",()=>{d.classList.remove("is-invalid"),o=parseInt(a.value),n.innerHTML=a.value+" cm"},!1),l.addEventListener("input",()=>{v.classList.remove("is-invalid"),c=parseInt(l.value),r.innerHTML=l.value+" kg"},!1),u.addEventListener("click",e,!1),m.addEventListener("click",()=>{a.removeAttribute("value"),l.removeAttribute("value"),o=null,c=null,u.click()},!1)}