1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5982],{9848:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/en/product/[slug]",function(){return e(7759)}])},5475:function(n,t,e){"use strict";e.d(t,{Z:function(){return x}});var o=e(5893),r=e(7294),l=e(1163),i=e(8075),a=e(7397),c=e(5678),s=e(8666),d=e(2784),u=e(3654),h=e(2729),m=e(964),g=e(2509);function f(){let n=(0,h._)(["\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 f=function(){return n},n}let p=m.ZP.div(f(),3.625,1.5,g.Td.md,11.25,3.75,g.Td.md,11.25,-11.25,g.Td.md,g.Td.md,30,1.5,g.Td.md,2,1.125,1.25,g.Td.md,1.5,9/16,3.125,17/16,g.Td.md,329/16,1.125,1.5,1,1,g.Td.md,1.5,13/16,1,1.125,1.375,5/16,.5,1.125,1,.875,1.875,1.125,g.Td.md,329/16,g.Td.md,g.Td.md,g.Td.md);var x=n=>
1{let{type:t,showButton:e=!1,ctaTitle:h,showSecondaryBtn:m=!1,secondaryBtn:g,scrollToSection:f=""}=n,x=(0,l.useRouter)(),{page:b,products:j}=(0,r.useContext)(s.Xp),{userRole:w}=(0,r.useContext)(s.vQ),{hero_image:v}=b,{setProductParams:y,setStep:k,localStorageProducts:_,setErrors:N,setProductsSelected:z,setProductSelected:T}=(0,r.useContext)(s.$V),{width:C}=(0,c.iP)(),P=C<1080,{scroll:Q}=(0,i.lh)(),q=(0,d.Z)(),S=(n,t)=>{y(e=>({...e,[n]:t})),P||k(2),N([]),"cotizar"==t&&_.length>0&&(z(_),T(j.find(n=>n.title===_[0].title)),y(_[0])),Z(t),Q.scrollTo("#scroll-to-next")},Z=n=>{(0,u.q)("calculator_flow_tracking",{calculator_flow_tracking:"cotizar"==n?"Solo cotiza":"Calcula y cotiza",user_type:w})},A=()=>{Q.scrollTo("#scroll-to-next")},E=n=>{Q.scrollTo("#".concat(n))},V={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)(p,{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"==t&&"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"==t&&(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"})]})]}),e&&(0,o.jsxs)("div",{className:"buttons appear",children:[(0,o.jsxs)("button",{type:"button",className:"calculate",onClick:()=>A(),children:[(0,o.jsx)("span",{children:h}),(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg"})]}),m&&(0,o.jsxs)("button",{type:"button",className:"quote",onClick:()=>E(f),children:[(0,o.jsx)("span",{children:g}),(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg"})]})]}),"calculator"==t&&(0,o.jsx)("div",{className:"buttons appear",children:_.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:_.map((n,t)=>{let{producto:e}=n;return(0,o.jsx)("span",{className:"product",dangerouslySetInnerHTML:{__html:e}},"".concat(t,"-").concat(e))})})]}),"calcular-cotizar"==_[0].flujo&&(0,o.jsxs)("button",{type:"button",className:"calculate",onClick:()=>S("flujo","calcular-cotizar"),children:[(0,o.jsx)("span",{children:V.calculateAnotherProduct}),(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg"})]}),"cotizar"==_[0].flujo&&(0,o.jsxs)("button",{type:"button",className:"quote",onClick:()=>S("flujo","cotizar"),children:[(0,o.jsx)("span",{children:V.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:()=>S("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:()=>S("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"})]})})}},7759:function(n,t,e){"use strict";e.r(t),e.d(t,{__N_SSP:function(){return m}});var o=e(5893),r=e(9008),l=e.n(r),i=e(1163),a=e(5935),c=e(261),s=e(5475),d=e(8345),u=e(8666),h=e(1021),m=!0;t.default=n=>{let{yoast:t,page:e,products:r,initialProduct:m}=n;return(0,i.useRouter)(),(0,o.jsxs)(u.Xp.Provider,{value:{page:e,products:r},children:[(0,o.jsx)(l(),{children:(0,a.ZP)(t)}),(0,o.jsxs)(h.V,{children:[(0,o.jsx)(s.Z,{type:"soluciones"}),(0,o.jsx)(d.Z,{page:"soluciones",initialProduct:m}),(0,o.jsx)(c.Z,{type:"soluciones"})]})]})}},1021:function(n,t,e){"use strict";e.d(t,{V:function(){return a}});var o=e(2729),r=e(964),l=e(2509);function i(){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 }\n"]);return i=function(){return n},n}let a=r.ZP.section(i(),l.Td.md)}},function(n){n.O(0,[5935,4856,8294,9450,9774,2888,179],function(){return n(n.s=9848)}),_N_E=n.O()}]);
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.