1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3390],{5475:function(n,e,t){t.d(e,{Z:function(){return x}});var o=t(5893),r=t(7294),i=t(1163),l=t(8075),a=t(7397),c=t(5678),s=t(8666),d=t(2784),m=t(3654),u=t(2729),h=t(964),f=t(2509);function p(){let n=(0,u._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n height: calc(100vh - ","rem);\n padding: ","rem;\n\n @media "," {\n width: calc(100vw - ","rem);\n height: 100vh;\n padding: ","rem;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-end;\n }\n\n &.small {\n width: 100%;\n\n @media "," {\n height: 100vh;\n width: calc(100vw - ","rem - 20vw);\n }\n }\n\n .scroll-to-start {\n position: absolute;\n left: ","rem;\n top: 0;\n width: 100vw;\n }\n\n .scroll-to-next {\n position: absolute;\n right: 0;\n top: 100%;\n width: 5px;\n height: 5px;\n\n @media "," {\n right: calc(-100vw + 11.25rem);\n top: 0;\n width: 100vw;\n height: 5px;\n }\n }\n\n .info {\n z-index: 1;\n\n @media "," {\n max-width: ","rem;\n }\n\n .title {\n color: #fff;\n font-size: ","rem;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n\n @media "," {\n font-size: ","rem;\n }\n }\n\n .paragraph {\n color: #fff;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n margin-top: ","rem;\n\n @media "," {\n font-size: ","rem;\n }\n }\n\n .products-link {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: ","rem;\n background-color: #b42b3d;\n width: 100%;\n height: ","rem;\n margin-top: ","rem;\n cursor: pointer;\n\n @media "," {\n width: ","rem;\n }\n\n &:hover {\n opacity: 0.8;\n }\n\n span {\n color: #fff;\n font-size: ","rem;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n\n svg {\n width: ","rem;\n height: auto;\n\n path {\n fill: #fff;\n stroke-width: 0.5px;\n stroke: #fff;\n }\n }\n }\n }\n\n .buttons {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n z-index: 1;\n margin-top: ","rem;\n\n @media "," {\n gap: ","rem;\n margin-top: 0;\n }\n\n .allProductsList {\n border-left: 4px solid #b42b3d;\n background: #fff;\n padding: ","rem ","rem;\n\n .title {\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n }\n\n .products {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n margin-top: ","rem;\n\n .product {\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n line-height: normal;\n }\n }\n }\n\n button {\n display: flex;\n justify-content: space-between;\n gap: ","rem;\n padding: ","rem ","rem;\n width: 100%;\n border: none;\n color: #fff;\n font-size: ","rem;\n font-weight: 600;\n cursor: pointer;\n\n @media "," {\n min-width: ","rem;\n width: auto;\n }\n\n &.calculate {\n background-color: #b42b3d;\n \n @media "," {\n &:hover {\n background-color: #be293d;\n }\n }\n }\n\n &.quote {\n background-color: #56565b;\n\n @media "," {\n &:hover {\n background-color: #4d4d53;\n }\n }\n }\n\n svg {\n stroke: #fff;\n }\n }\n }\n\n .shadow-bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 400px;\n background: linear-gradient(180deg, rgba(40, 40, 40, 0) 0%, rgba(40, 40, 40, 0.65) 45%, rgba(40, 40, 40, 0.9) 70%, rgba(40, 40, 40, 1) 90%);\n\n @media "," {\n height: 15vw;\n }\n }\n"]);return p=function(){return n},n}let g=h.ZP.div(p(),3.625,1.5,f.Td.md,11.25,3.75,f.Td.md,11.25,-11.25,f.Td.md,f.Td.md,30,1.5,f.Td.md,2,1.125,1.25,f.Td.md,1.5,9/16,3.125,17/16,f.Td.md,329/16,1.125,1.5,1,1,f.Td.md,1.5,13/16,1,1.125,1.375,5/16,.5,1.125,1,.875,1.875,1.125,f.Td.md,329/16,f.Td.md,f.Td.md,f.Td.md);var x=n=>{let{type:e,showButton:t=!1,ctaTitle:u,showSecondaryBtn:h=!1,secondaryBtn:f,scrollToSection:p=""}=n,x=(0,i.useRouter)(),{page:w,products:b}=(0,r.useContext)(s.Xp),{userRole:j}=(0,r.useContext)(s.vQ),{hero_image:v}
1=w,{setProductParams:y,setStep:k,localStorageProducts:N,setErrors:z,setProductsSelected:T,setProductSelected:C}=(0,r.useContext)(s.$V),{width:_}=(0,c.iP)(),P=_<1080,{scroll:Q}=(0,l.lh)(),q=(0,d.Z)(),Z=(n,e)=>{y(t=>({...t,[n]:e})),P||k(2),z([]),"cotizar"==e&&N.length>0&&(T(N),C(b.find(n=>n.title===N[0].title)),y(N[0])),S(e),Q.scrollTo("#scroll-to-next")},S=n=>{(0,m.q)("calculator_flow_tracking",{calculator_flow_tracking:"cotizar"==n?"Solo cotiza":"Calcula y cotiza",user_type:j})},A=()=>{Q.scrollTo("#scroll-to-next")},D=n=>{Q.scrollTo("#".concat(n))},F={calculateAnotherProduct:"en"===q?"Calculate another product":"Calcular otro producto",quoteAnotherProduct:"en"===q?"Quote another product":"Cotizar otro producto"};return(0,o.jsx)(o.Fragment,{children:v&&(0,o.jsxs)(g,{style:{backgroundImage:'url("'.concat(v.image.url,'")'),backgroundSize:"cover",backgroundPosition:"50% 78%",backgroundRepeat:"no-repeat"},"data-scroll":!0,"data-scroll-class":"in-view",className:"".concat("soluciones"==e&&"small"),children:[(0,o.jsx)("div",{id:"scroll-to-next",className:"scroll-to-next"}),(0,o.jsxs)("div",{className:"info top-to-bottom",children:[(0,o.jsx)("h1",{className:"title",children:v.title}),(0,o.jsx)("div",{className:"paragraph",dangerouslySetInnerHTML:{__html:v.text}}),"soluciones"==e&&(0,o.jsxs)("button",{type:"button",className:"products-link",onClick:()=>Q.scrollTo("#scroll-to-content"),children:[(0,o.jsx)("span",{children:"en"===q?"View Solutions":"Ver soluciones"}),(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]})]}),t&&(0,o.jsxs)("div",{className:"buttons appear",children:[(0,o.jsxs)("button",{type:"button",className:"calculate",onClick:()=>A(),children:[(0,o.jsx)("span",{children:u}),(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg"})]}),h&&(0,o.jsxs)("button",{type:"button",className:"quote",onClick:()=>D(p),children:[(0,o.jsx)("span",{children:f}),(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg"})]})]}),"calculator"==e&&(0,o.jsx)("div",{className:"buttons appear",children:N.length>0?(0,o.jsxs)(o.Fragment,{children:[!P&&(0,o.jsxs)("div",{className:"allProductsList",children:[(0,o.jsx)("span",{className:"title",children:"en"===q?"Already calculated:":"Ya calculado:"}),(0,o.jsx)("div",{className:"products",children:N.map((n,e)=>{let{producto:t}=n;return(0,o.jsx)("span",{className:"product",dangerouslySetInnerHTML:{__html:t}},"".concat(e,"-").concat(t))})})]}),"calcular-cotizar"==N[0].flujo&&(0,o.jsxs)("button",{type:"button",className:"calculate",onClick:()=>Z("flujo","calcular-cotizar"),children:[(0,o.jsx)("span",{children:F.calculateAnotherProduct}),(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg"})]}),"cotizar"==N[0].flujo&&(0,o.jsxs)("button",{type:"button",className:"quote",onClick:()=>Z("flujo","cotizar"),children:[(0,o.jsx)("span",{children:F.quoteAnotherProduct}),(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg"})]})]}):!x.query.flujo&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("button",{type:"button",className:"calculate",onClick:()=>Z("flujo","calcular-cotizar"),children:[(0,o.jsx)("span",{children:(0,o.jsx)("span",{children:"en"===q?"Calculate and quote":"Calcular y cotizar"})}),(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg"})]}),(0,o.jsxs)("button",{type:"button",className:"quote",onClick:()=>Z("flujo","cotizar"),children:[(0,o.jsx)("span",{children:"en"===q?"Quote only":"Solo cotizar"}),(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg"})]})]})}),(0,o.jsx)("div",{className:"shadow-bottom"})]})})}},8438:function(n,e,t){t.d(e,{Z:function(){return f}});var o=t(5893),r=t(7294),i=t(5678),l=t(8666),a=t(2784),c=t(2729),s=t(964),d=t(2509);function m(){let n=(0,c._)(["\n position: relative;\n display: flex;\n width: 100vw;\n\n .scroll-to-content {\n position: absolute;\n left: 0;\n top: 0;\n height: 1px;\n @media "," {\n left: -11.25rem;\n }\n }\n\n .col {\n background-color: #fff;\n padding: ","rem ","rem;\n\n @media "," {\n width: 100%;\n padding: ","rem;\n }\n\n .number {\n color: #fff;\n font-size: ","rem;\n font-weight: 500;\n line-height: normal;\n }\n }\n\n .products-link {\n display: flex;
1\n align-items: center;\n justify-content: center;\n gap: ","rem;\n background-color: #b42b3d;\n width: 100%;\n height: ","rem;\n margin-top: ","rem;\n cursor: pointer;\n padding: 0 1rem;\n\n @media "," {\n width: auto;\n }\n\n &:hover {\n opacity: 0.8;\n }\n\n span {\n color: #fff;\n font-size: ","rem;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n }\n\n .file {\n display: flex;\n flex-direction: column;\n align-items: center;\n flex: 0 0 auto;\n .content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n max-width: 10rem;\n @media "," {\n max-width: 11rem;\n }\n\n img {\n max-width: 10rem;\n @media "," {\n max-width: 11rem;\n }\n }\n h3 {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-align: center;\n font-weight: 600 !important;\n font-size: 0.9rem;\n }\n }\n }\n\n .options-list {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n border-right: 1px solid rgba(255, 255, 255, 0.4);\n\n .content {\n h2 {\n color: #000000;\n font-size: ","rem;\n font-weight: 500;\n letter-spacing: ","rem;\n font-weight: bold;\n }\n\n p {\n color: #fff;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n margin-top: ","rem;\n }\n\n .options-container {\n margin-top: ","rem;\n min-height: 40vh;\n\n span {\n color: #fff;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n }\n\n .options {\n display: flex;\n flex-wrap: wrap;\n margin-top: ","rem;\n gap: ","rem;\n justify-content: flex-start;\n\n @media "," {\n justify-content: center;\n flex-wrap: nowrap;\n }\n\n .country-files {\n display: flex;\n margin-top: 1.875rem;\n gap: 1.875rem;\n justify-content: center;\n flex-direction: row;\n flex-wrap: wrap;\n\n @media "," {\n justify-content: center;\n flex-wrap: nowrap;\n }\n }\n .option {\n display: flex;\n justify-content: space-between;\n cursor: pointer;\n\n span {\n font-weight: 400;\n }\n\n .arrow-icon {\n fill: #e6e6e6;\n width: ","rem;\n height: auto;\n }\n\n &.selected {\n span {\n font-weight: 600;\n color: #b42b3d;\n }\n\n .arrow-icon {\n fill: #b42b3d;\n stroke: #b42b3d;\n }\n }\n }\n }\n }\n }\n }\n"]);return m=function(){return n},n}let u=s.ZP.section(m(),d.Td.md,3,1.5,d.Td.md,3.75,2,9/16,3.125,17/16,d.Td.md,1.125,d.Td.md,d.Td.md,1.5,-.015,1,1.375,1.875,3.75,1.125,1.375,1.875,1.875,d.Td.md,d.Td.md,1.5);var h=n=>{let{docs:e}=n,t=(0,a.Z)();return console.log(e),(0,o.jsxs)(u,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:[(0,o.jsx)("div",{id:"scroll-to-content-documentacion",className:"scroll-to-content"}),(0,o.jsx)("div",{className:"col options-list",children:(0,o.jsxs)("div",{className:"content appear",children:[(0,o.jsx)("h2",{children:"en"===t?"Documentation":"Documentaci\xf3n"}),(0,o.jsx)("div",{className:"options-container",children:(0,o.jsx)("div",{className:"options",children:e.map((n,e)=>{var r;return(0,o.jsxs)("div",{className:"country-group",children:[(0,o.jsx)("h3",{className:"country-title",children:n.countries}),(0,o.jsx)("div",{className:"country-files",children:null===(r=n.files)||void 0===r?void 0:r.map((n,e)=>{var r;return(0,o.jsxs)("div",{className:"file",onClick:()=>{},children:[(0,o.jsxs)("div",{className:"content",children:[(0,o.jsx)("img",{src:n.thumbnail,alt:n.title}),(0,o.jsx)("h3",{children:n.title})]}),(0,o.jsx)("a",{type:"button",className:"products-link",href:null===(r=n.file)||void 0===r?void 0:r.url,target:"_blank",rel:"noreferrer",download:!0,children:(0,o.jsx)("span",{children:"en"===t?"Download":"Descargar"})})]},"".concat(n.title,"-").concat(e))})})]},"".concat(n.countries,"-").concat(e))})})})]})})]})},f=()=>{let{page:n}=(0,r.useContext)(l.Xp),{paises:e}=n,{width:t}=(0,i.iP)(),{userRole:a}=(0,r.useContext)(l.vQ);return(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(h,{docs:e})})}},504:function(n,e,t){t.d(e,{C:function(){return a}});var o=t(2729),r=t(964),i=t(2509);function l(){let n=(0,o._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n @media "," {\n flex-direction: row;\n overflow: initial;\n }\n"]);return l=function(){return n},n}let a=r.ZP.section(l(),i.Td.md)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.