1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9450],{261:function(n,e,t){t.d(e,{Z:function(){return b}});var i=t(5893),r=t(7294),a=t(5675),o=t.n(a),s=t(1664),l=t.n(s),c=t(7397),d=t(8666),m=t(2784),h=t(2729),p=t(964),u=t(2509);function g(){let n=(0,h._)(["\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;\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 g=function(){return n},n}let f=p.ZP.div(g(),3,1.5,u.Td.md,3.75,1.5,2,2,u.Td.md,27/16,15/16,1,1.875,u.Td.md,1.75,u.Td.md,1.5,1,1.375,1.25,u.Td.md,.625,u.Td.md,77/16,1.25,2,u.Td.md,1,1.5);var x=()=>{let{page:n}=(0,r.useContext)(d.Xp),e=(0,m.Z)(),{calculator_instructions:t}=n;return(0,i.jsx)(i.Fragment,{children:n&&(0,i.jsxs)(f,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:[(0,i.jsx)("h2",{className:"appear",children:"en"===e?"Material Calculator:":"Calculadora de materiales:"}),(0,i.jsx)("div",{className:"calculator-steps",children:t.map(n=>{let{step:e,text:t,image:r}=n;return(0,i.jsxs)("div",{className:"steps",children:[(0,i.jsxs)("div",{className:"info top-to-bottom",children:[(0,i.jsx)("span",{className:"quicksand",children:e}),(0,i.jsx)("p",{className:"paragraph",dangerouslySetInnerHTML:{__html:t}})]}),(0,i.jsx)(o(),{src:r.url,alt:"phone step",width:r.width,height:r.height,className:"image right-to-left"})]},e)})}),(0,i.jsxs)(l(),{href:"en"===e?"/en/calculator":"/calculadora",className:"calculator-link appear",children:[(0,i.jsx)("span",{children:"en"===e?"Go to calculator":"Ir a la calculadora"}),(0,i.jsx)(c.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]})]})})};function j(){let n=(0,h._)(["\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;
1\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 j=function(){return n},n}let w=p.ZP.div(j(),3,1.5,u.Td.md,26.625,3.75,1.5,1,1.375,2,2,2,u.Td.md,29/16,2.875,u.Td.md,53/16,.875,1.5,u.Td.md,2,u.Td.md,1,1.75,1.25,u.Td.md,6.6875,1,1.375,1,u.Td.md,13/16,u.Td.md,1,1.75,u.Td.md,1.5,1,1.5);var v=()=>{let{page:n}=(0,r.useContext)(d.Xp),e=(0,m.Z)();return(0,i.jsx)(i.Fragment,{children:n&&(0,i.jsxs)(w,{children:[(0,i.jsx)("h2",{className:"title top-to-bottom",children:"en"===e?"Material Calculator":"Calculadora de materiales"}),(0,i.jsx)("p",{className:"description appear",children:"en"===e?"List of materials for your project.":"Listado de materiales para tu proyecto."}),(0,i.jsx)("div",{className:"steps-container appear",children:(0,i.jsxs)(i.Fragment,{children:[n.products_calculadora.map((n,e)=>{let{step:t,text:r,image:a}=n;return(0,i.jsxs)("div",{className:"step ".concat(e%4==0||e%4==1?"right":"left"),children:[(0,i.jsx)("span",{className:"number quicksand",children:t}),(0,i.jsxs)("div",{className:"info",children:[(0,i.jsx)(o(),{src:a.url,alt:a.alt,width:a.width,height:a.height,className:"phone-image"}),(0,i.jsx)("div",{className:"paragraph",dangerouslySetInnerHTML:{__html:r}})]})]},e)}),(0,i.jsx)(l(),{href:"en"===e?"/en/calculator":"/calculadora",className:"link top-to-bottom",children:(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:"en"===e?"Go to calculator":"Ir a la calculadora"}),(0,i.jsx)(c.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]})}),(0,i.jsx)("div",{className:"divider"})]})})]})})},b=n=>{let{type:e="homepage"}=n;return(0,i.jsxs)(i.Fragment,{children:["homepage"==e&&(0,i.jsx)(x,{}),"soluciones"==e&&(0,i.jsx)(v,{})]})}},8345:function(n,e,t){t.d(e,{Z:function(){return nl}});var i=t(5893),r=t(7294),a=t(9332),o=t(1163),s=t(8075),l=t(5678),c=t(8666),d=t(3654),m=t(5675),h=t.n(m),p=t(2784),u=t(2729),g=t(964),f=t(2509);function x(){let n=(0,u._)(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: ","rem ","rem;\n color: #282828;\n width: 100%;\n\n @media "," {\n justify-content: flex-start;\n padding: ","rem;\n width: 55vw;\n }\n\n .measurement-table {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n\n h2.product {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n\n .paragraph {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: ","rem;\n * {\n display: inline;\n }\n }\n\n table {\n font-family: Arial, Helvetica, sans-serif;\n border-collapse: collapse;\n width: 100%;\n border: 2px solid #b42b3d;\n text-align: center;\n margin: auto;\n margin-top: ","rem;\n font-size: ","rem;\n font-style: normal;\n line-height: ","rem;\n\n @media "," {\n font-size: ","rem;\n line-height: ","rem;\n }\n\n td,\n th {\n border: 1px solid #e6e6e6;\n padding: ","rem;\n width: 20%;\n\n @media "," {\n width: ","rem;\n }\n }\n\n tr:nth-child(even) {\n background-color: rgba(230, 230, 230, 0.2);\n }\n\n th {\n text-align: left;\n background-color: #b42b3d;\n color: white;\n font-weight: 600;\n text-align: center;\n }\n }\n\n .image {\n display: flex;\n justify-content: center;\n max-height: ","rem;\n margin-top: ","rem;\n\n @media "," {\n display: flex;\n justify-content: center;\n margin: 1rem -3.5rem -2.75rem;\n height: 100%;\n max-height: 24rem;\n }\n\n img {\n height: auto;\n width: 100%;\n object-fit: contain;\n aspect-ratio: 4;\n }\n }\n }\n"]);return x=function(){return n},n}let j=g.ZP.section(x(),3.125,1.5,f.Td.md,3.75,1.5,1,1.375,2,13/16,1.125,f.Td.md,1,1.375,.5,f.Td.md,9.5,18.125,2,f.Td.md);var w=()=>{let{page:n,productSelected:e}=(0,r.useContext)(c.TP),t=(0,p.Z)(),a={estilo:"en"===t?"Style":"Estilo",espesor:"en"===t?"Thickness (mm)":"Espesor (mm)",ancho:"en"===t?"Width (mm)":"Ancho (mm)",largo:"en"===t?"Length (mm)":"Largo (mm)",capacidad:"en"===t?"Capacity (liters)":"Capacidad (litros)",peso:"en"===t?"Weight (kg)":"Peso (kg)",peso_tricapa:"en"===t?"Tri-layer Weight (kg)":"Peso Tricapa (kg)",peso_bicapa:"en"===t?"Bi-layer Weight (kg)":"Peso Bicapa (kg)"};return(0,i.jsx)(i.Fragment,{children:"soluciones"==n&&(0,i.jsx)(j,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:(0,i.jsxs)("div",{className:"measurement-table ",children:[e.acf.product_description_2&&(0,i.jsx)("div",{className:"paragraph appear",dangerouslySetInnerHTML:{__html:"<strong>".concat(e.title,"</strong> ").concat(e.acf.product_description_2)}}),(0,i.jsxs)("table",{className:"appear",children:[(0,i.jsx)("thead",{children:(0,i.jsx)("tr",{children:e.acf.measurement_table[0]&&Object.keys(e.acf.measurement_table[0]).map((n,t)=>{let r=e.acf.measurement_table.map(e=>e[n]),o=r.every(n=>""===n);return o?null:(0,i.jsx)("th",{children:a[n]},t)})})}),(0,i.jsx)("tbody",{children:e.acf.measurement_table&&e.acf.measurement_table.map((n,e)=>(0,i.jsx)("tr",{children:Object.keys(n).map((e,t)=>""===n[e]?null:(0,i.jsx)("td",{children:n[e]},t))},e))})]}),e.acf.measurement_image&&(0,i.jsx)("div",{className:"image appear",children:(0,i.jsx)(h(),{src:e.acf.measurement_image,alt:"product image",width:2e3,height:1e3})})]})})})};function v(){let n=(0,u._)(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding: ","rem ","rem;\n color: #282828;\n background-color: #ffffff;\n width: 100%;\n\n @media "," {\n width: 34vw;\n padding: ","rem;\n }\n\n .preview-technical-resources {\n gap: 1.25rem;\n\n @media "," {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .title {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n .cover {\n img {\n max-width: 27.1875rem;\n max-width: 35.375rem;\n display: block;\n width: 100%;\n height: 100%;\n }\n }\n }\n"]);return v=function(){return n},n}let b=g.ZP.section(v(),3.125,1.5,f.Td.md,3.75,f.Td.md,1.5);var y=()=>{let{page:n,productSelected:e,resourceSelected:t}=(0,r.useContext)(c.TP),a=(0,p.Z)();return(0,i.jsx)(i.Fragment,{children:"soluciones"==n&&e.acf.technical_resources&&t&&(0,i.jsx)(b,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:(0,i.jsxs)("div",{className:"preview-technical-resources",children:[(0,i.jsx)("h2",{className:"title top-to-bottom",children:"en"===a?"Preview":"Vista previa"}),(0,i.jsx)("div",{className:"cover",children:(0,i.jsx)(h(),{src:"/api/pdf-preview?url=".concat(encodeURIComponent(t.document)),width:800,height:1670,alt:"cover"})})]})})})},_=t(7397),N=t(5152),k=t.n(N);function T(){let n=(0,u._)(["\n position: relative;\n background-color: #fff;\n width: 100%;\n height: 100%;\n\n .frames-container {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;
1\n align-items: center;\n\n @media "," {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n\n canvas {\n position: relative;\n top: 0;\n right: 0;\n width: 100%;\n height: auto;\n z-index: 1;\n }\n"]);return T=function(){return n},n}let C=g.ZP.div(T(),f.Td.md),z=k()(()=>t.e(8266).then(t.bind(t,8266)),{loadableGenerated:{webpack:()=>[8266]},ssr:!1});var S=n=>{let{productId:e,totalFrames:t=72,folder:a="frames/demo"}=n,{width:o,height:s}=(0,l.iP)(),[c,d]=(0,r.useState)(0),[m,h]=(0,r.useState)(0),[p,u]=(0,r.useState)(!1),[g,f]=(0,r.useState)(0),[x,j]=(0,r.useState)(0),[w,v]=(0,r.useState)(0),b="stick-scroll-"+e,y="frames-container-scroll-"+e;return(0,r.useEffect)(()=>{let n=()=>{setTimeout(()=>{let n=document.querySelector(".page-content"),e=document.querySelector("#"+y);if(e){let t=e.getBoundingClientRect();if(j(t.width),v(t.height),n){let t=n.getBoundingClientRect(),i=e.getBoundingClientRect(),r=i.left-t.left-1.5*i.width,a=i.left-t.left-i.width/2;d(r),h(a)}}u(!0)},3e3)};return window.addEventListener("resize",n),n(),()=>{window.removeEventListener("resize",n)}},[o,s]),(0,i.jsx)(C,{id:b,"attr-progress":g,children:(0,i.jsx)("div",{id:y,className:"frames-container","data-scroll":!0,"data-scroll-sticky":!0,"data-scroll-target":"#"+b,children:x&&p?(0,i.jsx)(z,{folder:a,prefix:"ezg
1if-frame-",animationScrollXStart:c,animationScrollXEnd:m,numFrames:t,setProgress:f,extension:"webp",padding:3,animateTrigger:e,width:x,height:w}):(0,i.jsx)(i.Fragment,{})})})};function P(){let n=(0,u._)(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n color: #fff;\n width: 100%;\n\n @media "," {\n justify-content: flex-start;\n padding: ","rem ","rem;\n gap: ","rem;\n width: 45vw;\n background-color: #282828;\n }\n\n .mobile {\n padding: ","rem ","rem ","rem;\n background-color: #56565b;\n .back {\n .arrow-icon {\n path {\n fill: #e6e6e6;\n }\n }\n .title {\n color: #e6e6e6;\n }\n }\n\n .header {\n align-items: center;\n .number {\n color: #ffffff;\n }\n\n .title {\n color: #e6e6e6;\n }\n }\n\n .product-image {\n margin-top: ","rem;\n }\n }\n\n .animation {\n padding: 2rem 0 0 0;\n height: 35vh;\n }\n\n .number.white {\n color: #ffffff;\n }\n\n .product-info {\n margin-top: ","rem;\n\n @media "," {\n margin-top: initial;\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\n .paragraph {\n color: #fff;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: ","rem;\n margin-top: ","rem;\n }\n\n .characteristics {\n display: flex;\n flex-direction: column;\n list-style-type: none;\n gap: ","rem;\n margin-top: ","rem;\n\n @media "," {\n margin-top: ","rem;\n gap: ","rem;\n }\n\n .item {\n position: relative;\n padding-left: ","rem;\n color: #fff;\n font-size: ",'rem;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n\n &::before {\n content: "";\n width: ',"rem;\n height: 2px;\n background-color: #b42b3d;\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n }\n\n .image {\n display: flex;\n justify-content: center;\n margin-top: ","rem;\n\n &.Tinacos {\n img {\n object-position: bottom !important;\n }\n }\n\n &.plycem-eureka-techos-sevillana {\n img {\n object-position: 50% 15%;\n }\n }\n\n &.plycem-interior-junta-visible-2 {\n img {\n object-position: 100% 86%;\n }\n }\n\n &.plycem-ultra-junta-invisible {\n img {\n object-position: 50% 90%;\n }\n }\n\n &.plycem-interior-junta-visible {\n img {\n object-position: 50% 70%;\n }\n }\n\n &.plycem-exterior-junta-invisible {\n img {\n object-position: 50% 75%;\n }\n }\n\n &.plycem-ranurado {\n img {\n object-position: 50% 70%;\n }\n }\n\n &.plycem-microconcreto-exterior {\n img {\n object-position: 50% 50%;\n }\n }\n\n &.plycem-decks {\n img {\n object-position: bottom;\n }\n }\n\n &.plycem-deck-modular {\n img {\n object-position: bottom;\n }\n }\n\n img {\n width: 100%;\n height: ","rem;\n object-fit: cover;\n object-position: top;\n }\n }\n }\n"]);return P=function(){return n},n}let F=g.ZP.section(P(),f.Td.md,3.75,3,1.5,3.125,1.5,3.125,2.5,1.875,f.Td.md,1.5,1,1.375,25/16,1.25,2.5,f.Td.md,25/16,15/16,3.125,1,1.875,2.5,20.125);var I=()=>{let{productSelected:n,categorySelected:e,setStep:t}=(0,r.useContext)(c.TP),{width:a}=(0,l.iP)(),o=a<1080;return(0,i.jsxs)(F,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:[!o&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"number quicksand white",children:"03"}),(0,i.jsxs)("div",{className:"product-info appear",children:[(0,i.jsx)("h2",{className:"title top-to-bottom",dangerouslySetInnerHTML:{__html:n.title}}),n.acf.product_description&&(0,i.jsx)("div",{className:"paragraph",dangerouslySetInnerHTML:{__html:n.acf.product_description}}),n.acf.product_characteristics&&(0,i.jsx)("div",{className:"characteristics",children:n.acf.product_characteristics.map(n=>{let{characteristic:e}=n;return(0,i.jsx)("li",{className:"item",children:e},e)})}),n.acf.product_image_in_use&&(0,i.jsx)("div",{className:"image ".concat(n.slug," ").concat(e),children:(0,i.jsx)(h(),{src:n.acf.product_image_in_use.url,alt:n.title,width:n.acf.product_image_in_use.width,height:n.acf.product_image_in_use.height})})]})]}),o&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"mobile appear",children:[(0,i.jsxs)("div",{className:"back",onClick:()=>t(2),children:[(0,i.jsx)(_.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"}),(0,i.jsx)("span",{className:"title",children:e})]}),(0,i.jsxs)("div",{className:"header",children:[(0,i.jsx)("span",{className:"number quicksand",children:"03"}),(0,i.jsx)("span",{className:"title",dangerouslySetInnerHTML:{__html:n.title}})]}),(0,i.jsxs)("div",{className:"product-info",children:[n.acf.product_description&&(0,i.jsx)("div",{className:"paragraph",dangerouslySetInnerHTML:{__html:n.acf.product_description}}),n.acf.product_characteristics&&(0,i.jsx)("div",{className:"characteristics",children:n.acf.product_characteristics.map(n=>{let{characteristic:e}=n;return(0,i.jsx)("li",{className:"item",children:e},e)})})]})]}),n.acf.product_image&&(0,i.jsx)("div",{className:"animation",children:(0,i.jsx)(S,{productId:n.acf.product_image.ID,folder:"frames/products-v2/"+n.acf.folder,totalFrames:83})}),n.acf.product_image_in_use&&(0,i.jsx)("div",{children:(0,i.jsx)(h(),{className:"appear",src:n.acf.product_image_in_use.url,alt:n.title,width:n.acf.product_image_in_use.width,height:n.acf.product_image_in_use.height})})]})]})};function L(){let n=(0,u._)(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding: ","rem ","rem;\n color: #282828;\n background-color: #e6e6e6;\n width: 100%;\n\n @media "," {\n padding: 3.75rem 5.25rem;\n width: 34.6875vw;\n }\n\n .instructions {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n height: 100%;\n width: 100%;\n\n .title {\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n padding-bottom: 2.37rem;\n @media "," {\n font-size: 1.5rem;\n }\n }\n\n .item-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 4.81rem;\n padding: 1rem;\n border-top: 0.0625rem solid #808080;\n &:last-child {\n border-bottom: 0.0625rem solid #808080;\n }\n .descriptions {\n min-height: 3.75rem;\n height: 100%;\n max-width: 11.5625rem;\n width: 100%;\n display: flex;\n align-items: center;\n .paragraph {\n font-family: Raleway;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n }\n }\n .img {\n height: 3.75rem;\n display: flex;\n align-items: center;\n width: 3.75rem;\n img {\n object-fit: scale-down;\n display: block;\n width: 100%;\n height: 100%;\n mix-blend-mode: multiply;\n image-rendering: -webkit-optimize-contrast;\n }\n }\n }\n }\n"]);return L=function(){return n},n}let Z=g.ZP.section(L(),3.125,1.5,f.Td.md,1.125,1.375,f.Td.md);var q=()=>{var n,e,t;let{page:a,productSelected:o}=(0,r.useContext)(c.TP),s=(0,p.Z)();return(0,i.jsx)(i.Fragment,{children:"soluciones"==a&&(null==o?void 0:null===(n=o.acf)||void 0===n?void 0:n.product_instructions)&&(0,i.jsx)(Z,{children:(0,i.jsxs)("div",{className:"instructions ".concat(1==o.acf.product_instructions.descriptions.length&&"col"," "),children:[(0,i.jsx)("h2",{className:"title appear",children:"en"===s?"Installation Summary:":"Resumen de instalaci\xf3n:"}),(0,i.jsx)("div",{className:"items-container",children:(null===(e=o.acf.product_instructions)||void 0===e?void 0:e.descriptions)&&(null===(t=o.acf.product_instructions)||void 0===t?void 0:t.descriptions.map((n,e)=>{var t;let{description:r}=n,{image:a}=(null===(t=o.acf.product_instructions)||void 0===t?void 0:t.images[e])||[];return(0,i.jsxs)("div",{className:"item-wrapper",children:[(0,i.jsx)("div",{className:"descriptions",children:(0,i.jsx)("div",{className:"paragraph",dangerouslySetInnerHTML:{__html:r}},e)}),a&&a.url&&(0,i.jsx)("div",{className:"img",children:(0,i.jsx)(h(),{src:a.url,alt:a.alt||"image",width:a.width,height:a.height})})]},e)}))})]})})})};function E(){let n=(0,u._)(["\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n color: #282828;\n border-right: 1px solid rgba(86, 86, 91, 0.4);\n width: 100%;\n padding: ","rem ","rem;\n\n @media ",' {\n width: 20vw;\n padding: 1.5rem 3rem 3.75rem;
1\n\n border-right: none;\n &:before {\n position: absolute;\n left: 0;\n height: calc(48vh + 3.75rem);\n width: 100%;\n border-right: 1px solid rgba(86, 86, 91, 0.4);\n content: "";\n bottom: 0;\n }\n }\n\n .scroll-to-content {\n position: absolute;\n top: 0;\n left: 0;\n background-color: #b42b3d;\n width: 100vw;\n @media '," {\n left: -11.25rem;\n }\n }\n\n .categories {\n @media "," {\n height: 48vh;\n }\n .title {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n\n .categories-list {\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 .category-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n\n span {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n display: flex;\n &.active {\n color: #b42b3d;\n font-weight: 600;\n\n path {\n fill: #b42b3d;\n stroke: #b42b3d;\n }\n }\n }\n\n svg {\n width: ","rem;\n height: auto;\n }\n\n &.active {\n span {\n color: #b42b3d;\n font-weight: 600;\n }\n\n path {\n fill: #b42b3d;\n }\n }\n }\n }\n }\n"]);return E=function(){return n},n}let Q=g.ZP.section(E(),3.125,1.5,f.Td.md,f.Td.md,f.Td.md,1.5,3,3,f.Td.md,1.875,1.875,1.125,1.5);var M=()=>{let{products:n}=(0,r.useContext)(c.Xp),{categorySelected:e,changeCategory:t}=(0,r.useContext)(c.TP),{width:a}=(0,l.iP)(),o=a<1080,s=(0,p.Z)();return(0,r.useEffect)(()=>{if(!o)return;let n=new URLSearchParams(window.location.search),e=(n.get("producto")||"").toLowerCase();e.includes("tinacos")&&setTimeout(()=>{let n=document.querySelector(".category-container.Tinacos");null==n||n.click()},300)},[o]),(0,i.jsxs)(Q,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"2%",children:[(0,i.jsx)("div",{id:"scroll-to-content",className:"scroll-to-content"}),!o&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"number quicksand",children:"01"}),(0,i.jsx)("div",{className:"categories",children:n&&n.length>0&&(0,i.jsxs)("div",{className:"left-to-right",children:[(0,i.jsx)("span",{className:"title",children:"en"===s?"Solutions":"Soluciones"}),(0,i.jsx)("div",{className:"categories-list",children:n.map((n,r)=>{let{category:a}=n;return(0,i.jsxs)("div",{className:"category-container ".concat([a].includes(e)&&"active"),onClick:()=>t(a),children:[(0,i.jsx)("span",{children:a}),(0,i.jsx)(_.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]},"".concat(a,"-").concat(r))})})]})})]}),o&&(0,i.jsxs)("div",{className:"appear",children:[(0,i.jsxs)("div",{className:"header",children:[(0,i.jsx)("span",{className:"number quicksand",children:"01"}),(0,i.jsx)("span",{className:"title",children:"en"===s?"Solutions":"Soluciones"})]}),(0,i.jsx)("div",{className:"categories test",children:(0,i.jsx)("div",{className:"categories-list",children:n.map(n=>{let{category:e}=n;return(0,i.jsxs)("div",{className:"category-container ".concat(e),onClick:()=>t(e),children:[(0,i.jsx)("span",{children:e}),(0,i.jsx)(_.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]},"".concat(e))})})})]})]})};function H(){let n=(0,u._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: ","rem ","rem;\n color: #282828;\n width: 100%;\n\n @media "," {\n width: 35vw;\n padding: 1.5rem 3rem 3.75rem;\n }\n\n .product-image {\n width: 100%;\n max-width: ","rem;\n height: auto;\n margin: auto;\n &.top {\n margin: auto;\n position: absolute;\n width: calc(100% - 3vw);\n display: flex;\n align-items: center;\n justify-content: center;\n height: 44vh;\n max-width: 100%;\n img {\n max-width: 100%;\n height: 100%;\n object-fit: contain;\n aspect-ratio: 4;\n }\n }\n }\n\n .group {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n }\n\n .number {\n position: relative;\n z-index: 2;\n }\n\n .product-select-frames {\n position: absolute;\n z-index: 0;\n left: 0;\n top: 0;\n width: 100%;\n height: 50%;\n pointer-events: none;\n\n @media "," {\n left: -20vw;\n width: calc(100% + 20vw);\n }\n }\n\n .products {\n position: relative;\n z-index: 2;\n\n @media "," {\n height: 48vh;\n }\n\n .title {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n\n .products-list {\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 &.paredes,\n &.cielos-rasos {\n gap: 1rem;\n }\n }\n\n .product-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n\n span {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n display: flex;\n\n &.active {\n color: #b42b3d;\n font-weight: 600;\n\n path {\n fill: #b42b3d;\n stroke: #b42b3d;\n }\n }\n }\n\n svg {\n width: ","rem;\n height: auto;\n }\n\n &.active {\n span {\n color: #b42b3d;\n font-weight: 600;\n }\n\n path {\n fill: #b42b3d;\n }\n }\n }\n }\n }\n"]);return H=function(){return n},n}let R=g.ZP.section(H(),3.125,1.5,f.Td.md,18.75,f.Td.md,f.Td.md,1.5,3,3,f.Td.md,1.875,1.875,1.125,1.5),G=n=>n.replace(/\s+/g,"-").toLowerCase();var X=()=>{let{products:n}=(0,r.useContext)(c.Xp),{categorySelected:e,productSelected:t,filteredProducts:a,filteredFamilies:o,changeProduct:s,setStep:d}=(0,r.useContext)(c.TP),{width:m}=(0,l.iP)(),p=m<1080,u=e=>{d(3),s(e),console.log(n),console.log(e)};return(0,r.useEffect)(()=>
1{if(!p)return;let n=new URLSearchParams(window.location.search),e=(n.get("producto")||"").toLowerCase();e.includes("tinacos")&&setTimeout(()=>{let n=document.querySelector(".product-container.active");null==n||n.click(),requestAnimationFrame(()=>{setTimeout(()=>{let n=document.getElementById("recursos-tecnicos");n&&(history.replaceState(null,"","#recursos-tecnicos"),n.scrollIntoView({behavior:"smooth",block:"start",inline:"nearest"}))},100)})},300)},[p]),(0,i.jsxs)(R,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:[!p&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"number quicksand",children:"02"}),"ninguna"!==t.acf.folder&&(0,i.jsx)("div",{className:"product-select-frames",children:(0,i.jsx)(S,{productId:t.acf.product_image.ID,folder:"frames/products-v2/"+t.acf.folder,totalFrames:83})}),"ninguna"==t.acf.folder&&(0,i.jsx)("div",{className:"product-image top",children:(0,i.jsx)(h(),{src:t.acf.product_image.link,alt:"products",width:390,height:300})}),(0,i.jsxs)("div",{className:"products left-to-right",children:[a.length>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"title",children:e}),(0,i.jsx)("div",{className:"products-list ".concat(G(e)),children:n&&n.length>0&&a.map(n=>(0,i.jsxs)("div",{className:"product-container ".concat(t.title===n.title&&"active"),onClick:()=>s(n),children:[(0,i.jsx)("span",{dangerouslySetInnerHTML:{__html:n.title}}),(0,i.jsx)(_.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]},"".concat(e,"-").concat(n.title)))})]}),o.length>0&&(0,i.jsx)("div",{className:"group",children:o.map(r=>{let{name:a,items:o}=r;return(0,i.jsxs)("div",{className:"family",children:[(0,i.jsx)("span",{className:"title",children:a}),(0,i.jsx)("div",{className:"products-list ".concat(G(e)),children:n&&n.length>0&&o.map(n=>(0,i.jsxs)("div",{className:"product-container ".concat(t.title===n.title&&"active"),onClick:()=>s(n),children:[(0,i.jsx)("span",{dangerouslySetInnerHTML:{__html:n.title}}),(0,i.jsx)(_.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]},"".concat(e,"-").concat(n.title)))})]},a)})})]})]}),p&&(0,i.jsxs)("div",{className:"appear",children:[(0,i.jsxs)("div",{className:"back",onClick:()=>d(1),children:[(0,i.jsx)(_.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"}),(0,i.jsx)("span",{className:"title",children:"Soluciones"})]}),(0,i.jsxs)("div",{className:"header",children:[(0,i.jsx)("span",{className:"number quicksand",children:"02"}),(0,i.jsx)("span",{className:"title",children:e})]}),(0,i.jsx)("div",{className:"products",children:(0,i.jsxs)("div",{className:"products-list ".concat(G(e)),children:[a.map(n=>(0,i.jsxs)("div",{className:"product-container ".concat(t.title===n.title&&"active"),onClick:()=>u(n),children:[(0,i.jsx)("span",{dangerouslySetInnerHTML:{__html:n.title}}),(0,i.jsx)(_.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]},"".concat(e,"-").concat(n.title))),o.length>0&&(0,i.jsx)("div",{className:"group",children:o.map(t=>{let{name:r,items:a}=t;return(0,i.jsxs)("div",{className:"family",children:[(0,i.jsx)("span",{className:"title",children:r}),(0,i.jsx)("div",{className:"products-list",children:n&&n.length>0&&a.map(n=>(0,i.jsxs)("div",{className:"product-container",onClick:()=>u(n),children:[(0,i.jsx)("span",{dangerouslySetInnerHTML:{__html:n.title}}),(0,i.jsx)(_.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]},"".concat(e,"-").concat(n.title)))})]},r)})})]})})]})]})},B=t(1664),W=t.n(B),U=t(7283),Y=t(67),A=t(2546);function D(){let n=(0,u._)(["\n position: relative;\n margin-top: auto;\n\n .image-swiper-button-next {\n position: absolute;\n right: ","rem;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10;\n width: ","rem;\n height: ","rem;\n cursor: pointer;\n\n * {\n width: 100%;\n height: 100%;\n }\n\n svg {\n transform: scaleX(-1);\n }\n }\n\n .image-swiper-button-prev {\n position: absolute;\n left: ","rem;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10;\n width: ","rem;\n height: ","rem;\n cursor: pointer;\n\n * {\n width: 100%;\n height: 100%;\n }\n }\n\n .iframe-container {\n position: relative;\n overflow: hidden;\n height: 0;\n padding-bottom: 50vw;\n\n @media "," {\n padding-bottom: 20vw;\n }\n\n iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n }\n"]);return D=function(){return n},n}let O=g.ZP.div(D(),1.25,1.875,1.875,1.25,1.875,1.875,f.Td.md),V=n=>n.includes("facebook.com")?"facebook":n.includes("youtube.com")||n.includes("youtu.be")?"youtube":"",$=n=>{if(n.includes("facebook.com")){let e=n.match(/\/(\d+)\//);if(e&&e[1])return e[1]}else if(n.includes("youtube.com")||n.includes("youtu.be")){let e=n.match(/(?:v=|\/)([A-Za-z0-9_-]{11}
1)(?:\?|&|$)/);if(e&&e[1])return e[1]}return""};var J=n=>{let{videos:e}=n;return(0,i.jsxs)(O,{children:[(0,i.jsx)("div",{className:"swiper-button image-swiper-button-prev appear",children:(0,i.jsx)(_.Q,{src:"/icons/quote-red-arrow.svg"})}),(0,i.jsx)("div",{className:"swiper-button image-swiper-button-next appear",children:(0,i.jsx)(_.Q,{src:"/icons/quote-red-arrow.svg"})}),(0,i.jsx)(A.tq,{navigation:{nextEl:".image-swiper-button-next",prevEl:".image-swiper-button-prev"},modules:[Y.W_],className:"mySwiper",children:e&&e.length>0&&e.map((n,e)=>{let{video:t}=n;return(0,i.jsx)(A.o5,{className:"swiper-container",children:(0,i.jsx)(O,{className:"video-block appear",children:(0,i.jsx)("div",{children:(0,i.jsxs)("div",{className:"iframe-container",children:["facebook"===V(t)&&(0,i.jsx)("iframe",{src:"https://www.facebook.com/plugins/video.php?height=314&href=".concat(encodeURIComponent(t),"&show_text=false&width=560&t=0"),width:"560",height:"314",style:{border:"none",overflow:"hidden"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}),"youtube"===V(t)&&(0,i.jsx)("iframe",{src:"https://www.youtube.com/embed/".concat($(t)),allow:"accelerometer; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})]})})})},e)})})]})};function K(){let n=(0,u._)(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding: ","rem ","rem;\n color: #282828;\n background-color: #ffffff;\n width: 100%;\n\n @media "," {\n width: 55vw;\n padding: ","rem;\n }\n\n .technical-resources {\n @media "," {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .title {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n\n .options {\n position: relative;\n display: grid;\n grid-template-columns: 1fr;\n justify-content: space-between;\n gap: ","rem;\n margin-top: ","rem;\n margin-bottom: ","rem;\n\n @media ",' {\n grid-template-columns: 45% 45%;\n gap: 1rem;\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n\n .item {\n position: relative;\n display: flex;\n small {\n width: 100%;\n }\n\n &.disable {\n > * {\n pointer-events: none;\n }\n }\n\n .tooltip {\n background: #a7293a;\n bottom: 100%;\n color: #fff;\n display: block;\n margin-bottom: 1rem;\n opacity: 0;\n padding: 1rem;\n pointer-events: none;\n position: absolute;\n width: 100%;\n transform: translateY(10px);\n transition: all 0.25s ease-out;\n box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);\n\n &:before {\n bottom: 1rem;\n content: " ";\n display: block;\n height: 1rem;\n left: 0;\n position: absolute;\n width: 100%;\n }\n\n &:after {\n border-left: solid transparent 0.6rem;\n border-right: solid transparent 0.6rem;\n border-top: solid #a7293a 0.6rem;\n bottom: -0.5rem;\n content: " ";\n height: 0;\n left: 50%;\n margin-left: -0.6rem;\n position: absolute;\n width: 0;\n }\n }\n\n &:hover .tooltip {\n opacity: 1;\n pointer-events: auto;\n transform: translateY(0px);\n }\n }\n\n .option {\n display: flex;\n align-items: center;\n gap: ',"rem;\n cursor: pointer;\n\n @media "," {\n gap: ","rem;\n }\n\n .image {\n width: 1.5rem;\n height: 1.5rem;\n object-fit: fill;\n\n @media "," {\n margin: initial;\n }\n }\n\n .title {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n width: 80%;\n &.active {\n font-weight: 600;\n color: ",";\n }\n }\n\n .icon {\n width: ","rem;\n height: auto;\n margin-left: auto;\n\n svg {\n width: ","rem;\n height: auto;\n }\n\n path,\n rect {\n fill: #282828;\n }\n }\n }\n\n .countries-modal {\n position: absolute;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: ","rem;\n background-color: #ffffff;\n border: 1px solid #282828;\n top: 0;\n left: 0;\n z-index: 5;\n width: 100%;\n height: 100%;\n min-height: ","rem;\n\n .close {\n position: absolute;\n right: ","rem;\n top: ","rem;\n color: #282828;\n cursor: pointer;\n }\n\n h3 {\n font-size: ","rem;\n color: #282828;\n }\n\n .countries {\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n gap: ","rem;\n width: 100%;\n\n @media "," {\n flex-direction: initial;\n }\n\n a {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #282828;\n width: 40%;\n height: ","rem;\n color: #ffffff;\n font-size: ","rem;\n\n @media "," {\n width: 25%;\n }\n\n &:hover {\n opacity: 0.7;\n }\n }\n }\n }\n }\n }\n .go-calculator {\n .link {\n display: flex;\n justify-content: center;\n background-color: #b42b3d;\n padding: ","rem;\n margin-top: 1.5rem;\n height: ","rem;\n\n @media "," {\n height: 4.5rem;\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: 1.125rem;\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 }\n"]);return K=function(){return n},n}let nn=g.ZP.section(K(),3.125,1.5,f.Td.md,3.75,f.Td.md,1.5,2.5,2.5,25/16,f.Td.md,1.25,f.Td.md,1.375,f.Td.md,1,f.DM.red,1.5,13/16,1.25,9.375,1,1,1.25,1.25,f.Td.md,2.5,1,f.Td.md,1,3.125,f.Td.maxxs,1.5,1.5);var ne=()=>
1{let{page:n,productSelected:e,resourceSelected:t,setResourceSelected:a}=(0,r.useContext)(c.TP),[o,s]=(0,r.useState)(""),{userRole:l}=(0,r.useContext)(c.vQ),m=(0,p.Z)(),u=(n,e)=>{if("en"===e){if("Garant\xeda"===n)return"Warranty";if("Gu\xeda r\xe1pida de instalaci\xf3n"===n)return"Quick Installation Guide";if("Cat\xe1logo comercial"===n)return"Commercial Catalog"}return n};(0,r.useEffect)(()=>{if(e.acf.technical_resources&&e.acf.technical_resources.options){let n=e.acf.technical_resources.options.find(n=>n.document);n&&a(n)}},[e.acf.technical_resources,a]);let g=n=>{a(n),(0,d.q)("resource_click_tracking",{resource_name_tracking:n.title,resource_product_name_tracking:e.title,user_type:l}),"Garant\xeda"==n.title&&f({title:"".concat(n.title," - ").concat(n.country)})},f=n=>{let{title:t}=n;(0,d.q)("resource_download_tracking",{resource_name_download:t,resource_product_name_download:e.title,user_type:l}),(0,d.q)("document_download_tracking",{document_downloaded:"".concat(e.title," - ").concat(t),user_type:l})};return(0,i.jsx)(i.Fragment,{children:"soluciones"==n&&e.acf.technical_resources&&(0,i.jsxs)(nn,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",id:"recursos-tecnicos",children:[(0,i.jsxs)("div",{className:"technical-resources",children:[(0,i.jsx)("h2",{className:"title top-to-bottom",children:"en"===m?"Technical Resources":"Recursos t\xe9cnicos"}),(0,i.jsx)("div",{className:"options appear",children:e.acf.technical_resources.options&&e.acf.technical_resources.options.map(n=>{let{icon:e,title:r,document:a,countries_download:l}=n;return(0,i.jsx)(i.Fragment,{children:l?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"option",onClick:()=>s(r),children:[(0,i.jsx)("div",{className:"img",children:(0,i.jsx)(h(),{src:e,alt:r,width:27,height:27,className:"image"})}),(0,i.jsx)("span",{className:"title",children:r}),(0,i.jsx)(_.Q,{src:"/icons/download.svg",className:"icon"})]},r),o==r&&(0,i.jsxs)("div",{className:"countries-modal",children:[(0,i.jsx)(U.Z,{className:"close",onClick:()=>s("")}),(0,i.jsx)("h3",{children:r}),(0,i.jsx)("div",{className:"countries",children:l.map((n,e)=>{let{country:t,documents:r}=n;return(0,i.jsx)("a",{href:r,download:!0,target:"_blank",onClick:()=>g({country:t,document:r,title:"Garant\xeda"}),children:t},"country-".concat(e))})})]})]}):(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("div",{className:"item ".concat(a?"":"disable"),children:[!a&&(0,i.jsx)("div",{className:"tooltip",children:"No disponible"}),(0,i.jsxs)("small",{className:"option",onClick:()=>g({title:r,document:a}),children:[(0,i.jsx)("div",{className:"img",children:(0,i.jsx)(h(),{src:e,alt:r,width:27,height:27,className:"image"})}),(0,i.jsx)("span",{className:"title ".concat(t.title==r?"active":""),children:u(r,m)})]}),(0,i.jsx)("a",{href:a,className:"option",download:!0,target:"_blank",onClick:()=>f({title:r}),children:(0,i.jsx)(_.Q,{src:"/icons/download.svg",className:"icon"})})]},r)})})})}),e.acf.technical_resources.videos&&(0,i.jsx)(J,{videos:e.acf.technical_resources.videos})]}),(0,i.jsx)("div",{className:"go-calculator",children:(0,i.jsx)(W(),{href:"/calculadora",className:"link top-to-bottom",children:(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:"en"===m?"Want to know material details? Calculate here":"\xbfDeseas conocer los detalles de los materiales para tu proyecto? Calcula aqu\xed"}),(0,i.jsx)(_.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]})})})]})})};function nt(){let n=(0,u._)(["\n position: relative;\n height: 100vh;\n display: flex;\n\n .number {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 500;\n line-height: ","rem;\n\n @media "," {\n font-size: ","rem;\n line-height: ","rem;\n }\n }\n"]);return nt=function(){return n},n}let ni=g.ZP.section(nt(),1.5,45/16,f.Td.md,35/16,45/16);var nr=()=>{var n;let{productSelected:e,page:t}=(0,r.useContext)(c.TP);return(0,i.jsx)(i.Fragment,{children:e&&(0,i.jsxs)(ni,{children:[(0,i.jsx)(M,{}),(0,i.jsx)(X,{}),(0,i.jsx)(I,{}),e.acf.measurement_table[0]&&(0,i.jsx)(w,{}),(null===(n=e.acf.product_instructions)||void 0===n?void 0:n.descriptions)&&(0,i.jsx)(q,{}),(0,i.jsx)(ne,{}),(0,i.jsx)(y,{})]})})};function na(){let n=(0,u._)(["\n position: relative;\n width: 100%;\n\n .header {\n display: flex;\n gap: 16px;\n\n .number {\n color: #282828;\n font-size: 24px;\n font-style: normal;\n font-weight: 500;\n line-height: 45px;\n }\n .title {\n color: #56565b;\n font-size: 22px;\n font-style: normal;\n font-weight: 500;\n line-height: 45px;\n }\n }\n\n .back {\n display: flex;
1\n align-items: center;\n gap: 12px;\n margin-bottom: 40px;\n\n .arrow-icon {\n transform: rotate(180deg);\n }\n\n .title {\n color: #56565b;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 22px;\n }\n }\n\n .image {\n img {\n width: 100%;\n height: auto;\n }\n }\n"]);return na=function(){return n},n}let no=g.ZP.section(na());var ns=()=>{let{productSelected:n,step:e,page:t}=(0,r.useContext)(c.TP);return(0,i.jsx)(i.Fragment,{children:n&&(0,i.jsxs)(no,{children:[1==e&&(0,i.jsx)(M,{}),2==e&&(0,i.jsx)(X,{}),3==e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(I,{}),(0,i.jsx)(w,{}),(0,i.jsx)(q,{}),(0,i.jsx)(ne,{})]})]})})},nl=n=>{let{page:e,initialProduct:t=!1}=n,m=(0,a.usePathname)(),{query:h,replace:p}=(0,o.useRouter)(),{products:u}=(0,r.useContext)(c.Xp),{userRole:g}=(0,r.useContext)(c.vQ),{width:f}=(0,l.iP)(),{scroll:x}=(0,s.lh)(),[j,w]=(0,r.useState)((null==t?void 0:t.category)||u[0].category),[v,b]=(0,r.useState)(t||u[0].products[0]),[y,_]=(0,r.useState)(""),[N,k]=(0,r.useState)(1),T=u.find(n=>n.category===j).products||[],C=u.find(n=>n.category===j).family||[];return(0,r.useEffect)(()=>{x&&t&&(w(t.category),b(t),x.scrollTo("#scroll-to-content"))},[t,x]),(0,r.useEffect)(()=>{if(T.length>0)b(T[0]);else{var n;b(null===(n=C[0])||void 0===n?void 0:n.items[0])}},[j]),(0,r.useEffect)(()=>{h&&h.producto&&(w(h.producto),x.scrollTo("#scroll-to-content"))},[h]),(0,r.useEffect)(()=>{"content"===h.scroll&&(setTimeout(()=>x.scrollTo("#scroll-to-content"),1400),p(m,void 0,{shallow:!0}))},[]),(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(c.TP.Provider,{value:{page:e,categorySelected:j,setCategorySelected:w,productSelected:v,setProductSelected:b,step:N,setStep:k,filteredProducts:T,filteredFamilies:C,changeCategory:n=>{if(w(n),k(2),x.scrollTo("#scroll-to-content"),"/soluciones"==m){let e=new URL(location);e.searchParams.set("producto",n),history.pushState({},"",e)}(0,d.q)("solution_click_tracking",{solution_name_tracking:n,user_type:g})},changeProduct:n=>{b(n);let e="/producto/".concat(n.slug);window.history.pushState({},"",e),(0,d.q)("product_click_tracking_event",{product_click_tracking:n.title,user_type:g})},resourceSelected:y,setResourceSelected:_},children:v&&(0,i.jsx)(i.Fragment,{children:f<1080?(0,i.jsx)(ns,{}):(0,i.jsx)(nr,{})})})})}}}]);
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.