1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5405],{8312:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(85)}])},5677:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(n,e){for(var t in e)Object.defineProperty(n,t,{enumerable:!0,get:e[t]})}(e,{noSSR:function(){return l},default:function(){return o}});let r=t(8754),a=(t(7294),r._(t(8976)));function i(n){return{default:(null==n?void 0:n.default)||n}}function l(n,e){return delete e.webpack,delete e.modules,n(e)}function o(n,e){let t=a.default,r={loading:n=>{let{error:e,isLoading:t,pastDelay:r}=n;return null}};n instanceof Promise?r.loader=()=>n:"function"==typeof n?r.loader=n:"object"==typeof n&&(r={...r,...n}),r={...r,...e};let o=r.loader;return(r.loadableGenerated&&(r={...r,...r.loadableGenerated},delete r.loadableGenerated),"boolean"!=typeof r.ssr||r.ssr)?t({...r,loader:()=>null!=o?o().then(i):Promise.resolve(i(()=>null))}):(delete r.webpack,delete r.modules,l(t,r))}("function"==typeof e.default||"object"==typeof e.default&&null!==e.default)&&void 0===e.default.__esModule&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)},2254:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"LoadableContext",{enumerable:!0,get:function(){return i}});let r=t(8754),a=r._(t(7294)),i=a.default.createContext(null)},8976:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return f}});let r=t(8754),a=r._(t(7294)),i=t(2254),l=[],o=[],s=!1;function d(n){let e=n(),t={loading:!0,loaded:null,error:null};return t.promise=e.then(n=>(t.loading=!1,t.loaded=n,n)).catch(n=>{throw t.loading=!1,t.error=n,n}),t}class u{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};let{_res:n,_opts:e}=this;n.loading&&("number"==typeof e.delay&&(0===e.delay?this._state.pastDelay=!0:this._delay=setTimeout(()=>{this._update({pastDelay:!0})},e.delay)),"number"==typeof e.timeout&&(this._timeout=setTimeout(()=>{this._update({timedOut:!0})},e.timeout))),this._res.promise.then(()=>{this._update({}),this._clearTimeouts()}).catch(n=>{this._update({}),this._clearTimeouts()}),this._update({})}_update(n){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...n},this._callbacks.forEach(n=>n())}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(n){return this._callbacks.add(n),()=>{this._callbacks.delete(n)}}constructor(n,e){this._loadFn=n,this._opts=e,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}}function c(n){return function(n,e){let t=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},e),r=null;function l(){if(!r){let e=new u(n,t);r={getCurrentValue:e.getCurrentValue.bind(e),subscribe:e.subscribe.bind(e),retry:e.retry.bind(e),promise:e.promise.bind(e)}}return r.promise()}if(!s){let n=t.webpack?t.webpack():t.modules;n&&o.push(e=>{for(let t of n)if(e.includes(t))return l()})}function d(n,e){!function(){l();let n=a.default.useContext(i.LoadableContext);n&&Array.isArray(t.modules)&&t.modules.forEach(e=>{n(e)})}();let o=a.default.useSyncExternalStore(r.subscribe,r.getCurrentValue,r.getCurrentValue);return a.default.useImperativeHandle(e,()=>({retry:r.retry}),[]),a.default.useMemo(()=>{var e;return o.loading||o.error?a.default.createElement(t.loading,{isLoading:o.loading,pastDelay:o.pastDelay,timedOut:o.timedOut,error:o.error,retry:r.retry}):o.loaded?a.default.createElement((e=o.loaded)&&e.default?e.default:e,n):null},[n,o])}return d.preload=()=>l(),d.displayName="LoadableComponent",a.default.forwardRef(d)}(d,n)}function m(n,e){let t=[];for(;n.length;){let r=n.pop();t.push(r(e))}return Promise.all(t).then(()=>{if(n.length)return m(n,e)})}c.preloadAll=()=>new Promise((n,e)=>{m(l).then(n,e)}),c.preloadReady=n=>(void 0===n&&(n=[]),new Promise(e=>{let t=()=>(s=!0,e());m(o,n).then(t,t)})),window.__NEXT_PRELOADREADY=c.preloadReady;let f=c},261:function(n,e,t){"use strict";t.d(e,{Z:function(){return w}});var r=t(5893),a=t(7294),i=t(5675),l=t.n(i),o=t(1664),s=t.n(o),d=t(7397),u=t(8666),c=t(2784),m=t(2729),f=t(964),h=t(2509);function p(){let n=(0,m._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n padding: ","rem ","rem;\n\n @media "," {\n width: calc(50vw - 5.652rem);\n padding: ","rem;\n }\n\n h2 {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n\n .calculator-steps {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n margin-top: ","rem;\n\n @media "," {\n gap: ","rem;\n margin-top: ","rem;\n }\n\n .steps {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: ","rem;\n border-bottom: 1px solid rgba(86, 86, 91, 0.4);\n padding-bottom: ","rem;\n\n &:last-child {\n border: none;\n padding-bottom: 0;\n }\n\n @media "," {\n flex-direction: row;\n gap: ","rem;\n border: none;\n padding: initial;\n }\n\n .info {\n width: 100%;\n\n @media "," {\n width: initial;\n }\n\n span {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n }\n\n p {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: ","rem;\n margin: 0;\n margin-top: ","rem;\n\n @media "," {\n margin-top: ","rem;\n }\n }\n }\n\n .image {\n width: 100%;\n height: auto;\n\n @media "," {\n width: ","rem;\n }\n }\n }\n }\n\n .calculator-link {\n display: flex;
1\n align-items: center;\n gap: ","rem;\n margin-top: ","rem;\n\n @media "," {\n margin-top: auto;\n }\n\n span {\n color: #b42b3d;\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\n path {\n fill: #b42b3d;\n }\n }\n"]);return p=function(){return n},n}let g=f.ZP.div(p(),3,1.5,h.Td.md,3.75,1.5,2,2,h.Td.md,27/16,15/16,1,1.875,h.Td.md,1.75,h.Td.md,1.5,1,1.375,1.25,h.Td.md,.625,h.Td.md,77/16,1.25,2,h.Td.md,1,1.5);var _=()=>{let{page:n}=(0,a.useContext)(u.Xp),e=(0,c.Z)(),{calculator_instructions:t}=n;return(0,r.jsx)(r.Fragment,{children:n&&(0,r.jsxs)(g,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:[(0,r.jsx)("h2",{className:"appear",children:"en"===e?"Material Calculator:":"Calculadora de materiales:"}),(0,r.jsx)("div",{className:"calculator-steps",children:t.map(n=>{let{step:e,text:t,image:a}=n;return(0,r.jsxs)("div",{className:"steps",children:[(0,r.jsxs)("div",{className:"info top-to-bottom",children:[(0,r.jsx)("span",{className:"quicksand",children:e}),(0,r.jsx)("p",{className:"paragraph",dangerouslySetInnerHTML:{__html:t}})]}),(0,r.jsx)(l(),{src:a.url,alt:"phone step",width:a.width,height:a.height,className:"image right-to-left"})]},e)})}),(0,r.jsxs)(s(),{href:"en"===e?"/en/calculator":"/calculadora",className:"calculator-link appear",children:[(0,r.jsx)("span",{children:"en"===e?"Go to calculator":"Ir a la calculadora"}),(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]})]})})};function b(){let n=(0,m._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n background-color: #56565b;\n width: 100%;\n padding: ","rem ","rem;\n\n @media "," {\n width: calc(100vw - ","rem);\n padding: ","rem;\n }\n\n .title {\n color: #fff;\n font-size: ","rem;\n font-weight: 500;\n }\n\n .description {\n color: #fff;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n margin-top: ","rem;\n }\n\n .steps-container {\n position: relative;\n display: grid;\n grid-template-columns: 1fr;\n align-items: flex-end;\n justify-content: space-between;\n gap: ","rem;\n margin-top: ","rem;\n\n @media "," {\n grid-template-columns: 45% 45%;\n gap: initial;\n row-gap: ","rem;\n margin-top: ","rem;\n }\n\n .step {\n position: relative;\n\n @media "," {\n &.left {\n .info {\n justify-content: flex-end;\n .phone-image {\n left: ","rem;\n }\n }\n }\n\n &.right {\n .info {\n justify-content: flex-start;\n .phone-image {\n right: ","rem;\n }\n }\n }\n }\n\n .number {\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 line-height: normal;\n }\n }\n\n .info {\n display: flex;\n flex-direction: column-reverse;\n\n @media "," {\n background-color: #d9d9d9;\n height: auto;\n min-height: 7.396vw;\n padding: ","rem;\n margin-top: ","rem;\n flex-direction: initial;\n }\n\n .phone-image {\n width: 70%;\n height: auto;\n margin: auto;\n margin-top: ","rem;\n\n @media "," {\n position: absolute;\n top: 0;\n width: ","rem;\n margin-top: 0;\n }\n }\n\n .paragraph {\n color: #ffffff;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n margin-top: ","rem;\n\n @media "," {\n color: #282828;\n font-size: ","rem;\n line-height: normal;\n max-width: 66%;\n margin-top: 0;\n }\n }\n }\n }\n\n .divider {\n display: none;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n height: 100%;\n width: 1px;\n background-color: rgba(255, 255, 255, 0.4);\n\n @media "," {\n display: block;\n }\n }\n }\n\n .link {\n display: flex;\n justify-content: center;\n background-color: #b42b3d;\n padding: ","rem;\n margin-top: ","rem;\n transition: all 0.3s;\n\n @media "," {\n height: auto;\n min-height: 7.396vw;\n }\n\n &:hover {\n background-color: #a7293a;\n }\n\n div {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: ","rem;\n\n span {\n color: #ffffff;\n font-size: ","rem;\n font-weight: 600;\n }\n\n svg {\n width: ","rem;\n height: auto;\n\n path {\n stroke: #ffffff;\n }\n }\n }\n }\n"]);return b=function(){return n},n}let x=f.ZP.div(b(),3,1.5,h.Td.md,26.625,3.75,1.5,1,1.375,2,2,2,h.Td.md,29/16,2.875,h.Td.md,53/16,.875,1.5,h.Td.md,2,h.Td.md,1,1.75,1.25,h.Td.md,6.6875,1,1.375,1,h.Td.md,13/16,h.Td.md,1,1.75,h.Td.md,1.5,1,1.5);var y=()=>{let{page:n}=(0,a.useContext)(u.Xp),e=(0,c.Z)();return(0,r.jsx)(r.Fragment,{children:n&&(0,r.jsxs)(x,{children:[(0,r.jsx)("h2",{className:"title top-to-bottom",children:"en"===e?"Material Calculator":"Calculadora de materiales"}),(0,r.jsx)("p",{className:"description appear",children:"en"===e?"List of materials for your project.":"Listado de materiales para tu proyecto."}),(0,r.jsx)("div",{className:"steps-container appear",children:(0,r.jsxs)(r.Fragment,{children:[n.products_calculadora.map((n,e)=>{let{step:t,text:a,image:i}=n;return(0,r.jsxs)("div",{className:"step ".concat(e%4==0||e%4==1?"right":"left"),children:[(0,r.jsx)("span",{className:"number quicksand",children:t}),(0,r.jsxs)("div",{className:"info",children:[(0,r.jsx)(l(),{src:i.url,alt:i.alt,width:i.width,height:i.height,className:"phone-image"}),(0,r.jsx)("div",{className:"paragraph",dangerouslySetInnerHTML:{__html:a}})]})]},e)}),(0,r.jsx)(s(),{href:"en"===e?"/en/calculator":"/calculadora",className:"link top-to-bottom",children:(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{children:"en"===e?"Go to calculator":"Ir a la calculadora"}),(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]})}),(0,r.jsx)("div",{className:"divider"})]})})]})})},w=n=>{let{type:e="homepage"}=n;return(0,r.jsxs)(r.Fragment,{children:["homepage"==e&&(0,r.jsx)(_,{}),"soluciones"==e&&(0,r.jsx)(y,{})]})}},85:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return h}});var r=t(5893),a=t(9008),i=t.n(a),l=t(5935),o=t(1814),s=t(261),d=t(6661),u=t(3492),c=t(204),m=t(8666),f=t(3928),h=!0;e.default=n=>{let{yoast:e,page:t,products:a}=n;return(0,r.jsxs)(m.Xp.Provider,{value:{page:t,products:a},children:[(0,r.jsx)(i(),{children:(0,l.ZP)(e)}),(0,r.jsxs)(f.u,{children:[(0,r.jsx)(u.Z,{}),(0,r.jsx)(c.Z,{}),(0,r.jsx)(s.Z,{type:"homepage"}),(0,r.jsx)(d.Z,{type:"grid"}),(0,r.jsx)(o.Z,{})]})]})}},5152:function(n,e,t){n.exports=t(5677)}},function(n){n.O(0,[5935,4856,8096,9774,2888,179],function(){return n(n.s=8312)}
1),_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.