1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3840],{5475:function(n,e,t){t.d(e,{Z:function(){return x}});var o=t(5893),i=t(7294),r=t(1163),a=t(8075),s=t(7397),l=t(5678),c=t(8666),d=t(2784),m=t(3654),p=t(2729),h=t(964),g=t(2509);function u(){let n=(0,p._)(["\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 u=function(){return n},n}let f=h.ZP.div(u(),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=>{let{type:e,showButton:t=!1,ctaTitle:p,showSecondaryBtn:h=!1,secondaryBtn:g,scrollToSection:u=""}=n,x=(0,r.useRouter)(),{page:w,products:v}=(0,i.useContext)(c.Xp),{userRole:b}=(0,i.useContext)(c.vQ),{hero_image:j}
1=w,{setProductParams:y,setStep:N,localStorageProducts:_,setErrors:k,setProductsSelected:T,setProductSelected:z}=(0,i.useContext)(c.$V),{width:C}=(0,l.iP)(),P=C<1080,{scroll:S}=(0,a.lh)(),q=(0,d.Z)(),L=(n,e)=>{y(t=>({...t,[n]:e})),P||N(2),k([]),"cotizar"==e&&_.length>0&&(T(_),z(v.find(n=>n.title===_[0].title)),y(_[0])),M(e),S.scrollTo("#scroll-to-next")},M=n=>{(0,m.q)("calculator_flow_tracking",{calculator_flow_tracking:"cotizar"==n?"Solo cotiza":"Calcula y cotiza",user_type:b})},Q=()=>{S.scrollTo("#scroll-to-next")},I=n=>{S.scrollTo("#".concat(n))},Z={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:j&&(0,o.jsxs)(f,{style:{backgroundImage:'url("'.concat(j.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:j.title}),(0,o.jsx)("div",{className:"paragraph",dangerouslySetInnerHTML:{__html:j.text}}),"soluciones"==e&&(0,o.jsxs)("button",{type:"button",className:"products-link",onClick:()=>S.scrollTo("#scroll-to-content"),children:[(0,o.jsx)("span",{children:"en"===q?"View Solutions":"Ver soluciones"}),(0,o.jsx)(s.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:()=>Q(),children:[(0,o.jsx)("span",{children:p}),(0,o.jsx)(s.Q,{src:"/icons/long-arrow-right.svg"})]}),h&&(0,o.jsxs)("button",{type:"button",className:"quote",onClick:()=>I(u),children:[(0,o.jsx)("span",{children:g}),(0,o.jsx)(s.Q,{src:"/icons/long-arrow-right.svg"})]})]}),"calculator"==e&&(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,e)=>{let{producto:t}=n;return(0,o.jsx)("span",{className:"product",dangerouslySetInnerHTML:{__html:t}},"".concat(e,"-").concat(t))})})]}),"calcular-cotizar"==_[0].flujo&&(0,o.jsxs)("button",{type:"button",className:"calculate",onClick:()=>L("flujo","calcular-cotizar"),children:[(0,o.jsx)("span",{children:Z.calculateAnotherProduct}),(0,o.jsx)(s.Q,{src:"/icons/long-arrow-right.svg"})]}),"cotizar"==_[0].flujo&&(0,o.jsxs)("button",{type:"button",className:"quote",onClick:()=>L("flujo","cotizar"),children:[(0,o.jsx)("span",{children:Z.quoteAnotherProduct}),(0,o.jsx)(s.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:()=>L("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)(s.Q,{src:"/icons/long-arrow-right.svg"})]}),(0,o.jsxs)("button",{type:"button",className:"quote",onClick:()=>L("flujo","cotizar"),children:[(0,o.jsx)("span",{children:"en"===q?"Quote only":"Solo cotizar"}),(0,o.jsx)(s.Q,{src:"/icons/long-arrow-right.svg"})]})]})}),(0,o.jsx)("div",{className:"shadow-bottom"})]})})}},1602:function(n,e,t){t.d(e,{Z:function(){return F}});var o=t(5893),i=t(7294),r=t(8666),a=t(2784),s=t(2729),l=t(964),c=t(2509);function d(){let n=(0,s._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n padding: ","rem ","rem;\n background-color: #e6e6e6;\n\n @media "," {\n flex-direction: row;\n padding: 0;\n }\n\n .info {\n background-color: #e6e6e6;\n width: 100%;\n\n @media "," {\n width: calc(50vw - 5.652rem);\n height: 100vh;\n padding: ","rem;\n }\n\n hr {\n display: inline-block;\n width: ","rem;\n border: none;\n border-top: 2px solid #b42b3d;\n }\n\n h2 {\n display: block;\n color: #282828;\n font-size: ","rem;\n font-weight: 500;\n }\n\n .contents {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n margin-top: ","rem;\n }\n }\n\n .background {\n position: relative;\n width: 100%;\n height: ","rem;\n margin-top: ","rem;\n\n @media "," {\n width: calc(50vw - 5.652rem);\n height: 100vh;\n margin-top: 0;\n }\n\n .gradient {\n display: none;\n position: absolute;\n top: 0;\n left: -2px;\n width: 100%;\n height: 100%;\n background: linear-gradient(270deg, rgba(230, 230, 230, 0) 50.5%, #e6e6e6 94.37%);\n\n @media "," {\n display: block;\n }\n }\n }\n"]);return d=function(){return n},n}let m=l.ZP.section(d(),3,1.5,c.Td.md,c.Td.md,3.75,2.5,1.5,3,3,37.5,2.5,c.Td.md,c.Td.md);var p=t(7397);function h(){let n=(0,s._)(["\n display: flex;\n gap: 20px;
1\n\n @media "," {\n align-items: center;\n gap: 1.8vw;\n }\n\n .icon {\n width: 100%;\n height: auto;\n }\n\n .text {\n span {\n color: #282828;\n font-size: 16px;\n font-weight: 600;\n line-height: 22px;\n\n @media "," {\n font-size: 1vw;\n line-height: 1.146vw;\n }\n }\n\n .paragraph {\n color: #282828;\n font-size: 16px;\n font-weight: 400;\n line-height: 22px;\n margin-top: 10px;\n\n @media "," {\n font-size: 1vw;\n line-height: 1.146vw;\n margin-top: 0.521vw;\n }\n }\n }\n"]);return h=function(){return n},n}let g=l.ZP.div(h(),c.Td.md,c.Td.md,c.Td.md);var u=n=>{let{icon:e,title:t,text:i}=n;return(0,o.jsxs)(g,{children:[(0,o.jsx)("div",{className:"image",children:(0,o.jsx)(p.Q,{src:e,className:"icon"})}),(0,o.jsxs)("div",{className:"text",children:[(0,o.jsxs)("span",{children:[t,":"]}),(0,o.jsx)("div",{className:"paragraph",dangerouslySetInnerHTML:{__html:i}})]})]})},f=()=>{let{page:n}=(0,i.useContext)(r.Xp),e=(0,a.Z)(),{cultura_elementia:t}=n,s=[{icon:"/icons/principio.svg",title:"en"===e?"Principle":"Principio",text:t.principio},{icon:"/icons/mision.svg",title:"en"===e?"Mission":"Misi\xf3n",text:t.mision},{icon:"/icons/vision.svg",title:"en"===e?"Vision":"Visi\xf3n",text:t.vision},{icon:"/icons/valores.svg",title:"en"===e?"Values":"Valores",text:t.valores},{icon:"/icons/filosofia.svg",title:"en"===e?"Philosophy":"Filosof\xeda",text:t.filosofia}];return(0,o.jsxs)(m,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:[(0,o.jsxs)("div",{className:"info",children:[(0,o.jsx)("hr",{}),(0,o.jsx)("h2",{className:"top-to-bottom",children:"en"===e?"Elementia Culture":"Cultura Elementia"}),(0,o.jsx)("div",{className:"contents left-to-right",children:s.map((n,e)=>(0,o.jsx)(u,{icon:n.icon,title:n.title,text:n.text},e))})]}),(0,o.jsx)("div",{className:"background",style:{backgroundImage:'url("'.concat(t.background.url,'")'),backgroundSize:"cover",backgroundPosition:"top left",backgroundRepeat:"no-repeat"},children:(0,o.jsx)("div",{className:"gradient"})})]})},x=t(5678),w=t(3654),v=t(8075);function b(){let n=(0,s._)(["\n position: relative;\n display: flex;\n width: calc(100vw - ","rem);\n\n .scroll-to-content {\n position: absolute;\n left: 0;\n top: 0;\n width: 100vw;\n height: 1px;\n @media "," {\n left: -11.25rem;\n }\n }\n\n .col {\n background-color: #282828;\n padding: ","rem ","rem;\n\n @media "," {\n width: 50%;\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 .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: #fff;\n font-size: ","rem;\n font-weight: 500;\n letter-spacing: ","rem;\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-direction: column;\n margin-top: ","rem;\n gap: ","rem;\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\n .documents-list {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n .options-container {\n margin-top: ","rem;\n min-height: 36vh;\n\n span {\n color: #fff;\n font-size: ","rem;\n font-weight: 600;\n line-height: normal;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n margin-top: ","rem;\n gap: ","rem;\n\n .option {\n display: flex;\n justify-content: space-between;\n cursor: pointer;\n\n &:hover {\n span {\n font-weight: 600;\n color: #b42b3d;\n }\n\n .arrow-icon {\n fill: #b42b3d;\n stroke: #b42b3d;\n }\n }\n\n span {\n font-weight: 400;\n }\n\n .arrow-icon {\n fill: #e6e6e6;\n width: ","rem;\n height: auto;\n }\n }\n }\n }\n }\n"]);return b=function(){return n},n}let j=l.ZP.section(b(),26.625,c.Td.md,3,1.5,c.Td.md,3.75,2,1.5,-.015,1,1.375,1.875,3.75,1.125,1.375,1.875,1.875,1.5,1.875,1.125,1.875,1.875,1.5);var y=n=>{let{sortedData:e,documentsList:t,selectedOption:i,setSelectedOption:r,trackDownload:s}=n,{scroll:l}=(0,v.lh)(),c=n=>{r(n),l.scrollTo("#scroll-to-content-documentacion")},d=(0,a.Z)();return(0,o.jsxs)(j,{"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.jsxs)("div",{className:"col options-list",children:[(0,o.jsx)("span",{className:"number quicksand",children:"01"}),(0,o.jsxs)("div",{className:"content appear",children:[(0,o.jsx)("h2",{children:"en"===d?"Corporate Documentation":"Documentaci\xf3n corporativa"}),(0,o.jsxs)("p",{children:[" ","en"===d?"Certifications, warranties, and recognitions.":"Certificaciones, garant\xedas y reconocimientos."]}),(0,o.jsxs)("div",{className:"options-container",children:[(0,o.jsx)("span",{children:"Generales:"}),(0,o.jsx)("div",{className:"options",children:e.map((n,e)=>(0,o.jsxs)("div",{className:"option ".concat(i&&i.title===n.title&&"selected"),onClick:()=>c(n),children:[(0,o.jsx)("span",{dangerouslySetInnerHTML:{__html:n.title}}),(0,o.jsx)(p.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]},"".concat(n.title,"-").concat(e)))})]})]})]}),(0,o.jsxs)("div",{className:"col documents-list",children:[(0,o.jsx)("span",{className:"number quicksand",children:"02"}),(0,o.jsx)("div",{className:"options-container appear",children:(0,o.jsx)("div",{className:"options",children:t.map((n,e)=>{let{nombre:t,documento:i}=n;return(0,o.jsxs)("a",{className:"option",href:i,download:t,target:"_blank",rel:"noreferrer",onClick:()=>s(t),children:[(0,o.jsx)("span",{children:t}),(0,o.jsx)(p.Q,{src:"/icons/download.svg",className:"arrow-icon"})]},"".concat(t,"-").concat(e))})})})]})]})};function N(){let n=(0,s._)(["\n position: relative;\n\n #scroll-to-content-documentacion {\n position: absolute;\n left: 0;\n top: -3.625rem;\n width: 1px;\n height: 1px;\n }\n\n .col {\n background-color: #282828;\n padding: ","rem ","rem;\n\n .back {\n display: flex;\n align-items: center;\n gap: ","rem;\n margin-bottom: ","rem;\n\n .arrow-icon {\n transform: rotate(180deg);\n\n svg {\n stroke: #fff;\n width: ","rem;\n height: auto;\n }\n }
1\n\n .title {\n color: #fff;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: ","rem;\n }\n }\n\n .header {\n display: flex;\n flex-direction: column;\n\n .container {\n display: flex;\n gap: ","rem;\n }\n\n .number,\n .title {\n color: #fff;\n font-size: ","rem;\n font-style: normal;\n font-weight: 500;\n line-height: ","rem;\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 }\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 .options-container {\n margin-top: ","rem;\n\n span {\n color: #fff;\n font-size: ","rem;\n font-weight: 600;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n margin-top: ","rem;\n gap: ","rem;\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 stroke: #e6e6e6;\n width: ","rem;\n height: auto;\n }\n }\n }\n }\n }\n }\n\n .documents-list {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n .header {\n flex-direction: row;\n gap: ","rem;\n }\n\n .options-container {\n span {\n color: #fff;\n font-size: ","rem;\n font-weight: 400;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n margin-top: ","rem;\n gap: ","rem;\n\n .option {\n display: flex;\n justify-content: space-between;\n cursor: pointer;\n\n .arrow-icon {\n fill: #e6e6e6;\n stroke: #e6e6e6;\n width: ","rem;\n height: auto;\n }\n }\n }\n }\n }\n"]);return N=function(){return n},n}let _=l.ZP.section(N(),3,1.5,.75,1.875,1.5,1.125,1.375,1,1.375,45/16,1,1.375,1.5,6.875,1.125,2.375,2.375,1.5,1,1.125,2.375,2.375,1.5);var k=n=>{let{sortedData:e,documentsList:t,selectedOption:r,setSelectedOption:s,trackDownload:l}=n,[c,d]=(0,i.useState)(1),m=(0,a.Z)(),h=n=>{s(n),d(2)},g=()=>{d(1)};return(0,o.jsxs)(_,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:[1==c&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{id:"scroll-to-content-documentacion",className:"scroll-to-content"}),(0,o.jsxs)("div",{className:"col options-list",children:[(0,o.jsxs)("div",{className:"header",children:[(0,o.jsxs)("div",{className:"container",children:[(0,o.jsx)("span",{className:"number quicksand",children:"01"}),(0,o.jsx)("span",{className:"title",children:"en"===m?"Corporate Documentation":"Documentaci\xf3n corporativa"})]}),(0,o.jsx)("p",{children:"en"===m?"Certifications, warranties, and recognitions.":"Certificaciones, garant\xedas y reconocimientos."})]}),(0,o.jsx)("div",{className:"content appear",children:(0,o.jsxs)("div",{className:"options-container",children:[(0,o.jsx)("span",{children:"Generales:"}),(0,o.jsx)("div",{className:"options",children:e.map((n,e)=>(0,o.jsxs)("div",{className:"option ".concat(r&&r.title===n.title&&"selected"),onClick:()=>h(n),children:[(0,o.jsx)("span",{dangerouslySetInnerHTML:{__html:n.title}}),(0,o.jsx)(p.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]},"".concat(n.title,"-").concat(e)))})]})})]})]}),2==c&&(0,o.jsxs)("div",{className:"col documents-list",children:[(0,o.jsxs)("div",{className:"back",onClick:()=>g(),children:[(0,o.jsx)(p.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"}),(0,o.jsx)("span",{className:"title",children:"Planta"})]}),(0,o.jsxs)("div",{className:"header",children:[(0,o.jsx)("span",{className:"number quicksand",children:"02"}),(0,o.jsx)("span",{className:"title",children:r.title})]}),(0,o.jsx)("div",{className:"options-container appear",children:(0,o.jsx)("div",{className:"options",children:t.map((n,e)=>{let{nombre:t,documento:i}=n;return(0,o.jsxs)("a",{className:"option",href:i,download:t,target:"_blank",rel:"noreferrer",onClick:()=>l(t),children:[(0,o.jsx)("span",{children:t}),(0,o.jsx)(p.Q,{src:"/icons/download.svg",className:"arrow-icon"})]},"".concat(t,"-").concat(e))})})})]})]})},T=()=>{let{documents:n}=(0,i.useContext)(r.Xp),{width:e}=(0,x.iP)(),{userRole:t}=(0,i.useContext)(r.vQ),[a,s]=(0,i.useState)(null),l=n.slice().sort((n,e)=>{let t=n.title.toUpperCase(),o=e.title.toUpperCase();return t<o?-1:t>o?1:0}),c=a?l.filter(n=>n.title===a.title):l,d=c.flatMap(n=>{var e;return(null===(e=n.acf)||void 0===e?void 0:e.documentos)?n.acf.documentos:[]});(0,i.useEffect)(()=>{s(l[0])},[]);let m=n=>{s(n),(0,w.q)("documentation_click_tracking",{documentation_type_tracking:n.title,user_type:t})},p=n=>{(0,w.q)("documentation_click_tracking",{documentation_type_tracking:n,user_type:t}),(0,w.q)("document_download_tracking",{document_downloaded:"".concat(n),user_t
1ype:t})};return(0,o.jsx)(o.Fragment,{children:e<1080?(0,o.jsx)(k,{sortedData:l,documentsList:d,selectedOption:a,setSelectedOption:m,trackDownload:p}):(0,o.jsx)(y,{sortedData:l,documentsList:d,selectedOption:a,setSelectedOption:m,trackDownload:p})})},z=t(5675),C=t.n(z);function P(){let n=(0,s._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: ","rem;\n padding: ","rem ","rem;\n\n @media "," {\n flex-direction: row;\n gap: ","rem;\n width: 200vw;\n height: 100vh;\n padding: ","rem;\n }\n\n .title {\n color: #282828;\n font-size: ","rem;\n font-weight: 500;\n }\n\n .paragraph {\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n margin-top: ","rem;\n\n p {\n margin-bottom: ","rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n\n .options {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n margin-top: ","rem;\n\n p {\n position: relative;\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n padding-left: ",'rem;\n\n &::before {\n content: "";\n width: ',"rem;\n height: ","rem;\n background-color: #b42b3d;\n position: absolute;\n left: 0;\n top: ","rem;\n }\n }\n }\n\n .integrado-gestion {\n @media "," {\n width: 40vw;\n }\n }\n\n .image {\n position: relative;\n height: 50vw;\n min-height: ","rem;\n\n @media "," {\n width: 80vw;\n height: 100%;\n min-height: initial;\n }\n }\n\n .gestion-energia {\n @media "," {\n width: 80vw;\n }\n\n .text-container {\n @media "," {\n display: flex;\n gap: ","rem;\n }\n\n .paragraph,\n .options {\n @media "," {\n width: 50%;\n }\n }\n }\n }\n"]);return P=function(){return n},n}let S=l.ZP.section(P(),2.5,3,1.5,c.Td.md,3.75,3.75,1.5,1,1.375,2,15/16,15/16,2,1,1.375,3.125,1.875,2/16,5/16,c.Td.md,243/16,c.Td.md,c.Td.md,c.Td.md,3.875,c.Td.md);var q=()=>{let{page:n}=(0,i.useContext)(r.Xp);return(0,o.jsxs)(S,{children:[(0,o.jsxs)("div",{className:"integrado-gestion","data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:[(0,o.jsx)("h2",{className:"title top-to-bottom",children:n.politicas.politica_sistema_integrado_gestion.titulo}),(0,o.jsx)("div",{className:"paragraph appear",dangerouslySetInnerHTML:{__html:n.politicas.politica_sistema_integrado_gestion.descripcion}}),(0,o.jsx)("div",{className:"options",children:n.politicas.politica_sistema_integrado_gestion.opciones.map((n,e)=>{let{opcion:t}=n;return(0,o.jsx)("div",{className:"opcion left-to-right",dangerouslySetInnerHTML:{__html:t}},e)})})]}),(0,o.jsx)("div",{className:"image","data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"5%",children:(0,o.jsx)(C(),{src:n.politicas.banner.url,className:"appear",alt:"banner politicas",fill:!0})}),(0,o.jsxs)("div",{className:"gestion-energia","data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"50%",children:[(0,o.jsx)("h2",{className:"title top-to-bottom",children:n.politicas.politica_sistema_gestion_energia.titulo}),(0,o.jsxs)("div",{className:"text-container",children:[(0,o.jsx)("div",{className:"paragraph appear",dangerouslySetInnerHTML:{__html:n.politicas.politica_sistema_gestion_energia.descripcion}}),(0,o.jsx)("div",{className:"options right-to-left",children:n.politicas.politica_sistema_gestion_energia.opciones.map((n,e)=>{let{opcion:t}=n;return(0,o.jsx)("div",{className:"opcion",dangerouslySetInnerHTML:{__html:t}},e)})})]})]})]})};function L(){let n=(0,s._)(["\n position: relative;\n padding: ","rem ","rem;\n width: 100%;\n\n @media "," {\n width: 100vw;\n height: 100vh;\n padding: ","rem;\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 1) 40%,\n rgba(255, 255, 255, 0.7) 60%,\n rgba(255, 255, 255, 0) 70%\n );\n }\n\n .background {\n position: absolute;\n width: 100%;\n height: ","rem;\n bottom: 0;\n left: 0;\n object-fit: cover;\n z-index: -1;\n\n @media "," {\n height: 70%;\n padding: 0 ","rem ","rem;\n }\n }\n\n .gradient {\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: ","rem;\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.6) 40%,\n rgba(255, 255, 255, 0.1) 60%,\n rgba(255, 255, 255, 0) 65%\n );\n\n @media "," {\n display: none;\n }\n }\n\n .content {\n position: relative;\n height: 100%;\n\n .text {\n padding-bottom: ","rem;\n\n @media "," {\n column-count: 2;\n column-gap: ","rem;\n padding-bottom: 0;\n }\n\n h2 {\n color: #282828;\n font-size: ","rem;\n font-weight: 500;\n margin-bottom: ","rem;\n }\n\n p {\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n margin-bottom: ","rem;\n }\n }\n }\n"]);return L=function(){return n},n}let M=l.ZP.section(L(),3,1.5,c.Td.md,3.75,187/16,c.Td.md,3.75,3.75,187/16,c.Td.md,7.5,c.Td.md,3.5,1.5,1.5,1,1.375,1.5);var Q=()=>{let{page:n}=(0,i.useContext)(r.Xp),{quienes_somos:e}=n;return(0,o.jsxs)(M,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:[(0,o.jsx)("div",{className:"content",children:(0,o.jsx)("div",{className:"text bottom-to-top",dangerouslySetInnerHTML:{__html:(null==e?void 0:e.paragraph)||""}})}),(0,o.jsx)(C(),{src:n.quienes_somos.background.url,alt:"quienes somos",width:n.quienes_somos.background.width,height:n.quienes_somos.background.height,className:"background"}),(0,o.jsx)("div",{className:"gradient"})]})};function I(){let n=(0,s._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-end;\n background-color: #282828;\n width: 100%;\n padding: ","rem ","rem;\n\n @media "," {\n width: 100vw;\n height: 100vh;\n padding: ","rem;\n }\n\n .title {\n color: #fff;\n font-size: ","rem;\n font-weight: 500;\n }\n\n .columns {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n width: 100%;\n margin-top: ","rem;\n\n @media "," {\n flex-direction: row;\n }\n }\n\n .col {\n width: 100%;\n\n @media "," {\n width: 50%;\n }\n\n span,\n .description {\n color: #fff;\n font-size: ","rem;\n line-height: ","rem;\n }\n\n span {\n position: relative;\n font-weight: 600;\n padding-left: ",'rem;\n\n &::before {\n content: "";\n width: ',"rem;\n height: ","rem;\n background-color: #b42b3d;\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n\n .description {\n font-weight: 400;\n margin-top: ","rem;\n\n p {\n margin-bottom: ","rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n }\n"]);return I=function(){return n},n}let Z=l.ZP.section(I(),3,1.5,c.Td.md,3.75,1.5,3,1.875,c.Td.md,c.Td.md,1,1.375,3.125,1.875,2/16,1.875,25/16);var H=()=>{let{page:n}=(0,i.useContext)(r.Xp),{tecnologia:e}=n,t=(0,a.Z)();return(0,o.jsxs)(Z,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:[(0,o.jsx)("h2",{className:"title top-to-bottom",children:"en"===t?"Technology:":"Tecnolog\xeda:"}),(0,o.jsxs)("div",{className:"columns appear dep",children:[(0,o.jsxs)("div",{className:"col construccion-liviana",children:[(0,o.jsx)("span",{dangerouslySetInnerHTML:{__html:e.construccion_liviana.title}}),(0,o.jsx)("div",{className:"description",dangerouslySetInnerHTML:{__html:e.construccion_liviana.description}})]}),(0,o.jsxs)("div",{className:"col fibrocemento-plycem",children:[(0,o.jsx)("span",{dangerouslySetInnerHTML:{__html:e.fibrocemento_plycem.title}}
1),(0,o.jsx)("div",{className:"description",dangerouslySetInnerHTML:{__html:e.fibrocemento_plycem.description}})]})]})]})};let D=i.memo(()=>(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(Q,{}),(0,o.jsx)(H,{}),(0,o.jsx)(f,{}),(0,o.jsx)(q,{}),(0,o.jsx)(T,{})]}));var F=D},7972:function(n,e,t){t.d(e,{o:function(){return s}});var o=t(2729),i=t(964),r=t(2509);function a(){let n=(0,o._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n @media "," {\n overflow: initial;\n flex-direction: row;\n }\n"]);return a=function(){return n},n}let s=i.ZP.section(a(),r.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.