!function(t){var e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(o,i,function(e){return t[e]}.bind(null,i));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=2)}([function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.LoggerComponent=void 0,e.LoggerComponent=function(t){Object.getOwnPropertyNames(t.prototype).filter(t=>!(t[0]===t[0].toUpperCase())).forEach(e=>{const n=t.prototype[e];t.prototype[e]=function(...o){const i=window.location.search.includes("_APLAZO_DEBUG_");i&&(console.log(`[${t.name}][${e}] inputs`),console.log({inputs:o}));const r=n.apply(this,o);return i&&(console.log(`[${t.name}][${e}] output `),console.log({output:r})),r}})}},function(t,e,n){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var i=Object.getOwnPropertyDescriptor(e,n);i&&!("get"in i?!e.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,i)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__exportStar||function(t,e){for(var n in t)"default"===n||Object.prototype.hasOwnProperty.call(e,n)||o(e,t,n)};Object.defineProperty(e,"__esModule",{value:!0}),i(n(20),e),i(n(1),e)},function(t,e,n){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var i=Object.getOwnPropertyDescriptor(e,n);i&&!("get"in i?!e.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,i)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__decorate||function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s},r=this&&this.__exportStar||function(t,e){for(var n in t)"default"===n||Object.prototype.hasOwnProperty.call(e,n)||o(e,t,n)};Object.defineProperty(e,"__esModule",{value:!0}),e.AplazoInstall=void 0;const s=n(0);r(n(3),e),r(n(6),e),r(n(13),e),r(n(1),e),r(n(24),e);let a=class extends HTMLElement{constructor(){super(),window._APLAZO_INSTALL_=this.installWidgets.bind(this),window._APLAZO_MANUAL_INSERT_=this.insertBannerOnElement.bind(this)}static get observedAttributes(){return["respawn-spot","ignore","theme","multi-spawn"]}attributeChangedCallback(t){switch(t){case"ignore":case"respawn-spot":case"multi-spawn":case"theme":this.installWidgets()}}connectedCallback(){document.addEventListener("DOMContentLoaded",()=>this.installWidgets())}installWidgets(){const t=this.getAttribute("respawn-spot"),e=this.getAttribute("ignore"),n=null!==this.getAttribute("multi-spawn"),o=this.getAttribute("theme")||"light",i=this.getAttribute("merchant-id")||"",r=this.getAttribute("integration-type")||"",s=this.getAttribute("env")||"";if(!t)return;t.split(",").map(t=>t.trim()).filter(t=>t.length>0).forEach(t=>{const[a,l]=t.split(":");if(n){const t=document.querySelectorAll(a);document.querySelectorAll(l).forEach((t,e)=>t.setAttribute("aplazo-banner-price",""+(e+1))),t.forEach((t,n)=>{t.setAttribute("aplazo-banner-position",""+(n+1)),this.insertBannerOnElement(`[aplazo-banner-position="${n+1}"]`,`[aplazo-banner-price="${n+1}"]`,o,e,i,r,s)})}else this.insertBannerOnElement(a,l,o,e,i,r,s)})}insertBannerOnElement(t,e,n,o,i,r,s){console.log(`inserting on [${t}]`);const a=document.createElement("aplazo-placement");e&&a.setAttribute("price-element-selector",e),a.setAttribute("price-format",this.getAttribute("price-format")||""),a.setAttribute("theme",n),a.setAttribute("merchant-id",i),a.setAttribute("integration-type",r),a.setAttribute("env",s),o&&a.setAttribute("ignore",o),a.setAttribute("default-selector",t)}};a=i([s.LoggerComponent],a),e.AplazoInstall=a,customElements.get("aplazo-install")||customElements.define("aplazo-install",a)},function(t,e,n){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var i=Object.getOwnPropertyDescriptor(e,n);i&&!("get"in i?!e.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,i)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__exportStar||function(t,e){for(var n in t)"default"===n||Object.prototype.hasOwnProperty.call(e,n)||o(e,t,n)};Object.defineProperty(e,"__esModule",{value:!0}),i(n(4),e)},function(t,e,n){"use strict";var o=this&&this.__decorate||function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s};Object.defineProperty(e,"__esModule",{value:!0}),e.AplazoQuotesElement=void 0;const i=n(0),r=n(5);let s=class extends HTMLElement{constructor(){var t,e,n;super(),this.pricingComponent=new r.PricingComponent(this),this.attachShadow({mode:"open"});const o=document.createElement("template");this.setAttribute("aplazo-element","true"),o.innerHTML='\n            <style>\n               .quotes-amount{\n                 font-weight: bold;\n               }\n            </style>\n            <span class="quotes-amount">5 plazos  </span>\n            <span style="font-weight: lighter" id="price-slot"></span>\n           ',null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0)),this.priceSpot=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("#price-slot"),this.quotesElement=null===(n=this.shadowRoot)||void 0===n?void 0:n.querySelector(".quotes-amount")}connectedCallback(){this.updateQuotes(),document.addEventListener("DOMContentLoaded",t=>{this.pricingComponent.trackElement(this.getAttribute("price-element-selector"),this.getAttribute("ignore"))}),window.addEventListener("resize",t=>{this.pricingComponent.trackElement(this.getAttribute("price-element-selector"),this.getAttribute("ignore"))})}static get observedAttributes(){return["product-price","price-element-selector","ignore","theme","merchant-id","integration-type","quotes"]}attributeChangedCallback(t,e,n){var o;switch(this.priceSpot=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("#price-slot"),this.updateQuotes(),t){case"product-price":this.updateQuotes();break;case"price-element-selector":case"price-format":this.ProductPrice||this.pricingComponent.trackElement(n,this.getAttribute("ignore"));break;case"ignore":this.pricingComponent.trackElement(this.getAttribute("price-element-selector"),this.getAttribute("ignore"))}}updateQuotes(){const t=this.ProductPrice;if(!t)return void(this.priceSpot&&(this.priceSpot.textContent=""));if(!this.priceSpot||!this.quotesElement)return;const e=Number(this.getAttribute("quotes"))||5;this.quotesElement.innerHTML=e+" plazos",this.priceSpot.textContent="desde $"+parseFloat(""+t/e).toFixed(2)}get ProductPrice(){return"NO-DECIMAL"===this.PriceFormat?Number(this.getAttribute("product-price")):Number(this.getAttribute("product-price"))/100}get PriceFormat(){return this.getAttribute("price-format")||""}get MerchantID(){return this.getAttribute("merchant-id")||""}};s=o([i.LoggerComponent],s),e.AplazoQuotesElement=s,customElements.get("aplazo-quotes")||customElements.define("aplazo-quotes",s)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.PricingComponent=void 0;e.PricingComponent=class{constructor(t){this.target=t}trackElement(t,e=null){var n;if(this.target.setAttribute("product-price",""),!t)return;const o=e?`${t}:not(${e})`:t;let i=document.querySelector(o);if(i){const t=null===(n=i.textContent)||void 0===n?void 0:n.trim().replace("$","").replace("MXN","").replace("mxn","").replace(".","").replace(",","");t&&this.target.setAttribute("product-price",t),window.onclick=t=>{var e;if(!i)return;const n=null===(e=i.textContent)||void 0===e?void 0:e.trim().replace("$","").replace("MXN","").replace(".","").replace(",","");n&&this.target.setAttribute("product-price",n)}}else this.target.setAttribute("product-price","")}init(){}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Typography=e.AplazoButton=e.StepCard=e.InstructionCard=e.Icon=e.AplazoLogo=void 0;var o=n(7);Object.defineProperty(e,"AplazoLogo",{enumerable:!0,get:function(){return o.AplazoLogo}});var i=n(8);Object.defineProperty(e,"Icon",{enumerable:!0,get:function(){return i.Icon}});var r=n(9);Object.defineProperty(e,"InstructionCard",{enumerable:!0,get:function(){return r.InstructionCard}});var s=n(10);Object.defineProperty(e,"StepCard",{enumerable:!0,get:function(){return s.StepCard}});var a=n(11);Object.defineProperty(e,"AplazoButton",{enumerable:!0,get:function(){return a.AplazoButton}});var l=n(12);Object.defineProperty(e,"Typography",{enumerable:!0,get:function(){return l.Typography}})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AplazoLogo=void 0;const o=document.createElement("template");o.innerHTML='\n    <style>\n    :host{\n    display: inline-flex;\n    }\n          @media only screen and (max-width: 420px) {\n            img {\n              height: 25px !important;\n                }\n           }\n    img {\n        height:30px;\n        position:relative;\n        top: 7px;\n        border-radius: 25px;\n    }\n    </style>\n     <img slot="trigger" id="logo-image"  src="https://cdn.aplazo.mx/logo-color.svg" alt="">\n';class i extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0))}connectedCallback(){var t;const e=this.getAttribute("logo-size"),n=this.getAttribute("theme")||"light",o=null===(t=this.shadowRoot)||void 0===t?void 0:t.getElementById("logo-image");if(!o)return;"dark"===n&&o.setAttribute("src","https://cdn.aplazo.mx/logo-black.svg");const i=e||(window.innerWidth,"25");o.style.height=i+"px"}static get observedAttributes(){return["theme"]}attributeChangedCallback(t,e,n){var o;switch(t){case"theme":const t=null===(o=this.shadowRoot)||void 0===o?void 0:o.getElementById("logo-image");if(!t)return;"dark"===n&&t.setAttribute("src","https://cdn.aplazo.mx/logo-black.svg")}}}e.AplazoLogo=i,customElements.get("aplazo-logo")||customElements.define("aplazo-logo",i)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Icon=void 0;const o=document.createElement("template");o.innerHTML="\n    <script>\n  \n    <\/script>\n   <span >\n   \n   </span>\n \n";class i extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0))}}e.Icon=i,customElements.get("ap-icon")||customElements.define("ap-icon",i)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.InstructionCard=void 0;const o=document.createElement("template");o.innerHTML='\n                <style>\n                    .info{\n                        justify-content: center;\n                        display: flex;\n                        flex-direction: column;\n                        padding-left: 22px;\n                     }                   \n                </style>\n                <div style="display: flex;align-content: center;margin: 14px 0px 14px 0px">\n                    \x3c!--logo for step--\x3e\n                    <div>\n                      <img id="step-img"  alt="">\n                    </div>\n                     \x3c!--info--\x3e\n                    <div class="info">\n                       <aplazo-text id="step-title" variant="title"></aplazo-text>\n                       <aplazo-text id="step-description" variant="p"></aplazo-text>\n                    </div>\n                </div> \n \n';class i extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0))}connectedCallback(){var t,e,n;const o=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("#step-title");o&&(o.textContent=this.StepTitle||"");const i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("#step-description");i&&(i.textContent=this.StepDescription||"");const r=null===(n=this.shadowRoot)||void 0===n?void 0:n.querySelector("#step-img");r&&(r.src=this.StepImg||"")}get StepTitle(){return this.getAttribute("step-title")||""}get StepDescription(){return this.getAttribute("step-description")||""}get StepImg(){return this.getAttribute("step-img")||""}}e.InstructionCard=i,customElements.get("instruction-card")||customElements.define("instruction-card",i)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.StepCard=void 0;const o=document.createElement("template");o.innerHTML='\n                <style>\n                        .image-lg {\n            display: block;\n}\n\n            @media (max-width: 800px) {\n                    .image-lg {\n                       display: none;\n                       }\n                }\n                    :host{\n                      width: 230px;\n                      padding-left: 10px;\n                      padding-right: 10px;\n                    }\n                    .info{\n                        justify-content: center;\n                        display: flex;\n                        flex-direction: column;\n                        padding-left: 22px;\n                     }                   \n                </style>\n                <div style="align-content: center;margin: 14px 0px 14px 0px">\n                    \x3c!--logo for step--\x3e\n                    <div class="image-lg">\n                      <img id="step-img"  alt="">\n                    </div>\n                     \x3c!--info--\x3e\n                     <div style="display: flex">\n                        <aplazo-text id="step-number" variant="title"></aplazo-text>\n                        <div class="info">\n                            <aplazo-text id="step-title" variant="title"></aplazo-text>\n                            <aplazo-text id="step-description" variant="p"></aplazo-text>\n                        </div>\n                    </div>\n                </div> \n \n';class i extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0))}connectedCallback(){var t,e,n,o;const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("#step-title");i&&(i.textContent=this.StepTitle);const r=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("#step-description");r&&(r.textContent=this.StepDescription);const s=null===(n=this.shadowRoot)||void 0===n?void 0:n.querySelector("#step-img");s&&(s.src=this.StepImg);const a=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("#step-number");a&&(a.textContent=this.StepNumber)}get StepTitle(){return this.getAttribute("step-title")||""}get StepDescription(){return this.getAttribute("step-description")||""}get StepImg(){return this.getAttribute("step-img")||""}get StepNumber(){return this.getAttribute("step-number")||""}}e.StepCard=i,customElements.get("step-card")||customElements.define("step-card",i)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AplazoButton=void 0;const o=document.createElement("template");o.innerHTML='\n    <style>\n\n    div{\n    color:white\n    }\n\n    button {\n    margin-top: 30px;\n        width: 172px;\n        height: 44px;\n        background: #3D72C9;\n        border-radius: 8px;\n        border: none;\nfont-size: 14px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 18px;\nletter-spacing: 0.5px;\ntext-align: center;\n\n    }\n\n    button:hover {\n        cursor: pointer;\n        background: #345ea4 ;\n    }\n    </style>\n    <button id="action-btn"> <div id="text-holder"></div> </button>\n';class i extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0))}connectedCallback(){var t,e,n;this.textHolder=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("#text-holder"),this.textHolder&&(this.textHolder.innerHTML=this.innerHTML||""),null===(n=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("#action-btn"))||void 0===n||n.addEventListener("click",t=>{t.stopPropagation(),t.preventDefault(),window.open("https://customer.aplazo.mx/register/credentials","_blank")})}}e.AplazoButton=i,customElements.get("aplazo-button")||customElements.define("aplazo-button",i)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Typography=void 0;const o=document.createElement("template");o.innerHTML="\n    <style>\n\n    @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;700&display=swap');\n\n    :host {\n        font-family: 'Manrope', sans-serif;\n        font-style: normal;\n        letter-spacing: 0px;\n        text-align: left;\n        color: #000000;\n    }\n    div {\n        text-align: inherit;\n    }\n    .p{\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 19.8px;\n        color: #37474F;\n    }\n    \n    .light-gray-title{\n        font-size: 10px;\n        font-style: normal;\n        font-weight: 700;\n        line-height: 12px;\n        letter-spacing: 0.3275538980960846px;\n        color:  #78909C;\n;\n    }\n    .title {\n       font-size: 15px;\n       font-weight: 700;\n       line-height: 23px;\n       letter-spacing: 0em;\n       text-align: left;\n    }\n       .title-small {\nfont-size: 20px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 28px;\nletter-spacing: 0em;\ntext-align: left;\n\n    }\n    .light-title {\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 28px;\n    }\n    .big {\n        font-weight: bold;\n        font-size: 28px;\n        line-height: 42px;\n    }\n    .soft-p {\n        color: #B0BEC5;;\n        font-size: 12px;\n        line-height: 20px;\n    }\n    \n    </style>\n    <div id=\"text-holder\"></div>    \n \n";class i extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0))}connectedCallback(){var t;this.textHolder=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("#text-holder"),this.textHolder&&(this.textHolder.innerHTML=this.innerHTML||"",this.textHolder.classList.add(this.Variant))}get Variant(){return this.getAttribute("variant")||"p"}}e.Typography=i,customElements.get("aplazo-text")||customElements.define("aplazo-text",i)},function(t,e,n){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var i=Object.getOwnPropertyDescriptor(e,n);i&&!("get"in i?!e.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,i)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__exportStar||function(t,e){for(var n in t)"default"===n||Object.prototype.hasOwnProperty.call(e,n)||o(e,t,n)};Object.defineProperty(e,"__esModule",{value:!0}),e.ResponsiveRow=e.ModalActions=e.FooterInfo=e.StepsList=e.InstructionsList=void 0,i(n(14),e);var r=n(15);Object.defineProperty(e,"InstructionsList",{enumerable:!0,get:function(){return r.InstructionsList}});var s=n(16);Object.defineProperty(e,"StepsList",{enumerable:!0,get:function(){return s.StepsList}});var a=n(17);Object.defineProperty(e,"FooterInfo",{enumerable:!0,get:function(){return a.FooterInfo}});var l=n(18);Object.defineProperty(e,"ModalActions",{enumerable:!0,get:function(){return l.ModalActions}});var c=n(19);Object.defineProperty(e,"ResponsiveRow",{enumerable:!0,get:function(){return c.ResponsiveRow}})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AplazoInfoIcon=void 0;const o=document.createElement("template");o.innerHTML='\n    <style>\n    .info-trigger{\n            margin-left: 10px;\n            font-weight: 400;\n      font-size: 1.2rem;\n      }\n      .row{\n        flex:1\n      }\n      /* Modal Content */\n.modal-content {\n  background-color: none;\n  margin: auto;\n   padding-top: 20px;\n\n  width: 37rem;\n  height: 27rem;\n}\n\n/* The Close Button */\n.aplz-web-ui-close {\n  color: #000;\n  float: right;\n  font-size: 28px;\n  font-weight: bold;\n  padding-right: 10px;\n}\n\n.aplz-web-ui-close:hover,\n.aplz-web-ui-close:focus {\n  color: #000;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n      @media only screen and (max-width: 420px) {\n            .info-trigger{\n            padding-right: 10px;\n            }\n            aplazo-logo{\n                padding-left: 6px;\n            }\n          .xs-visible {\n            display: block !important;\n            img {\n              width: 100%;\n            }\n          }\n          .modal-content{\n           width: 80%;\n           height: 100%;\n              padding-top: 5px;\n          }\n          .banner {\n            padding:0px;\n            font-size:0.7rem;\n          }\n\n          .mid-visible{\n            display: none !important;;\n          }\n       }\n       @media only screen and (min-width: 420px) {\n          .xs-visible {\n            display: none !important;\n          }\n\n          .mid-visible{\n            display: block !important;;\n          }\n       }\n\n    </style>\n       <aplazo-modal>\n            <div slot="trigger">\n                <slot name="info-trigger"></slot>\n            </div>\n\n              <div slot="content" class="modal-content">\n                <div class="mid-visible" style="\n                    width: 100%;\n                    height: 100%;\n                    background-repeat: round;\n                    background-size: 100% 100%;\n                    background-image: url(\'https://cdn.aplazo.mx/aplazo-description.png\');"\n                ><span class="aplz-web-ui-close" slot="close">&times</span>\n                </div>\n\n                <div class="xs-visible"\n                style="\n                    width: 100%;\n                    height: 93%;\n                    background-repeat:round;\n                    background-size: 100% 100%;\n                    background-image: url(\'https://cdn.aplazo.mx/aplazo-desc-movil.png\');">\n                   <span class="aplz-web-ui-close" slot="close">&times</span>\n                  </div>\n              </div>\n\n        </aplazo-modal>\n    ';class i extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0))}}e.AplazoInfoIcon=i,customElements.get("aplazo-info-icon")||customElements.define("aplazo-info-icon",i)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.InstructionsList=void 0;const o=document.createElement("template");o.innerHTML='\n    <style>:host{flex:1}</style>\n\n         <div style="flex: 1">\n                   <instruction-card\n                    step-img="https://cdn.aplazo.mx/Group-2.png"\n                    step-title="Paga en 5 plazos quincenales"\n                    step-description="Obtén más control sobre tus compras pagando el primer plazo al momento de la compra." >\n                  </instruction-card>\n\n                  <instruction-card\n                    step-img="https://cdn.aplazo.mx/Group-1.png"\n                    step-title="Aprobación instantánea"\n                    step-description="Registrate una vez, obten tu crédito de forma instantánea y comienza a comprar con Aplazo." >\n                  </instruction-card>\n\n                  <instruction-card\n                    step-img="https://cdn.aplazo.mx/Group.png"\n                    step-title="Simple y transparente"\n                    step-description="Olvidate de cargos extras y términos confusos, nuestro servicio es seguro y fácil de entender." >\n                  </instruction-card>\n                </div>\n\n';class i extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0))}}e.InstructionsList=i,customElements.get("instructions-list")||customElements.define("instructions-list",i)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.StepsList=void 0;const o=document.createElement("template");o.innerHTML='\n<style>\n        .flex-container {\n  display: flex;\n  flex-direction: row;\n}\n\n@media (max-width: 800px) {\n  .flex-container {\n    flex-direction: column;\n  }\n}\n</style>\n            <div class="flex-container">\n                  <step-card\n                    step-number="1"\n                    step-img="https://cdn.aplazo.mx/Paso-1.jpg"\n                    step-title="Llena tu carrito"\n                    step-description="Agrega los productos que quieres comprar a tu carrito de compra." >\n                  </step-card>\n                  </step-card>\n                  <step-card\n                    step-number="2"\n                    step-img="https://cdn.aplazo.mx/Paso-1-1.jpg"\n                    step-title="Elige Aplazo como forma de pago"\n                    step-description="Crea tu cuenta y agrega tu tarjeta de crédito o débito." >\n                  </step-card>\n                  <step-card\n                    step-number="3"\n                    step-img="https://cdn.aplazo.mx/Paso-1-2.jpg"\n                    step-title="Disfruta tu compra"\n                    step-description="Paga el 20% y llévatelo hoy. Paga en 5 plazos quincenales." >\n                  </step-card>\n                </div>\n\n';class i extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0))}}e.StepsList=i,customElements.get("steps-list")||customElements.define("steps-list",i)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.FooterInfo=void 0;const o=document.createElement("template");o.innerHTML='\n                  </div>\n                    <aplazo-text style="text-align: center"  variant="soft-p">\n                      Para registrarte, es necesario contar con una tarjeta de débito o crédito, tu INE, y un número celular mexicano. Sujeto a la aprobación de crédito. Aplican términos y condiciones.  Visita <a target="_blank" style="color: #B0BEC5;" href="https://aplazo.mx"> www.aplazo.mx </a> para más información.\n                   </aplazo-text>\n                </div>\n\n';class i extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0))}}e.FooterInfo=i,customElements.get("footer-info")||customElements.define("footer-info",i)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ModalActions=void 0;const o=document.createElement("template");o.innerHTML='\n<style>:host{flex:1}</style>\n                 <div style="flex: 1">\n                       <aplazo-text variant="light-gray-title">¿POR QUÉ UTILIZAR APLAZO?</aplazo-text>\n                       <aplazo-text  variant="title-small">Compra ahora. Paga a plazos. Sin tarjeta de crédito.</aplazo-text>\n                       <aplazo-text>Visita nuestras <a target="_blank" href="https://www.aplazo.mx/preguntas-frecuentes"> Preguntas Frecuentes. </a> </aplazo-text>\n                       <aplazo-button>CREAR MI CUENTA</aplazo-button>\n                  </div>\n\n';class i extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0))}}e.ModalActions=i,customElements.get("modal-actions")||customElements.define("modal-actions",i)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ResponsiveRow=void 0;const o=document.createElement("template");o.innerHTML='\n<style>\n        .flex-container {\n  display: flex;\n  flex-direction: row;\n}\n\n@media (max-width: 800px) {\n  .flex-container {\n    flex-direction: column;\n  }\n}\n</style>\n         <div class="flex-container" style="padding-top: 15px">\n         <modal-actions></modal-actions>\n                            <instructions-list></instructions-list>\n         </div>\n \n';class i extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0))}}e.ResponsiveRow=i,customElements.get("responsive-row")||customElements.define("responsive-row",i)},function(t,e,n){"use strict";var o=this&&this.__decorate||function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s},i=this&&this.__awaiter||function(t,e,n,o){return new(n||(n=Promise))((function(i,r){function s(t){try{l(o.next(t))}catch(t){r(t)}}function a(t){try{l(o.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(s,a)}l((o=o.apply(t,e||[])).next())}))};Object.defineProperty(e,"__esModule",{value:!0}),e.AplazoPlacementElement=void 0;const r=n(0),s=n(21),a=n(22);"IntersectionObserver"in window||Promise.resolve().then(()=>n(23));let l=1,c=class extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(a.template.content.cloneNode(!0)),this.spawnerComponent=new s.SpawnerComponent(this)}connectedCallback(){var t,e;this.setAttribute("data-apz-id","apz-ui-placement-"+l++),this.getAttribute("env")||this.setAttribute("env","prod"),this.updateLogoSize();const n=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".quotes-amount");n&&n.setAttribute("style",this.QuoteStyle);const o=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".info-trigger");o&&o.setAttribute("style",this.InfoElementStyle),this.setLogoAttrs(),this.setAttribute("style",this.MainStyle),document.addEventListener("DOMContentLoaded",()=>{this.updatePosition()}),window.addEventListener("resize",()=>{this.updatePosition()});const i=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&(this.retrieveContentOrNone(),i.unobserve(this))})});i.observe(this)}static get observedAttributes(){return["product-price","price-element-selector","ignore","theme","default-selector","xs-selector","env","data-apz-id","base-uri"]}attributeChangedCallback(t){switch(t){case"default-selector":this.updatePosition();break;case"theme":this.setLogoAttrs()}this.propagateProps()}updatePosition(){this.spawnerComponent.updatePosition({xsSelector:this.getAttribute("xs-selector")||"",defaultSelector:this.getAttribute("default-selector")||""})}get ProductPrice(){return"NO-DECIMAL"===this.PriceFormat?Number(this.getAttribute("product-price")):Number(this.getAttribute("product-price"))/100}get PriceFormat(){return this.getAttribute("price-format")||""}get LogoSize(){return Number(this.getAttribute("aplazo-logo-size"))||22}get LogoStyle(){return this.getAttribute("logo-style")||""}get Theme(){return this.getAttribute("theme")||"light"}get Environment(){return this.getAttribute("env")||""}get QuoteStyle(){return this.getAttribute("quote-style")||""}get InfoElementStyle(){return this.getAttribute("info-style")||""}get MainStyle(){return this.getAttribute("main-style")||""}get MerchantID(){return this.getAttribute("merchant-id")||""}get IntegrationType(){return this.getAttribute("integration-type")||""}updateLogoSize(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("aplazo-logo");e&&e.setAttribute("logo-size",String(this.LogoSize))}setLogoAttrs(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("aplazo-logo");e&&(e.setAttribute("style",this.LogoStyle),e.setAttribute("theme",this.Theme))}retrieveContentOrNone(){this.getAttribute("data-apz-id")?this.renderContentAsync():console.warn("aplazo-placement element must have an id attribute")}renderContentAsync(){return i(this,void 0,void 0,(function*(){try{const t=document.baseURI||"",e=document.referrer,n=this.buildUrl("https://core.aplazo.mx/api/v1/templates/active",{base_uri:t,referer:e}),o=yield fetch(n,{method:"GET"});if(!o.ok){const t=yield o.json();throw new Error(t.message)}const i=o.headers.get("Content-Type"),r=yield"application/json"===i?yield o.json():yield o.text();return"object"==typeof r&&Object.prototype.hasOwnProperty.call(r,"content")&&r.content&&this.shadowRoot&&(this.shadowRoot.innerHTML=r.content),r}catch(t){return console.error("Error fetching content:",t.message),null}}))}buildUrl(t,e){const n=new URL(t);return Object.entries(e).forEach(([t,e])=>{e&&n.searchParams.append(t,e)}),n.toString()}propagateProps(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.children;e&&Array.from(e).forEach(t=>{t.setAttribute("product-price",this.getAttribute("product-price")||""),t.setAttribute("env",this.Environment),t.setAttribute("theme",this.Theme),t.setAttribute("price-element-selector",this.getAttribute("price-element-selector")||"")})}};c=o([r.LoggerComponent],c),e.AplazoPlacementElement=c,customElements.get("aplazo-placement")||customElements.define("aplazo-placement",c)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.SpawnerComponent=void 0;e.SpawnerComponent=class{constructor(t){this.target=t}init(){}updatePosition(t){if(this.positionSettings=t,window.innerWidth<520){const t=this.insetElement(this.positionSettings.xsSelector);"no-found"!==t&&"invalid-selector"!==t||this.insetElement(this.positionSettings.defaultSelector)}else this.insetElement(this.positionSettings.defaultSelector)}insetElement(t){var e;if(""===t)return"invalid-selector";const n=document.querySelector(t);return n?n.hasAttribute("aplazo-banner-attached")?"already-attached":(this.previousSpot&&this.previousSpot.removeAttribute("aplazo-banner-attached"),null===(e=null==n?void 0:n.parentElement)||void 0===e||e.insertBefore(this.target,n),n.setAttribute("aplazo-banner-attached","true"),this.previousSpot=n,console.log(`widget attached to [${n}]`),"inserted"):(console.warn("unable to find "+t),"no-found")}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.template=void 0,e.template=document.createElement("template"),e.template.setAttribute("aplazo-element","template"),e.template.innerHTML='\n   <style>\n   :host{\n      display: block !important;\n      font-family: inherit;\n      color: inherit;\n      padding: 10px 0px 10px 0px;\n   }\n   .info-trigger{\n      font-size: 12px;\n      border-bottom: 1px solid;\n      font-weight: bold;\n   }\n      \n   .quotes-amount{\n     font-weight: bold;\n   }\n   </style>     \n   \n   \n   Paga con \n      <aplazo-logo></aplazo-logo> y difiere tus pagos en quincenas, sin letras chiquitas. \n      <aplazo-info-icon style="display: inline-table">\n         <a class="info-trigger" slot="info-trigger" href="www.aplazo.mx/">Conoce más.</a>\n      </aplazo-info-icon>\n \n'},function(t,e){!function(){"use strict";if("object"==typeof window)if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});else{var t=function(t){for(var e=window.document,n=i(e);n;)n=i(e=n.ownerDocument);return e}(),e=[],n=null,o=null;s.prototype.THROTTLE_TIMEOUT=100,s.prototype.POLL_INTERVAL=null,s.prototype.USE_MUTATION_OBSERVER=!0,s._setupCrossOriginUpdater=function(){return n||(n=function(t,n){o=t&&n?d(t,n):{top:0,bottom:0,left:0,right:0,width:0,height:0},e.forEach((function(t){t._checkForIntersections()}))}),n},s._resetCrossOriginUpdater=function(){n=null,o=null},s.prototype.observe=function(t){if(!this._observationTargets.some((function(e){return e.element==t}))){if(!t||1!=t.nodeType)throw new Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:t,entry:null}),this._monitorIntersections(t.ownerDocument),this._checkForIntersections()}},s.prototype.unobserve=function(t){this._observationTargets=this._observationTargets.filter((function(e){return e.element!=t})),this._unmonitorIntersections(t.ownerDocument),0==this._observationTargets.length&&this._unregisterInstance()},s.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},s.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},s.prototype._initThresholds=function(t){var e=t||[0];return Array.isArray(e)||(e=[e]),e.sort().filter((function(t,e,n){if("number"!=typeof t||isNaN(t)||t<0||t>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return t!==n[e-1]}))},s.prototype._parseRootMargin=function(t){var e=(t||"0px").split(/\s+/).map((function(t){var e=/^(-?\d*\.?\d+)(px|%)$/.exec(t);if(!e)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(e[1]),unit:e[2]}}));return e[1]=e[1]||e[0],e[2]=e[2]||e[0],e[3]=e[3]||e[1],e},s.prototype._monitorIntersections=function(e){var n=e.defaultView;if(n&&-1==this._monitoringDocuments.indexOf(e)){var o=this._checkForIntersections,r=null,s=null;this.POLL_INTERVAL?r=n.setInterval(o,this.POLL_INTERVAL):(a(n,"resize",o,!0),a(e,"scroll",o,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in n&&(s=new n.MutationObserver(o)).observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0})),this._monitoringDocuments.push(e),this._monitoringUnsubscribes.push((function(){var t=e.defaultView;t&&(r&&t.clearInterval(r),l(t,"resize",o,!0)),l(e,"scroll",o,!0),s&&s.disconnect()}));var c=this.root&&(this.root.ownerDocument||this.root)||t;if(e!=c){var p=i(e);p&&this._monitorIntersections(p.ownerDocument)}}},s.prototype._unmonitorIntersections=function(e){var n=this._monitoringDocuments.indexOf(e);if(-1!=n){var o=this.root&&(this.root.ownerDocument||this.root)||t;if(!this._observationTargets.some((function(t){var n=t.element.ownerDocument;if(n==e)return!0;for(;n&&n!=o;){var r=i(n);if((n=r&&r.ownerDocument)==e)return!0}return!1}))){var r=this._monitoringUnsubscribes[n];if(this._monitoringDocuments.splice(n,1),this._monitoringUnsubscribes.splice(n,1),r(),e!=o){var s=i(e);s&&this._unmonitorIntersections(s.ownerDocument)}}}},s.prototype._unmonitorAllIntersections=function(){var t=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var e=0;e<t.length;e++)t[e]()},s.prototype._checkForIntersections=function(){if(this.root||!n||o){var t=this._rootIsInDom(),e=t?this._getRootRect():{top:0,bottom:0,left:0,right:0,width:0,height:0};this._observationTargets.forEach((function(o){var i=o.element,s=c(i),a=this._rootContainsTarget(i),l=o.entry,p=t&&a&&this._computeTargetAndRootIntersection(i,s,e),d=null;this._rootContainsTarget(i)?n&&!this.root||(d=e):d={top:0,bottom:0,left:0,right:0,width:0,height:0};var u=o.entry=new r({time:window.performance&&performance.now&&performance.now(),target:i,boundingClientRect:s,rootBounds:d,intersectionRect:p});l?t&&a?this._hasCrossedThreshold(l,u)&&this._queuedEntries.push(u):l&&l.isIntersecting&&this._queuedEntries.push(u):this._queuedEntries.push(u)}),this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},s.prototype._computeTargetAndRootIntersection=function(e,i,r){if("none"!=window.getComputedStyle(e).display){for(var s,a,l,p,u,m,g,f,v=i,b=h(e),x=!1;!x&&b;){var y=null,_=1==b.nodeType?window.getComputedStyle(b):{};if("none"==_.display)return null;if(b==this.root||9==b.nodeType)if(x=!0,b==this.root||b==t)n&&!this.root?!o||0==o.width&&0==o.height?(b=null,y=null,v=null):y=o:y=r;else{var w=h(b),z=w&&c(w),E=w&&this._computeTargetAndRootIntersection(w,z,r);z&&E?(b=w,y=d(z,E)):(b=null,v=null)}else{var A=b.ownerDocument;b!=A.body&&b!=A.documentElement&&"visible"!=_.overflow&&(y=c(b))}if(y&&(s=y,a=v,l=void 0,p=void 0,u=void 0,m=void 0,g=void 0,f=void 0,l=Math.max(s.top,a.top),p=Math.min(s.bottom,a.bottom),u=Math.max(s.left,a.left),m=Math.min(s.right,a.right),f=p-l,v=(g=m-u)>=0&&f>=0&&{top:l,bottom:p,left:u,right:m,width:g,height:f}||null),!v)break;b=b&&h(b)}return v}},s.prototype._getRootRect=function(){var e;if(this.root&&!m(this.root))e=c(this.root);else{var n=m(this.root)?this.root:t,o=n.documentElement,i=n.body;e={top:0,left:0,right:o.clientWidth||i.clientWidth,width:o.clientWidth||i.clientWidth,bottom:o.clientHeight||i.clientHeight,height:o.clientHeight||i.clientHeight}}return this._expandRectByRootMargin(e)},s.prototype._expandRectByRootMargin=function(t){var e=this._rootMarginValues.map((function(e,n){return"px"==e.unit?e.value:e.value*(n%2?t.width:t.height)/100})),n={top:t.top-e[0],right:t.right+e[1],bottom:t.bottom+e[2],left:t.left-e[3]};return n.width=n.right-n.left,n.height=n.bottom-n.top,n},s.prototype._hasCrossedThreshold=function(t,e){var n=t&&t.isIntersecting?t.intersectionRatio||0:-1,o=e.isIntersecting?e.intersectionRatio||0:-1;if(n!==o)for(var i=0;i<this.thresholds.length;i++){var r=this.thresholds[i];if(r==n||r==o||r<n!=r<o)return!0}},s.prototype._rootIsInDom=function(){return!this.root||u(t,this.root)},s.prototype._rootContainsTarget=function(e){var n=this.root&&(this.root.ownerDocument||this.root)||t;return u(n,e)&&(!this.root||n==e.ownerDocument)},s.prototype._registerInstance=function(){e.indexOf(this)<0&&e.push(this)},s.prototype._unregisterInstance=function(){var t=e.indexOf(this);-1!=t&&e.splice(t,1)},window.IntersectionObserver=s,window.IntersectionObserverEntry=r}function i(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch(t){return null}}function r(t){this.time=t.time,this.target=t.target,this.rootBounds=p(t.rootBounds),this.boundingClientRect=p(t.boundingClientRect),this.intersectionRect=p(t.intersectionRect||{top:0,bottom:0,left:0,right:0,width:0,height:0}),this.isIntersecting=!!t.intersectionRect;var e=this.boundingClientRect,n=e.width*e.height,o=this.intersectionRect,i=o.width*o.height;this.intersectionRatio=n?Number((i/n).toFixed(4)):this.isIntersecting?1:0}function s(t,e){var n,o,i,r=e||{};if("function"!=typeof t)throw new Error("callback must be a function");if(r.root&&1!=r.root.nodeType&&9!=r.root.nodeType)throw new Error("root must be a Document or Element");this._checkForIntersections=(n=this._checkForIntersections.bind(this),o=this.THROTTLE_TIMEOUT,i=null,function(){i||(i=setTimeout((function(){n(),i=null}),o))}),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(r.rootMargin),this.thresholds=this._initThresholds(r.threshold),this.root=r.root||null,this.rootMargin=this._rootMarginValues.map((function(t){return t.value+t.unit})).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}function a(t,e,n,o){"function"==typeof t.addEventListener?t.addEventListener(e,n,o||!1):"function"==typeof t.attachEvent&&t.attachEvent("on"+e,n)}function l(t,e,n,o){"function"==typeof t.removeEventListener?t.removeEventListener(e,n,o||!1):"function"==typeof t.detachEvent&&t.detachEvent("on"+e,n)}function c(t){var e;try{e=t.getBoundingClientRect()}catch(t){}return e?(e.width&&e.height||(e={top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.right-e.left,height:e.bottom-e.top}),e):{top:0,bottom:0,left:0,right:0,width:0,height:0}}function p(t){return!t||"x"in t?t:{top:t.top,y:t.top,bottom:t.bottom,left:t.left,x:t.left,right:t.right,width:t.width,height:t.height}}function d(t,e){var n=e.top-t.top,o=e.left-t.left;return{top:n,left:o,height:e.height,width:e.width,bottom:n+e.height,right:o+e.width}}function u(t,e){for(var n=e;n;){if(n==t)return!0;n=h(n)}return!1}function h(e){var n=e.parentNode;return 9==e.nodeType&&e!=t?i(e):(n&&n.assignedSlot&&(n=n.assignedSlot.parentNode),n&&11==n.nodeType&&n.host?n.host:n)}function m(t){return t&&9===t.nodeType}}()},function(t,e,n){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var i=Object.getOwnPropertyDescriptor(e,n);i&&!("get"in i?!e.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,i)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__exportStar||function(t,e){for(var n in t)"default"===n||Object.prototype.hasOwnProperty.call(e,n)||o(e,t,n)};Object.defineProperty(e,"__esModule",{value:!0}),i(n(25),e)},function(t,e,n){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var i=Object.getOwnPropertyDescriptor(e,n);i&&!("get"in i?!e.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,i)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__exportStar||function(t,e){for(var n in t)"default"===n||Object.prototype.hasOwnProperty.call(e,n)||o(e,t,n)};Object.defineProperty(e,"__esModule",{value:!0}),i(n(26),e)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ModalElement=void 0;const o=n(27);class i extends HTMLElement{constructor(){var t;super(),this.stylesInjected=!1,this.attachShadow({mode:"open"}),null===(t=this.shadowRoot)||void 0===t||t.appendChild(this.getTemplate().content.cloneNode(!0))}connectedCallback(){var t,e,n,o,i,r,s;null===(e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".trigger-container"))||void 0===e||e.addEventListener("click",t=>{t.stopPropagation(),t.preventDefault(),this.toggleModal(!0)});const a=null===(n=this.shadowRoot)||void 0===n?void 0:n.querySelector("#aplazo-simple-modal");null==a||a.addEventListener("click",t=>{t.target===a&&(t.stopPropagation(),t.preventDefault(),this.toggleModal(!1))}),null===(i=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(".content-container"))||void 0===i||i.addEventListener("click",t=>{t.stopPropagation(),t.preventDefault()}),null===(s=null===(r=this.shadowRoot)||void 0===r?void 0:r.querySelector("[slot=close]"))||void 0===s||s.addEventListener("click",t=>{t.stopPropagation(),t.preventDefault(),this.toggleModal(!1)})}getTemplate(){var t;const e=new URL("https://customer.aplazo.mx/sign-up/account-verification/credentials");return e.searchParams.set("utm_source",null!==(t=window.location.origin)&&void 0!==t?t:"unknown"),e.searchParams.set("utm_medium","widget_modal"),e.searchParams.set("utm_campaign","widget_acquisition"),e.searchParams.set("widget_session_id",this.getRandomUUID()),(0,o.createTemplate)(e.toString())}getRandomUUID(){const t=window.crypto;return t?t.randomUUID?t.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const n=t.getRandomValues(new Uint8Array(1))[0]%16|0;return("x"==e?n:3&n|8).toString(16)})):"unsupported"}injectGlobalStyles(){if(this.stylesInjected)return;const t=document.createElement("style");t.id="aplazo-modal-styles",t.textContent="\n        @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&display=swap');\n\n        .trigger-container{\n            cursor: pointer;\n        }\n        .content-container{\n            width: 100%;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background-color: none;\n        }\n\n        /* New modal styles */\n        .aplazo-modal-content {\n            display: flex;\n            justify-content: flex-start;\n            align-items: center;\n            flex-direction: column;\n            font-family: 'Manrope', sans-serif;\n            width: 100%;\n        }\n\n        .aplazo-header__section {\n            margin-top: 49px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 0px;\n        }\n\n        .aplazo-hero__img {\n            width: 217px;\n            top: 0;\n        }\n\n        .aplazo-hero__title {\n            margin: 0px;\n            font-size: 24px;\n            font-weight: 500;\n            margin-top: 15px;\n            letter-spacing: 2%;\n        }\n\n        .aplazo-hero__title--span {\n            font-weight: 600;\n        }\n\n        .aplazo-hero__subtitle {\n            font-weight: 300;\n            margin-top: 10px;\n            font-size: 16px;\n        }\n\n        .aplazo-description__text {\n            font-size: 16px;\n            font-weight: 300;\n            text-align: center;\n            margin-block: 4px;\n        }\n\n        .aplazo-description__text--span {\n            font-weight: 600;\n        }\n\n        .aplazo-steps__container {\n            width: 100%;\n            margin-top: 20px;\n        }\n\n        .aplazo-steps__column-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(274px, 1fr));\n            z-index: 200;\n            position: relative;\n        }\n\n        .aplazo-steps__column {\n            position: relative;\n            display: flex;\n            align-items: center;\n            width: 100%;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .aplazo-steps__column::after {\n            content: '';\n            background-color: black;\n            width: 100%;\n            height: 220px;\n            position: absolute;\n            top: 40px;\n            left: 0px;\n            z-index: -1;\n        }\n\n        .aplazo-steps__number-container {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height: 65px;\n        }\n\n        .aplazo-steps__number {\n            display: flex;\n            width: 60px;\n            height: 60px;\n            justify-content: center;\n            align-items: center;\n            border-radius: 100%;\n            background-color: #ffcc00;\n            color: #000;\n            font-size: 60px;\n            font-weight: 700;\n            z-index: 50;\n        }\n\n        .aplazo-steps__column-text-container {\n            margin-top: 20px;\n            text-align: center;\n            margin-bottom: 20px;\n            z-index: 1000;\n            color: white;\n        }\n\n        .aplazo-steps__column-text-title {\n            font-size: 16px;\n            font-weight: 800;\n            text-align: center;\n            margin: 0px;\n            color: white;\n            z-index: 1000;\n        }\n\n        .aplazo-steps__column-text-paragraph {\n            font-size: 15px;\n            font-weight: 300;\n            opacity: 0.85;\n            text-wrap: balance;\n            margin: 0px;\n            color: white;\n            z-index: 1000;\n        }\n\n        .aplazo-steps__column-image {\n            display: block;\n            width: 100%;\n            height: 200px;\n            text-align: center;\n            z-index: 100;\n            overflow: hidden;\n        }\n\n        .aplazo-steps__column-image img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: cover;\n            object-position: center;\n        }\n\n        .aplazo-benefits__container {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            width: 100%;\n            margin-top: 10px;\n            text-align: center;\n        }\n\n        .aplazo-benefits__title {\n            font-size: 20px;\n            font-weight: 600;\n            background-color: #ffcc00;\n            color: #000;\n            border-radius: 20px;\n            padding-left: 10px;\n            padding-right: 10px;\n            margin: 0px;\n            margin-top: 5px;\n        }\n\n        .aplazo-benefits__columns {\n            padding-left: 27px;\n            padding-right: 27px;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n        }\n\n        .aplazo-benefits__benefit-container {\n            margin-top: 15px;\n        }\n\n        .aplazo-benefits__benefit-label {\n            font-size: 17px;\n            font-weight: 600;\n            margin: 0px;\n            line-height: 115%;\n        }\n\n        .aplazo-benefits__benefit-text {\n            font-size: 12px;\n            font-weight: 400;\n            margin: 0px;\n            text-wrap: balance;\n        }\n\n        .aplazo-footer {\n            width: 100%;\n        }\n\n        .aplazo-footer__container {\n            background-color: #7fedfa;\n            padding: 20px;\n            margin: 27px;\n            margin-bottom: 0px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 23px;\n            border-top-left-radius: 20px;\n            border-top-right-radius: 20px;\n        }\n\n        .aplazo-footer__cta {\n            background-color: black;\n            color: white;\n            border-radius: 99px;\n            padding: 10px 20px;\n            width: max-content;\n            font-size: 22px;\n            font-weight: 700;\n            margin: 0px;\n            text-decoration: none;\n        }\n\n        .aplazo-footer__text {\n            font-size: 12px;\n            text-align: center;\n            font-weight: 300;\n            margin: 0px;\n        }\n\n        .aplazo-close__button {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            cursor: pointer;\n            font-size: 24px;\n            color: #666;\n            z-index: 1000;\n        }\n\n        .aplazo-close__button:hover {\n            color: #000;\n        }\n    ",document.getElementById("aplazo-modal-styles")||document.head.appendChild(t),this.stylesInjected=!0}toggleModal(t){var e,n;const o=this.getAttribute("template");if(t&&o){const t=this.querySelector(o),n=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("#content");n&&t&&(n.innerHTML=t.innerHTML)}this.modalRef||(this.modalRef=null===(n=this.shadowRoot)||void 0===n?void 0:n.querySelector("#aplazo-simple-modal")),t?(this.injectGlobalStyles(),this.modalRef.style.display="block",document.body.appendChild(this.modalRef)):this.modalRef.style.display="none"}}e.ModalElement=i,customElements.get("aplazo-modal")||customElements.define("aplazo-modal",i)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.createTemplate=void 0;e.createTemplate=t=>{const e=document.createElement("template");return e.innerHTML=`\n<div>\n    <div class="trigger-container">\n    <slot name="trigger"></slot>\n    </div>\n\n    <div id="aplazo-simple-modal"\n    style="\n      display: none;\n      position: fixed;\n      z-index: 999999999999;\n      padding-top: 40px;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 99%;\n      overflow: auto;\n      background-color: rgb(0,0,0,0.2);\n      padding-bottom: 20px;\n      font-family: 'Manrope', sans-serif;\n      ">\n\n      <div style="\n      display: flex;\n      flex-direction: column;\n      width: min(850px, 90vw);\n      margin: auto;\n      border-radius: 8px;\n      background: white;\n      position: relative;\n      max-height: 90vh;\n      overflow-y: auto;">\n\n        \x3c!-- Close button --\x3e\n        <span\n            class="aplz-web-ui-close aplazo-close__button"\n            slot="close">\n                <aplazo-icon></aplazo-icon>\n                &times\n        </span>\n\n        \x3c!-- New modal content --\x3e\n        <div class="aplazo-modal-content">\n          <div class="aplazo-header__section">\n            <img\n                class="aplazo-hero__img"\n                src="https://cdn.aplazo.mx/widget/logo-colores-2025.svg"\n                alt="Logo Aplazo"\n            />\n            <h1 class="aplazo-hero__title">\n              Compra hoy y <span class="aplazo-hero__title--span">paga a plazos</span>\n            </h1>\n            <p class="aplazo-hero__subtitle">Sin tarjeta de crédito</p>\n\n            <p class="aplazo-description__text">\n              Con APLAZO te llevas lo que quieres y lo pagas poco a poco, en quincenas.\n            </p>\n          </div>\n\n          <div class="aplazo-steps__container">\n            <div class="aplazo-steps__column-container">\n              <div class="aplazo-steps__column">\n                <div>\n                  <div class="aplazo-steps__number-container">\n                    <p class="aplazo-steps__number">1</p>\n                  </div>\n\n                  <div class="aplazo-steps__column-text-container">\n                    <h3 class="aplazo-steps__column-text-title">Llena tu carrito</h3>\n                    <p class="aplazo-steps__column-text-paragraph">\n                      Agrega tus productos favoritos como siempre\n                    </p>\n                  </div>\n                </div>\n                <picture class="aplazo-steps__column-image">\n                  <source srcset="https://cdn.aplazo.mx/widget/step-1-new.webp" type="image/webp">\n                  <img\n                    alt="Paso 1"\n                    src="https://cdn.aplazo.mx/widget/step-1-new.png"\n                  />\n                </picture>\n              </div>\n\n              <div class="aplazo-steps__column">\n                <div>\n                  <div class="aplazo-steps__number-container">\n                    <p class="aplazo-steps__number">2</p>\n                  </div>\n\n                  <div class="aplazo-steps__column-text-container">\n                    <h3 class="aplazo-steps__column-text-title">Elige APLAZO al pagar</h3>\n                    <p class="aplazo-steps__column-text-paragraph">\n                      Crea tu cuenta en minutos y selecciona los plazos\n                    </p>\n                  </div>\n                </div>\n                <picture class="aplazo-steps__column-image">\n                  <source srcset="https://cdn.aplazo.mx/widget/step-2-new.webp" type="image/webp">\n                  <img\n                    alt="Paso 2"\n                    src="https://cdn.aplazo.mx/widget/step-2-new.png"\n                  />\n                </picture>\n              </div>\n\n              <div class="aplazo-steps__column">\n                <div>\n                  <div class="aplazo-steps__number-container">\n                    <p class="aplazo-steps__number">3</p>\n                  </div>\n\n                  <div class="aplazo-steps__column-text-container">\n                    <h3 class="aplazo-steps__column-text-title">Llévatelo al momento</h3>\n                    <p class="aplazo-steps__column-text-paragraph">\n                      Solo das un pago inicial y el resto va en quincenas\n                    </p>\n                  </div>\n                </div>\n                <picture class="aplazo-steps__column-image">\n                  <source srcset="https://cdn.aplazo.mx/widget/step-3-new.webp" type="image/webp">\n                  <img\n                    alt="Paso 3"\n                    src="https://cdn.aplazo.mx/widget/step-3-new.png"\n                  />\n                </picture>\n              </div>\n            </div>\n          </div>\n\n          <div class="aplazo-benefits__container">\n            <p class="aplazo-benefits__title">¿Por qué elegir APLAZO?</p>\n\n            <div class="aplazo-benefits__columns">\n              <div class="aplazo-benefits__benefit-container">\n                <h4 class="aplazo-benefits__benefit-label">Flexibilidad</h4>\n                <p class="aplazo-benefits__benefit-text">\n                  Paga a tu ritmo, en quincenas\n                </p>\n              </div>\n\n              <div class="aplazo-benefits__benefit-container">\n                <h4 class="aplazo-benefits__benefit-label">Rápido</h4>\n                <p class="aplazo-benefits__benefit-text">\n                  Registro y aprobación en solo 5 minutos\n                </p>\n              </div>\n\n              <div class="aplazo-benefits__benefit-container">\n                <h4 class="aplazo-benefits__benefit-label">\n                  Transparente\n                </h4>\n                <p class="aplazo-benefits__benefit-text">\n                  Sin letras chiquitas. Lo que ves es lo que pagas\n                </p>\n              </div>\n            </div>\n          </div>\n\n          <div class="aplazo-footer">\n            <div class="aplazo-footer__container">\n              <a class="aplazo-footer__cta" href="${t}"\n              target="_blank" rel="noopener noreferrer">Quiero mi cuenta</a>\n\n              <p class="aplazo-footer__text">\n                Aplican <a href="https://aplazo.mx/terms-and-conditions" target="_blank" rel="noopener noreferrer">TyC</a>. Más info en <a href="https://aplazo.mx" target="_blank" rel="noopener noreferrer">aplazo.mx</a>\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n</div>\n`,e}}]);