1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8096],{1814:function(n,e,t){t.d(e,{Z:function(){return p}});var i=t(5893),r=t(7294),a=t(5152),o=t.n(a),s=t(5678),l=t(2784),d=t(2729),c=t(964),m=t(2509);function h(){let n=(0,d._)(["\n background-color: #fff;\n width: 100%;\n\n @media ",' {\n position: relative;\n width: 250vw;\n\n .frames-container {\n position: absolute;\n top: 0;\n left: 8rem;\n width: 100vw;\n height: 100%;\n\n &:before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: 15%;\n height: 100%;\n background-color: #fff;\n z-index: 2;\n opacity: 0;\n }\n }\n }\n\n .animated {\n z-index: 3;\n width: 100%;\n transition: opacity 0.7s ease-in-out;\n\n padding: 0 1.5rem;\n margin-bottom: 1.5rem;\n\n h2 {\n font-weight: 500;\n }\n\n &.show {\n opacity: 1;\n }\n\n @media '," {\n width: 50%;\n max-width: ","rem;\n position: absolute;\n bottom: 33%;\n left: calc(3rem + 2%);\n opacity: 0;\n }\n\n &.tec {\n @media "," {\n left: auto;\n right: calc(7rem + 2%);\n }\n }\n }\n\n canvas {\n width: 100%;\n height: auto;\n z-index: 1;\n\n @media "," {\n position: absolute;\n bottom: 0;\n right: 0;\n }\n }\n"]);return h=function(){return n},n}let g=c.ZP.div(h(),m.Td.md,m.Td.md,20.625,m.Td.md,m.Td.md),u=o()(()=>t.e(8266).then(t.bind(t,8266)),{loadableGenerated:{webpack:()=>[8266]},ssr:!1});var p=()=>{let n=(0,l.Z)(),{width:e,height:t}=(0,s.iP)(),[a,o]=(0,r.useState)(0),[d,c]=(0,r.useState)(0),[m,h]=(0,r.useState)(!1),[p,f]=(0,r.useState)(0),w="frames-container-scroll-0",x=e<1080;return(0,r.useEffect)(()=>{if(!e)return;let n=()=>{setTimeout(()=>{let n=document.querySelector(".page-content"),e=document.querySelector("#"+w);if(e&&n){let i=n.getBoundingClientRect(),r=e.getBoundingClientRect(),a=r.left-i.left-r.width/4,s=r.left-i.left+1.5*r.width;x&&(a=r.top-i.top-t,s=r.top-i.top+.3*t),o(a),c(s)}h(!0)},3e3)};return window.addEventListener("resize",n),n(),()=>{window.removeEventListener("resize",n)}},[e,t]),(0,i.jsx)(g,{id:"stick-scroll","attr-progress":p,children:(0,i.jsx)("div",{id:w,className:"frames-container","data-scroll":!0,"data-scroll-sticky":!0,"data-scroll-target":"#stick-scroll",children:m&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u,{animationScrollXStart:a,animationScrollXEnd:d,numFrames:60,setProgress:f,width:e,height:x?.5*t:t,useX:!x,extension:"webp"}),(0,i.jsxs)("div",{className:"animated empresa ".concat(p>0&&p<50?"show":""),children:[(0,i.jsx)("h2",{children:"en"===n?"Our Company":"Nuestra Empresa"}),(0,i.jsx)("p",{children:"en"===n?'The PLYCEM construction solutions portfolio aims to make "Happy Customers" by turning their dreams and projects into works that last over time.':"El portafolio de soluciones constructivas PLYCEM busca hacer âClientes Felicesâ al hacer realidad sus sue\xf1os y proyectos en obras que perduran a lo largo del tiempo."})]}),(0,i.jsxs)("div",{className:"animated ".concat(p>81?"show":""),children:[(0,i.jsx)("h2",{children:"en"===n?"Advanced Robotic Technology":"Tecnolog\xeda rob\xf3tica de avanzada"}),(0,i.jsx)("p",{children:"en"===n?"We incorporate modern Japanese technology robots in part of the manufacturing process that increases the productive capacity of our production plants, supporting our commitment to offer you and various markets, complete and advanced fiber cement solutions for the construction industry.":"Incorporamos modernos robots de tecnolog\xeda japonesa en una parte del proceso de fabricaci\xf3n que aumenta la capacidad productiva de nuestras plantas de producci\xf3n, respaldando el compromiso de ofrecerte a ti y a los distintos mercados, completas y avanzadas soluciones de fibrocemento para la industria de la construcci\xf3n."})]})]})})})}},6661:function(n,e,t){t.d(e,{Z:function(){return w}});var i=t(5893),r=t(7294),a=t(5675),o=t.n(a),s=t(8666),l=t(2729),d=t(964),c=t(2509);function m(){let n=(0,l._)(["\n position: relative;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n width: 100%;\n height: 85vh;\n padding: ","rem ","rem;\n\n @media "," {\n width: 52.0625vw;\n height: 100vh;\n padding: ","rem;\n }\n\n .contents {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(","rem, 1fr));\n justify-items: center;\n width: 100%;\n justify-content: space-between;\n gap: ","rem;\n row-gap: ","rem;\n z-index: 1;\n\n @media (min-width: 870px) {\n display: flex;\n justify-items: initial;\n gap: 3.75rem;\n row-gap: initial;\n flex-wrap: initial;\n height: 100%;\n flex-direction: column;\n align-items: flex-end;\n justify-content: space-around;\n }\n }\n\n .icons {\n display: flex;\n flex-direction: column;
1\n align-items: center;\n text-align: center;\n gap: ","rem;\n max-width: ","rem;\n\n .image {\n width: ","rem;\n height: ","rem;\n }\n\n span {\n color: #e6e6e6;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: ","rem;\n }\n }\n\n .shadow-bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 60vh;\n background: linear-gradient(\n 0deg,\n rgba(86, 86, 91, 1) 44%,\n rgba(86, 86, 91, 0.829656862745098) 60%,\n rgba(86, 86, 91, 0.5859593837535014) 73%,\n rgba(86, 86, 91, 0) 100%\n );\n @media "," {\n right: 0;\n left: auto;\n width: 30vw;\n height: 100%;\n background: linear-gradient(\n 270deg,\n rgba(86, 86, 91, 1) 44%,\n rgba(86, 86, 91, 0.829656862745098) 60%,\n rgba(86, 86, 91, 0.5859593837535014) 73%,\n rgba(86, 86, 91, 0) 100%\n );\n }\n }\n"]);return m=function(){return n},n}let h=d.ZP.section(m(),3,1.5,c.Td.md,3.75,6.4375,17/16,2.5,.625,6.4375,3.75,3.75,.875,1.125,c.Td.md);var g=()=>{let{page:n}=(0,r.useContext)(s.Xp);return(0,i.jsx)(i.Fragment,{children:n&&(0,i.jsxs)(h,{className:"icons-container",style:{backgroundImage:'url("'.concat(n.characteristics.background,'")'),backgroundSize:"cover",backgroundPosition:"top",backgroundRepeat:"no-repeat"},children:[(0,i.jsx)("div",{className:"contents",children:n.characteristics.characteristics.map(n=>{let{icon:e,title:t}=n;return(0,i.jsxs)("div",{className:"icons",children:[(0,i.jsx)(o(),{src:e,alt:"declaraciones ambientales",width:60,height:60,className:"image"}),(0,i.jsx)("span",{children:t})]},t)})}),(0,i.jsx)("div",{className:"shadow-bottom"})]})})};function u(){let n=(0,l._)(["\n display: grid;\n grid-template-columns: repeat(2, ","rem);\n justify-items: center;\n justify-content: center;\n align-items: center;\n gap: ","rem;\n background-color: #56565b;\n width: 100%;\n padding: ","rem ","rem;\n\n @media "," {\n width: 30vw;\n padding: ","rem;\n gap: ","rem;\n }\n\n .icons {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: ","rem;\n\n @media "," {\n gap: ","rem;\n }\n\n .image {\n width: ","rem;\n height: auto;\n }\n\n span {\n color: #e6e6e6;\n text-align: center;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n max-width: ","rem;\n }\n }\n"]);return u=function(){return n},n}let p=d.ZP.div(u(),8.4375,3.125,3,1.5,c.Td.md,3.75,1.875,21/16,c.Td.md,.625,5,1,8.4375);var f=()=>{let{page:n}=(0,r.useContext)(s.Xp),{characteristics:e}=n;return(0,i.jsx)(i.Fragment,{children:n&&(0,i.jsx)(p,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:e.map(n=>{let{title:e,image:t}=n;return(0,i.jsxs)("div",{className:"icons appear",children:[(0,i.jsx)(o(),{src:t,alt:"phone step",width:80,height:80,className:"image"}),(0,i.jsx)("span",{children:e})]},e)})})})},w=n=>{let{type:e}=n;return(0,i.jsxs)(i.Fragment,{children:["grid"==e&&(0,i.jsx)(f,{}),"background"==e&&(0,i.jsx)(g,{})]})}},3492:function(n,e,t){t.d(e,{Z:function(){return w}});var i=t(5893),r=t(7294),a=t(1163),o=t(8075),s=t(7397),l=t(67),d=t(2546),c=t(8666),m=t(2784),h=t(2729),g=t(964),u=t(2509);function p(){let n=(0,h._)(["\n position: relative;\n height: calc(100vh - ","rem);\n width: 100%;\n\n @media "," {\n height: 100vh;\n width: calc(100vw - ","rem - 20vw);\n }\n\n .hero {\n position: relative;\n height: calc(100vh - ","rem);\n display: flex;\n align-items: flex-end;\n padding: ","rem ","rem;\n\n @media "," {\n height: 100vh;\n width: 70.625vw;\n padding: 3.125vw;\n }\n\n .title {\n position: relative;\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 .slide-content {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n max-width: 100%;\n z-index: 2;\n\n @media "," {\n gap: ","rem;\n max-width: ","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 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 .shadow-bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: ","rem;\n background: linear-gradient(\n 180deg,\n rgba(40, 40, 40, 0) 0%,\n rgba(40, 40, 40, 0.7820378151260504) 30%,\n rgba(40, 40, 40, 1) 70%,\n rgba(40, 40, 40, 1) 90%\n );\n\n @media "," {\n height: ","rem;\n }\n }\n\n .swiper-pagination {\n padding-bottom: ","rem;\n\n @media "," {\n padding-bottom: 0;\n }\n }\n\n .swiper-pagination-bullet,\n .swiper-pagination-bullet-active {\n opacity: 1;\n border-radius: 0;\n }\n\n .swiper-pagination-bullet {\n background-color: #e6e6e6;\n height: ","rem;\n width: ","rem;\n\n @media "," {\n height: ","rem;\n width: ","rem;\n }\n }\n\n .swiper-pagination-bullet-active {\n background-color: #b42b3d;\n height: ","rem;\n width: ","rem;\n\n @media "," {\n height: ","rem;\n width: ","rem;\n }\n }\n"]);return p=function(){return n},n}let f=g.ZP.section(p(),3.625,u.Td.md,11.25,1,6.875,1.5,u.Td.md,1.5,u.Td.md,2,1.25,u.Td.md,1.875,421/16,9/16,3.125,u.Td.md,329/16,1.125,1.5,18.75,u.Td.md,17.5,1.25,u.Td.md,3/16,1.875,u.Td.md,1.875,3/16,3/16,3.75,u.Td.md,3.75,3/16);var w=()=>{let n=(0,m.Z)(),{page:e}=(0,r.useContext)(c.Xp),{scroll:t}=(0,o.lh)(),{pathname:h,push:g}=(0,a.useRouter)(),u=()=>{"/"===h?g("/soluciones?scroll=content"):t.scrollTo("#scroll-to-content")};return(0,i.jsx)(i.Fragment,{children:e&&(0,i.jsx)(f,{className:"panel",children:(0,i.jsx)(d.tq,{effect:"fade",pagination:{clickable:!0},autoplay:{delay:1e4,disableOnInteraction:!1},breakpoints:{1079:{direction:"vertical"}},modules:[l.tl,l.pt,l.xW],className:"mySwiper",children:e.hero_carousel&&e.hero_carousel.map((e,t)=>{let{image:r,text:a}=e;return(0,i.jsx)(d.o5,{children:(0,i.jsxs)("div",{className:"hero",style:{backgroundImage:'url("'.concat(r.url,'")'),backgroundSize:"cover",backgroundPosition:"top center"},children:[(0,i.jsxs)("div",{className:"slide-content",children:[0===t?(0,i.jsx)("h1",{className:"title",children:a}):(0,i.jsx)("div",{className:"title",children:a}),(0,i.jsxs)("button",{type:"button",className:"products-link",onClick:()=>
1u(),children:[(0,i.jsx)("span",{children:"en"===n?"View Solutions":"Ver soluciones"}),(0,i.jsx)(s.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]})]}),(0,i.jsx)("div",{className:"shadow-bottom"})]})},"hero-slide-".concat(t))})})})})}},204:function(n,e,t){t.d(e,{Z:function(){return p}});var i=t(5893),r=t(7294),a=t(1664),o=t.n(a),s=t(7397),l=t(8666),d=t(2784),c=t(2729),m=t(964),h=t(2509);function g(){let n=(0,c._)(["\n position: relative;\n width: 100%;\n display: flex;\n align-items: flex-end;\n flex-direction: column-reverse;\n background: linear-gradient(0deg, rgba(230, 230, 230, 0) 0%, rgba(230, 230, 230, 0.1) 30%, rgba(230, 230, 230, 1) 70%, rgba(230, 230, 230, 1) 90%);\n\n @media "," {\n width: calc(50vw - 5.652rem);\n padding: ","rem ","rem;\n background: linear-gradient(\n 180deg,\n rgba(230, 230, 230, 0) 0%,\n rgba(230, 230, 230, 0.2) 30%,\n rgba(230, 230, 230, 1) 70%,\n rgba(230, 230, 230, 1) 90%\n );\n }\n\n .background {\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: auto;\n margin-top: ","rem;\n\n @media "," {\n position: absolute;\n margin-top: 0;\n }\n }\n\n .data {\n margin-top: ","rem;\n padding: 0 ","rem;\n\n @media "," {\n margin-top: 0;\n padding: 0;\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 p {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: ","rem;\n margin: ","rem 0;\n }\n\n .steel-framing-link {\n display: flex;\n align-items: center;\n gap: ","rem;\n\n span {\n color: #282828;\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 }\n"]);return g=function(){return n},n}let u=m.ZP.section(g(),h.Td.md,3.75,3,2,h.Td.md,3,1.5,h.Td.md,1.5,1,1.375,1.875,.625,1,1.5);var p=()=>{let{page:n}=(0,r.useContext)(l.Xp),{steel_framing:e}=n,t=(0,d.Z)();return(0,i.jsx)(i.Fragment,{children:n&&(0,i.jsxs)(u,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:[(0,i.jsx)("img",{className:"background",src:e.background.url,alt:"steel framing background"}),(0,i.jsxs)("div",{className:"data bottom-to-top",children:[(0,i.jsx)("h2",{children:e.title}),(0,i.jsx)("div",{className:"paragraph",dangerouslySetInnerHTML:{__html:e.description}}),(0,i.jsxs)(o(),{href:"en"===t?"/en/steel-framing":"/steel-framing",className:"steel-framing-link",children:[(0,i.jsx)("span",{children:"en"===t?"Show more":"Ver m\xe1s"}),(0,i.jsx)(s.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]})]})]})})}},3928:function(n,e,t){t.d(e,{u:function(){return s}});var i=t(2729),r=t(964),a=t(2509);function o(){let n=(0,i._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n @media "," {\n flex-direction: row;\n overflow: initial;\n }\n"]);return o=function(){return n},n}let s=r.ZP.section(o(),a.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.