1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[427],{6661:function(n,e,t){t.d(e,{Z:function(){return x}});var o=t(5893),r=t(7294),a=t(5675),i=t.n(a),s=t(8666),l=t(2729),c=t(964),d=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;\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=c.ZP.section(m(),3,1.5,d.Td.md,3.75,6.4375,17/16,2.5,.625,6.4375,3.75,3.75,.875,1.125,d.Td.md);var u=()=>{let{page:n}=(0,r.useContext)(s.Xp);return(0,o.jsx)(o.Fragment,{children:n&&(0,o.jsxs)(h,{className:"icons-container",style:{backgroundImage:'url("'.concat(n.characteristics.background,'")'),backgroundSize:"cover",backgroundPosition:"top",backgroundRepeat:"no-repeat"},children:[(0,o.jsx)("div",{className:"contents",children:n.characteristics.characteristics.map(n=>{let{icon:e,title:t}=n;return(0,o.jsxs)("div",{className:"icons",children:[(0,o.jsx)(i(),{src:e,alt:"declaraciones ambientales",width:60,height:60,className:"image"}),(0,o.jsx)("span",{children:t})]},t)})}),(0,o.jsx)("div",{className:"shadow-bottom"})]})})};function p(){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 p=function(){return n},n}let f=c.ZP.div(p(),8.4375,3.125,3,1.5,d.Td.md,3.75,1.875,21/16,d.Td.md,.625,5,1,8.4375);var g=()=>{let{page:n}=(0,r.useContext)(s.Xp),{characteristics:e}=n;return(0,o.jsx)(o.Fragment,{children:n&&(0,o.jsx)(f,{"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,o.jsxs)("div",{className:"icons appear",children:[(0,o.jsx)(i(),{src:t,alt:"phone step",width:80,height:80,className:"image"}),(0,o.jsx)("span",{children:e})]},e)})})})},x=n=>{let{type:e}=n;return(0,o.jsxs)(o.Fragment,{children:["grid"==e&&(0,o.jsx)(g,{}),"background"==e&&(0,o.jsx)(u,{})]})}},9203:function(n,e,t){t.d(e,{r:function(){return d}});var o=t(5893),r=t(7397),a=t(2784),i=t(2729),s=t(964);function l(){let n=(0,i._)(["\n margin: auto;\n\n .wrapper {\n width: clamp(1rem, 100%, 30.8125rem);\n margin: auto;\n text-align: center;\n padding: 2.5rem;\n background-color: #fff;\n position: relative;\n > div {\n margin-bottom: 1rem;\n }\n .icon {\n margin-bottom: 2.63rem;\n svg {\n display: block;\n margin: auto;\n width: 3.5rem;\n height: 3.5rem;\n }\n }\n .title {\n font-size: 1.5rem;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n .message {\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1.375rem;\n }\n button {\n display: flex;\n justify-content: center;\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 background-color: #b42b3d;\n\n svg {\n stroke: #fff;\n }\n }\n }\n"]);return l=function(){return n},n}let c=s.ZP.section(l(),1,.875,1.875,1.125),d=n=>{let{icon:e="sent-form",title:t,message:i,onHandleClick:s}=n,l=(0,a.Z)();return(0,o.jsx)(c,{children:(0,o.jsxs)("div",{className:"wrapper",children:[(0,o.jsx)(r.Q,{className:"close-button",src:"/icons/close.svg",onClick:()=>s()}),(0,o.jsx)("div",{className:"icon",children:(0,o.jsx)(r.Q,{src:"/icons/".concat(e,".svg")})}),(0,o.jsx)("div",{className:"title",children:t}),(0,o.jsx)("div",{className:"message",children:i}),(0,o.jsxs)("button",{type:"submit",onClick:()=>s(),children:[(0,o.jsx)("span",{children:"en"===l?"Accept":"Aceptar"})," "]})]})})}},1822:function(n,e,t){t.d(e,{Z:function(){return u}});var o=t(5893),r=t(7294),a=t(5675),i=t.n(a),s=t(8666),l=t(2729),c=t(964),d=t(2509);function m(){let n=(0,l._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n width: 100%;\n background-color: #e6e6e6;\n\n @media "," {\n height: 100vh;\n padding: ","rem;\n width: calc(100vw - ","rem);\n }\n\n .gradient {\n position: absolute;\n right: 0;\n bottom: 0;\n background: linear-gradient(180deg, rgba(40, 40, 40, 0) 0%, rgba(230, 230, 230, 0) 0.01%, rgba(230, 230, 230, 0.8) 49.48%, #e6e6e6 100%);\n width: 100%;\n height: 35vh;\n\n &.desktop {\n display: none;\n }\n\n &.mobile {\n display: block;\n }\n\n @media "," {\n &.desktop {\n display: block;\n }\n\n &.mobile {\n display: none;\n }\n\n position: absolute;\n left: 0;\n top: 0;\n background: linear-gradient(\n 270deg,\n rgba(230, 230, 230, 0) 0%,\n rgba(230, 230, 230, 1) 30%,\n rgba(230, 230, 230, 1) 70%,\n rgba(230, 230, 230, 1) 90%\n );\n width: 50%;\n height: 100vh;\n }\n }\n\n .image {\n position: relative;\n width: 100%;\n height: 70%;\n\n @media "," {\n position: absolute;\n top: 0;\n right: 0;\n width: auto;\n height: 100vh;\n width: 70%;\n }\n }\n\n .background {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .info {\n z-index: 1;\n width: 100%;\n padding: 0 ","rem ","rem;\n margin-top: ","rem;\n\n @media "," {\n max-width: ","rem;\n width: 30%;\n padding: initial;\n margin-top: initial;\n left: 2.5rem;\n position: absolute;\n }\n\n h1 {\n color: #282828;\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 p {\n color: #000;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: ","rem;\n margin-top: ","rem;\n\n @media "," {\n margin-top: ","rem;\n max-width: ","rem;\n }\n }\n }\n"]);return m=function(){return n},n}let h=c.ZP.section(m(),d.Td.md,3.75,11.25,d.Td.md,d.Td.md,1.5,3,-75/16,d.Td.md,31.25,1.5,d.Td.md,2,1,1.375,1.25,d.Td.md,1.625,369/16);var u=()=>{var n,e,t;let{page:a}=(0,r.useContext)(s.Xp);return(0,o.jsx)(o.Fragment,{children:a&&(0,o.jsxs)(h,{"data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view",children:[(0,o.jsxs)("div",{className:"image",children:[(0,o.jsx)(i(),{src:null==a?void 0:null===(n=a.steel_framing_background)||void 0===n?void 0:n.url,alt:"steel framing hero",width:null==a?void 0:null===(e=a.steel_framing_background)||void 0===e?void 0:e.width,height:null==a?void 0:null===(t=a.steel_framing_background)||void 0===t?void 0:t.height,className:"background"}),(0,o.jsx)("div",{className:"gradient mobile"})]}),(0,o.jsxs)("div",{className:"info",children:[(0,o.jsx)("h1",{className:"top-to-bottom",children:null==a?void 0:a.steel_framing_title}),(0,o.jsx)("div",{className:"paragraph appear",dangerouslySetInnerHTML:{__html:null==a?void 0:a.steel_framing_description}})]}),(0,o.jsx)("div",{className:"gradient desktop"})]})})}},4924:function(n,e,t){t.d(e,{Z:function(){return E}});var o=t(5893),r=t(7294),a=t(7397),i=t(5678),s=t(8666),l=t(2784),c=t(1163),d=t(9203),m=t(3654),h=t(2729),u=t(964),p=t(2509);function f(){let n=(0,h._)(["\n margin: auto;\n\n &.step1 {\n width: 26rem;\n position: relative;\n @media "," {\n width: 100%;\n position: relative;\n align-items: center;\n justify-content: center;\n }\n }\n\n &.step2 {\n @media "," {\n height: 90vh;\n }\n }\n\n .form-wrapper {\n margin: auto;\n }\n\n .row1 {\n position: relative;\n height: auto;\n background: var(--Plycem-Blanco, #fff);\n padding: ","rem ","rem ","rem;\n\n display: flex;\n flex-wrap: wrap;\n gap: 1.5rem 2.5rem;\n\n @media "," {\n padding: 1.5rem 2.5rem 2.5rem;\n }\n\n flex-direction: column;\n width: fit-content;\n\n .control {\n @media "," {\n &.col-2 {\n width: calc(50% - 1.25rem);\n }\n }\n }\n }\n\n .row2 {\n height: auto;\n padding: 0;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n gap: 1.5rem;\n\n @media "," {\n padding: ","rem ","rem;\n width: 47vw;\n }\n\n .control {\n @media "," {\n &.col-2 {\n width: calc(50% - 0.75rem);\n }\n }\n }\n }\n\n .title {\n width: 100%;\n h2 {\n color: var(--Plycem-Negro, #282828);\n font-size: 1.5rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1;\n }\n }\n\n .input-label {\n display: block;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 600;\n line-height: 1.75rem;\n margin-bottom: 1rem;\n }\n\n .control {\n width: 100%;\n .col-2 {\n width: 100%;\n }\n }\n\n .hidden {\n display: none;\n }\n\n span.error-message {\n font-size: 1rem;\n color: #b42b3d;\n font-weight: 600;\n padding: 0.5rem 0;\n display: block;\n }\n\n .form-request-message {\n margin: 1rem 2.5rem 3rem;\n display: block;\n .error {\n color: #b42b3d;\n font-weight: 600;\n }\n }\n\n .button-wrapper {\n display: flex;\n justify-content: flex-end;
1\n align-items: flex-end;\n width: 100%;\n @media "," {\n &.col-2 {\n width: calc(50% - 1.25rem);\n button {\n width: 100%;\n }\n }\n }\n button {\n display: flex;\n justify-content: center;\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 background-color: #b42b3d;\n height: 3rem;\n\n &.disable {\n background-color: #c0c0c0;\n color: #818181;\n cursor: initial;\n pointer-events: none;\n path {\n fill: #818181;\n }\n }\n\n @media "," {\n min-width: ","rem;\n width: auto;\n }\n\n svg {\n stroke: #fff;\n }\n }\n }\n\n .input-container {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n\n .suffix {\n position: absolute;\n color: var(--Plycem-Rojo, #b42b3d);\n font-size: 1rem;\n font-weight: 400;\n line-height: 1;\n top: 50%;\n right: 1rem;\n transform: translateY(-50%);\n }\n\n .input-wrapper {\n position: relative;\n input {\n width: 100%;\n }\n }\n\n @media "," {\n gap: ","rem;\n }\n\n label {\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n\n @media "," {\n line-height: ","rem;\n }\n }\n\n input {\n height: ","rem;\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n border: 1px solid #282828;\n outline: none;\n cursor: text;\n padding: 0 ","rem;\n\n @media "," {\n height: ","rem;\n padding: 0 ","rem;\n }\n }\n }\n"]);return f=function(){return n},n}let g=u.ZP.section(f(),p.Td.maxmd,p.Td.maxmd,1.5,1.5,3.125,p.Td.md,p.Td.md,p.Td.md,1.5,2.5,p.Td.md,p.Td.md,1,.875,1.875,1.125,p.Td.md,329/16,.5,p.Td.md,1,1,1.375,p.Td.md,1.75,2.5,1,1.375,.5,p.Td.md,45/16,1.25);var x=()=>{let n=(0,l.Z)(),{modalStep:e,setModalStep:t,setModalIsOpen:i}=(0,r.useContext)(s.K),h=(0,c.useRouter)(),[u,p]=(0,r.useState)(""),[f,x]=(0,r.useState)(!1),[w,b]=(0,r.useState)(!1);(0,r.useEffect)(()=>{let n=n=>{"formSent"===n.data&&(x(!0),(0,m.q)("effectiveness_advice_use",{effectiveness_advice:"Uso de formulario"})),"menuClosed"===n.data&&y()};return window.addEventListener("message",n),()=>{window.removeEventListener("message",n)}},[]);let v=n=>{if(1==e){let n=parseInt(u,10);if(!isNaN(n)&&n<200){b(!0),x(!0);return}}t(n)},y=()=>{p(""),i(!1),x(!1),t(1)};return(0,o.jsxs)(g,{className:"show step".concat(e),children:[(0,o.jsx)(a.Q,{className:"close-button ".concat(2!=e?"show":"hidden iframe"),src:"/icons/close.svg",onClick:()=>y()}),f?(0,o.jsx)(d.r,{icon:w?"go-contact":"calendar",title:w?"en"===n?"Guidance and Advice:":"Acompa\xf1amiento y asesor\xeda:":"en"===n?"The appointment was successfully scheduled!":"\xa1La cita fue agendada con \xe9xito!",message:w?"en"===n?"To provide guidance and advice for your project, enter your query in the contact form by clicking here:":"Para dar acompa\xf1amiento y asesor\xeda para su proyecto ingrese su consulta en el formulario de contacto dando click aqu\xed:":"en"===n?"You have successfully scheduled the appointment. We will be in touch to reconfirm.":"Ha agendado correctamente la cita, nos estaremos comunicando para reconfirmar.",onHandleClick:()=>{i(!1),t(1),w&&h.push("/formulario")}}):(0,o.jsx)("div",{className:"form-wrapper content-background",children:(0,o.jsx)("div",{className:"group row".concat(e," ").concat(3!=e?"show":"hidden"),children:1==e?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"title",children:(0,o.jsx)("h2",{children:"en"===n?"Project Information":"Informaci\xf3n del proyecto"})}),(0,o.jsxs)("div",{className:"input-container",children:[(0,o.jsx)("label",{htmlFor:"tamanoProyecto",children:"en"===n?"Project Size:":"Tama\xf1o del proyecto:"})," ",(0,o.jsxs)("div",{className:"input-wrapper",children:[(0,o.jsx)("input",{id:"tamanoProyecto",type:"number",placeholder:"000",autoComplete:"off",onChange:n=>p(n.target.value)}),(0,o.jsxs)("div",{className:"suffix",children:["m",(0,o.jsx)("sup",{children:"2"})]})]})]}),(0,o.jsx)("div",{className:"button-wrapper",children:(0,o.jsxs)("button",{className:"button-wrapper ".concat(u?"":"disable"),onClick:()=>v(e+1),children:[(0,o.jsx)("span",{children:"en"===n?"Next":"Siguiente"}),(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg"})]})})]}):(0,o.jsx)("iframe",{src:"en"===n?"".concat("https://plycem.com","/en/quotations/"):"".concat("https://plycem.com","/citas/"),className:"amelia-iframe",name:"citas",height:"560px",width:"100%"})})})]})},w=t(8154),b=t(6195);function v(){let n=(0,h._)(["\n .form-wrapper {\n width: 100%;\n }\n .row1 {\n position: relative;\n height: auto;\n background: var(--Plycem-Blanco, #fff);\n padding: ","rem ","rem ","rem;\n\n display: flex;\n flex-wrap: wrap;\n gap: 1.5rem 2.5rem;\n\n @media "," {\n padding: 1.5rem 2.5rem 2.5rem;\n }\n\n .control {\n @media "," {\n &.col-2 {\n width: calc(50% - 1.25rem);\n }\n }\n }\n }\n\n .row2 {\n height: auto;\n padding: ","rem;\n\n display: flex;\n flex-wrap: wrap;\n gap: 1.5rem;\n\n @media "," {\n padding: ","rem ","rem;\n }\n\n .control {\n @media "," {\n &.col-2 {\n width: calc(50% - 0.75rem);\n }\n }\n }\n }\n\n .title {\n width: 100%;\n h2 {\n color: var(--Plycem-Negro, #282828);\n font-size: 1.5rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1;\n }\n }\n\n .input-label {\n display: block;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 600;\n line-height: 1.75rem;\n margin-bottom: 1rem;\n }\n\n .control {\n width: 100%;\n .col-2 {\n width: 100%;\n }\n }\n\n .hidden {\n display: none;\n }\n\n span.error-message {\n font-size: 1rem;\n color: #b42b3d;\n font-weight: 600;\n padding: 0.5rem 0;\n display: block;\n }\n\n .form-request-message {\n margin: 1rem 2.5rem 3rem;\n display: block;\n .error {\n color: #b42b3d;\n font-weight: 600;\n }\n }\n\n .button-wrapper {\n display: flex;\n justify-content: flex-end;
1\n align-items: flex-end;\n width: 100%;\n @media "," {\n &.col-2 {\n width: calc(50% - 1.25rem);\n button {\n width: 100%;\n }\n }\n }\n button {\n display: flex;\n justify-content: center;\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 background-color: #b42b3d;\n height: 3rem;\n\n &.disable {\n background-color: #c0c0c0;\n color: #818181;\n cursor: initial;\n pointer-events: none;\n path {\n fill: #818181;\n }\n }\n\n @media "," {\n min-width: ","rem;\n width: auto;\n }\n\n svg {\n stroke: #fff;\n }\n }\n }\n"]);return v=function(){return n},n}let y=u.ZP.section(v(),1.5,1.5,3.125,p.Td.md,p.Td.md,1.5,p.Td.md,1.5,2.5,p.Td.md,p.Td.md,1,.875,1.875,1.125,p.Td.md,329/16),j={first:["nombre","apellidos","mail","telefono","pais"],second:["rolProyecto","tipoProyecto","tamanoProyecto","ejecucionProyecto"],third:["constructora","planos"]};var k=()=>{let n=(0,l.Z)(),e={first:"en"===n?"Customer Information:":"Informaci\xf3n del cliente:",second:"en"===n?"Customer Role Information:":"Informaci\xf3n del rol del cliente:",third:"en"===n?"Additional Information (optional):":"Informaci\xf3n adicional (opcional):"},{modalStep:t,setModalStep:i,setModalIsOpen:h,forms:{formConstruyeHook:u},trackAdviceFormData:p,getCountry:f}=(0,r.useContext)(s.K),{formID:g,formFields:x,formData:v,setFormData:k,initialFormData:_}=u,{userRole:N}=(0,r.useContext)(s.vQ),T=(0,c.useRouter)(),[z,P]=(0,r.useState)({}),[C,S]=(0,r.useState)(!1),[I,q]=(0,r.useState)(!1),[Z,E]=(0,r.useState)({show:!1,status:"",message:""}),[F,Q]=(0,r.useState)(!1),A=(n,e)=>{k(t=>({...t,[n]:e})),"pais"===n&&f(e),P(t=>{let o={...t};return e?delete o[n]:o[n]=!0,o})},H=(n,e)=>{k(t=>({...t,[n]:e[0]}))},L=n=>{let e={};return n.forEach(n=>{v[n.name]||(e[n.name]=!0)}),0===Object.keys(e).length},M=n=>n>200&&n<500?"Categor\xeda 1: Mayor a 200 y menor a 500":n>501&&n<1e3?"Categor\xeda 2: Mayor a 501 y menor a 1000":n>1001?"Categor\xeda 3: Mayor a 1001":void 0,O=async()=>{let n=new FormData;Object.entries(v).forEach(e=>{let[t,o]=e;n.append(t,o)});try{S(!0);let e=await fetch((0,b.O)(g),{method:"POST",body:n});if(e.ok)await e.json(),p("construye",v),(0,m.H)(N,"Cotiza construcci\xf3n",v.pais),(0,m.q)("effectiveness_advice_use",{effectiveness_advice:"Uso de formulario"}),(0,m.q)("profile_advice_project_use",{country_advice:v.pais,product_name_click:v.ejecucionProyecto,product_nameDL:M(parseInt(v.tamanoProyecto,10)),wpa_category:""==v.planos?"Uso de carga de planos no usada":"Documento cargado",product_country_click:v.constructora,wpa_author:v.pais,user_type:N}),q(!0);else throw Error("Error en la respuesta del servidor")}catch(n){E({show:!0,status:"error",message:"Se produjo un error al intentar enviar tu mensaje. Por favor, int\xe9ntelo de nuevo m\xe1s tarde."})}finally{S(!1)}},R=n=>x.filter(e=>n.includes(e.name)),D=n=>{if(3===n){let n=parseInt(v.tamanoProyecto,10);if(!isNaN(n)&&n<200){Q(!0),O();return}}i(n)},X=n=>i(n-1),U=()=>{k(_),h(!1),i(1)};return(0,o.jsx)(y,{className:"show",children:I?(0,o.jsx)(d.r,{icon:F?"go-contact":"sent-form",title:F?"en"===n?"Guidance and advice:":"Acompa\xf1amiento y asesor\xeda:":"en"===n?"The form was successfully submitted!":"\xa1El formulario fue enviado con \xe9xito!",message:F?"en"===n?"To provide guidance and advice for your project, please enter your query in the contact form by clicking here:":"Para dar acompa\xf1amiento y asesor\xeda para su proyecto ingrese su consulta en el formulario de contacto dando click aqu\xed:":"en"===n?"We appreciate your interest in our construction solutions. Our team will c
1ontact you as soon as possible.":"Agradecemos el inter\xe9s en nuestras soluciones constructivas. Nuestro equipo se pondr\xe1 en contacto tan pronto le sea posible.",onHandleClick:()=>{k(_),h(!1),i(1),F&&T.push("/formulario")}}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Q,{className:"close-button",src:"/icons/close.svg",onClick:()=>U()}),(0,o.jsx)("div",{className:"form-wrapper content-background",children:(0,o.jsxs)("form",{onSubmit:n=>{n.preventDefault()},children:[["first","second","third"].map((r,i)=>(0,o.jsxs)("div",{className:"".concat(r,"-group row1 ").concat(t===i+1?"show":"hidden"),children:[(0,o.jsxs)("div",{className:"title",children:["first"!=r&&(0,o.jsx)(a.Q,{src:"/icons/arrow-left-circle.svg",onClick:()=>X(t)}),(0,o.jsx)("h2",{children:e[r]})]}),R(j[r]||[]).map((n,e)=>(0,o.jsx)(w.Y,{field:n,handleInputChange:A,handleFileChange:H,index:e,errors:z},"contact-form-".concat(e))),(0,o.jsx)("div",{className:"button-wrapper ".concat("third"==r?"":"col-2"),children:(0,o.jsxs)("button",{onClick:()=>"third"!=r?D(t+1):O(),className:"".concat("third"!=r?L(R(j[r]))?"":"disable":""," ").concat(C?"disable":""),children:[(0,o.jsx)("span",{children:"third"===r?C?"en"===n?"Sending...":"Enviando...":"en"===n?"Request advice":"Solicitar asesor\xeda":"en"===n?"Next":"Siguiente"}),(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg"})]})})]},r)),Z.show&&(0,o.jsx)("span",{className:"form-request-message ".concat(Z.status),children:Z.message})]})})]})})};function _(){let n=(0,h._)(["\n .row1 {\n position: relative;\n height: auto;\n background: var(--Plycem-Blanco, #fff);\n padding: ","rem ","rem ","rem;\n\n display: flex;\n flex-wrap: wrap;\n gap: 1.5rem 2.5rem;\n\n @media "," {\n padding: 1.5rem 2.5rem 2.5rem;\n }\n\n .control {\n @media "," {\n &.col-2 {\n width: calc(50% - 1.25rem);\n }\n }\n }\n }\n\n .row2 {\n height: auto;\n padding: ","rem;\n\n display: flex;\n flex-wrap: wrap;\n gap: 1.5rem;\n\n @media "," {\n padding: ","rem ","rem;\n }\n\n .control {\n @media "," {\n &.col-2 {\n width: calc(50% - 0.75rem);\n }\n }\n }\n }\n\n .title {\n width: 100%;\n display: flex;\n align-items: center;\n gap: 1rem;\n h2 {\n color: var(--Plycem-Negro, #282828);\n font-size: 1.5rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1;\n }\n svg {\n cursor: pointer;\n }\n }\n\n .input-label {\n display: block;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 600;\n line-height: 1.75rem;\n margin-bottom: 1rem;\n }\n\n .control {\n width: 100%;\n .col-2 {\n width: 100%;\n }\n }\n\n .hidden {\n display: none;\n }\n\n span.error-message {\n font-size: 1rem;\n color: #b42b3d;\n font-weight: 600;\n padding: 0.5rem 0;\n display: block;\n }\n\n .form-request-message {\n margin: 1rem 2.5rem 3rem;\n display: block;\n .error {\n color: #b42b3d;\n font-weight: 600;\n }\n }\n\n .button-wrapper {\n display: flex;\n justify-content: flex-end;\n align-items: flex-end;\n width: 100%;\n @media "," {\n &.col-2 {\n width: calc(50% - 1.25rem);\n button {\n width: 100%;\n }\n }\n }\n button {\n display: flex;\n justify-content: center;\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 background-color: #b42b3d;\n height: 3rem;\n\n &.disable {\n background-color: #c0c0c0;\n color: #818181;\n cursor: initial;\n pointer-events: none;\n path {\n fill: #818181;\n }\n }\n\n @media "," {\n min-width: ","rem;\n width: auto;\n }\n\n svg {\n stroke: #fff;\n }\n }\n }\n"]);return _=function(){return n},n}let N=u.ZP.section(_(),1.5,1.5,3.125,p.Td.md,p.Td.md,1.5,p.Td.md,1.5,2.5,p.Td.md,p.Td.md,1,.875,1.875,1.125,p.Td.md,329/16),T={first:["nombre","apellidos","mail","telefono","pais"],second:["rolProyecto","tipoProyecto","tamanoProyecto","ejecucionProyecto"],third:["comentarios","planos"]};var z=()=>{let n=(0,l.Z)(),e={first:"en"===n?"Customer Information:":"Informaci\xf3n del cliente:",second:"en"===n?"Customer Role Information:":"Informaci\xf3n del rol del cliente:",third:"en"===n?"Additional Information (optional):":"Informaci\xf3n adicional (opcional):"},{modalStep:t,setModalStep:i,setModalIsOpen:h,forms:{formCotizaH
1ook:u},trackAdviceFormData:p}=(0,r.useContext)(s.K),{formID:f,formFields:g,formData:x,setFormData:v,initialFormData:y}=u,j=(0,c.useRouter)(),{userRole:k}=(0,r.useContext)(s.vQ),[_,z]=(0,r.useState)({}),[P,C]=(0,r.useState)(!1),[S,I]=(0,r.useState)(!1),[q,Z]=(0,r.useState)({show:!1,status:"",message:""}),[E,F]=(0,r.useState)(!1),Q=(n,e)=>{v(t=>({...t,[n]:e})),z(t=>{let o={...t};return e?delete o[n]:o[n]=!0,o})},A=(n,e)=>{v(t=>({...t,[n]:e[0]}))},H=n=>{let e={};return n.forEach(n=>{x[n.name]||(e[n.name]=!0)}),0===Object.keys(e).length},L=n=>n>200&&n<500?"Categor\xeda 1: Mayor a 200 y menor a 500":n>501&&n<1e3?"Categor\xeda 2: Mayor a 501 y menor a 1000":n>1001?"Categor\xeda 3: Mayor a 1001":void 0,M=async()=>{let n=new FormData;Object.entries(x).forEach(e=>{let[t,o]=e;n.append(t,o)});try{C(!0);let e=await fetch((0,b.O)(f),{method:"POST",body:n});if(e.ok)await e.json(),p("cotiza",x),(0,m.H)(k,"Especifica y cotiza",x.pais),I(!0),(0,m.q)("effectiveness_advice_use",{effectiveness_advice:"Uso de formulario"}),(0,m.q)("profile_advice_project_use",{country_advice:x.pais,product_name_click:x.ejecucionProyecto,product_nameDL:L(parseInt(x.tamanoProyecto,10)),wpa_category:""==x.planos?"Uso de carga de planos no usada":"Documento cargado",wpa_author:x.pais,user_type:k});else throw Error("Error en la respuesta del servidor")}catch(n){Z({show:!0,status:"error",message:"Se produjo un error al intentar enviar tu mensaje. Por favor, int\xe9ntelo de nuevo m\xe1s tarde."})}finally{C(!1)}},O=n=>g.filter(e=>n.includes(e.name)),R=n=>{if(3===n){let n=parseInt(x.tamanoProyecto,10);if(!isNaN(n)&&n<200){F(!0),M();return}}i(n)},D=n=>i(n-1),X=()=>{v(y),h(!1),i(1)};return(0,o.jsx)(N,{className:"show",children:S?(0,o.jsx)(d.r,{icon:E?"go-contact":"sent-form",title:E?"en"===n?"Guidance and Advice:":"Acompa\xf1amiento y asesor\xeda:":"en"===n?"The form was successfully submitted!":"\xa1El formulario fue enviado con \xe9xito!",message:E?"en"===n?"To provide guidance and advice for your project, please enter your query in the contact form by clicking here:":"Para dar acompa\xf1amiento y asesor\xeda para tu proyecto ingresa tu consulta en el formulario de contacto dando click aqu\xed:":"en"===n?"We appreciate your interest in our construction solutions. Our team will c
1ontact you as soon as possible.":"Agradecemos el inter\xe9s en nuestras soluciones constructivas. Nuestro equipo se pondr\xe1 en contacto tan pronto le sea posible.",onHandleClick:()=>{v(y),h(!1),i(1),E&&j.push("/formulario")}}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Q,{className:"close-button",src:"/icons/close.svg",onClick:()=>X()}),(0,o.jsx)("div",{className:"form-wrapper content-background",children:(0,o.jsxs)("form",{onSubmit:n=>{n.preventDefault()},children:[["first","second","third"].map((r,i)=>(0,o.jsxs)("div",{className:"".concat(r,"-group row1 ").concat(t===i+1?"show":"hidden"),children:[(0,o.jsxs)("div",{className:"title",children:["first"!=r&&(0,o.jsx)(a.Q,{src:"/icons/arrow-left-circle.svg",onClick:()=>D(t)}),(0,o.jsx)("h2",{children:e[r]})]}),O(T[r]||[]).map((n,e)=>(0,o.jsx)(w.Y,{field:n,handleInputChange:Q,handleFileChange:A,index:e,errors:_},"contact-form-".concat(e))),(0,o.jsx)("div",{className:"button-wrapper ".concat("third"==r?"":"col-2"),children:(0,o.jsxs)("button",{onClick:()=>"third"!=r?R(t+1):M(),className:"".concat("third"!=r?H(O(T[r]))?"":"disable":""," ").concat(P?"disable":""),children:[(0,o.jsx)("span",{children:"third"===r?P?"en"===n?"Sending...":"Enviando...":"en"===n?"Request advice":"Solicitar asesor\xeda":"en"===n?"Next":"Siguiente"})," ",(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg"})]})})]},r)),q.show&&(0,o.jsx)("span",{className:"form-request-message ".concat(q.status),children:q.message})]})})]})})},P=t(3935);function C(){let n=(0,h._)(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #00000055;\n z-index: 20;\n\n &.citas {\n .box {\n width: fit-content;\n }\n\n .row2 {\n padding: 0;\n }\n @media "," {\n .box {\n display: flex;\n .close-button {\n display: block !important;\n }\n }\n }\n }\n\n .show {\n display: flex;\n }\n\n .hidden {\n display: none;\n }\n\n .box {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n max-height: 90%;\n min-height: 90%;\n width: 90%;\n overflow: auto;\n\n @media "," {\n max-height: ","rem;\n min-height: auto;\n width: ","rem;\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #535353;\n }\n\n /* .content-background {\n background-color: #fff;\n } */\n }\n\n .close-button {\n position: absolute;\n right: ","rem;\n top: ","rem;\n cursor: pointer;\n z-index: 20;\n\n @media "," {\n right: ","rem;\n top: ","rem;\n\n &.iframe {\n left: 49%;\n top: 0.5rem;\n transform: translateX(-50%);\n right: auto;\n display: flex;\n justify-content: flex-end;\n max-width: 760px;\n width: 100%;\n height: 20px;\n }\n }\n\n @media "," {\n &.iframe {\n left: 92%;\n top: 24%;\n transform: translateX(-50%);\n right: auto;\n display: flex !important;\n }\n }\n }\n"]);return C=function(){return n},n}let S=u.ZP.section(C(),p.Td.maxmd,p.Td.md,41.875,64.0625,1.5,1.5,p.Td.md,15/16,15/16,p.Td.maxmd);var I=n=>{let{customClass:e,children:t}=n;return(0,o.jsx)(o.Fragment,{children:(0,P.createPortal)((0,o.jsx)(S,{className:e,children:(0,o.jsx)("div",{className:"box",children:t})}),document.body)})};function q(){let n=(0,h._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n height: calc(100vh - ","rem);\n padding: ","rem;\n\n @media "," {\n width: calc(100vw - ","rem);\n height: 100vh;\n padding: ","rem;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-end;\n }\n\n .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;
1\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\n"]);return q=function(){return n},n}let Z=u.ZP.section(q(),3.625,1.5,p.Td.md,11.25,3.75,p.Td.md,30,1.5,p.Td.md,2,1.125,1.25,p.Td.md,1.5,9/16,3.125,17/16,p.Td.md,329/16,1.125,1.5,1,1,p.Td.md,1.5,13/16,1,1.125,1.375,5/16,.5,1.125,1,.875,1.875,1.125,p.Td.md,329/16,p.Td.md,p.Td.md,p.Td.md);var E=()=>{let{width:n}=(0,i.iP)(),{page:e}=(0,r.useContext)(s.Xp),{modalIsOpen:t,setModalIsOpen:c,trackAdviceFormClick:d}=(0,r.useContext)(s.K),{free_advice:m={}}=e||{},[h,u]=(0,r.useState)(""),p=(0,l.Z)(),f=n=>{c(!0),u(n),d(n)};return(0,o.jsxs)(Z,{style:{backgroundImage:'url("'.concat(m.background_image,'")'),backgroundSize:"cover",backgroundPosition:"top center",backgroundRepeat:"no-repeat"},"data-scroll":!0,"data-scroll-class":"in-view",children:[(0,o.jsx)("div",{id:"scroll-to-start",className:"scroll-to-start"}),(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)("h2",{className:"title",children:m.title}),(0,o.jsx)("div",{className:"paragraph",children:m.description})]}),(0,o.jsx)("div",{className:"buttons appear",children:["cotiza","construye","citas"].map(n=>(0,o.jsxs)("button",{type:"button",className:"calculate",onClick:()=>f(n),children:[(0,o.jsxs)("span",{children:["cotiza"===n&&("en"===p?"Specify and quote":"Especifica y cotiza"),"construye"===n&&("en"===p?"Quote construction":"Cotiza construcci\xf3n"),"citas"===n&&("en"===p?"Schedule an appointment":"Programa una cita")]}),(0,o.jsx)(a.Q,{src:"/icons/long-arrow-right.svg"})]},n))}),(0,o.jsx)("div",{className:"shadow-bottom"}),t&&h&&(0,o.jsxs)(I,{customClass:h,children:["cotiza"==h&&(0,o.jsx)(z,{}),"construye"==h&&(0,o.jsx)(k,{}),"citas"==h&&(0,o.jsx)(x,{})]})]})}},2291:function(n,e,t){t.d(e,{Z:function(){return u}});var o=t(5893),r=t(7294),a=t(5675),i=t.n(a),s=t(8666),l=t(2729),c=t(964),d=t(2509);function m(){let n=(0,l._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: ","rem;\n padding: ","rem ","rem;\n width: 100%;\n\n @media "," {\n flex-direction: initial;\n padding: ","rem;\n gap: initial;\n width: 100vw;\n height: 100vh;\n }\n\n .col {\n width: 100%;\n\n @media "," {\n width: 33%;\n padding-top: ","rem;\n }\n\n &.col1 {\n @media "," {\n padding-right: ","rem;\n }\n }\n\n &.col2 {\n padding: 0;\n }\n\n &.col3 {\n @media "," {\n padding-left: ","rem;\n }\n }\n\n hr {\n width: ","rem;\n height: ","rem;\n background-color: #b42b3d;\n border: none;\n margin: 0;\n }\n\n .middle-image {\n width: 100%;\n height: 100%;\n }\n\n h2 {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n margin-top: ","rem;\n }\n\n .paragraph {\n color: #000;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: ","rem;\n margin-top: ","rem;\n }\n\n .declaraciones-image {\n display: flex;\n justify-content: center;\n background-color: #e6e6e6;\n padding: ","rem ","rem;\n margin-top: ","rem;\n\n @media "," {\n padding: ","rem;\n }\n\n .image {\n width: ","rem;\n height: auto;\n\n @media "," {\n width: ","rem;\n }\n }\n }\n }\n"]);return m=function(){return n},n}let h=c.ZP.section(m(),3,3,1.5,d.Td.md,3.75,d.Td.md,8.8125,d.Td.md,3.75,d.Td.md,3.75,2.5,2/16,1.5,1.25,1,1.375,1.25,43/16,2.125,1.25,d.Td.md,3.75,275/16,d.Td.md,237/16);var u=()=>{let{page:n}=(0,r.useContext)(s.Xp);return(0,o.jsx)(o.Fragment,{children:n&&(0,o.jsxs)(h,{children:[(0,o.jsxs)("div",{className:"col col1","data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:[(0,o.jsx)("hr",{className:"top-to-bottom"}),(0,o.jsx)("h2",{className:"top-to-bottom",dangerouslySetInnerHTML:{__html:n.solucion_constructiva_declaraciones_ambientales.solucion_title}}
1),(0,o.jsx)("div",{className:"paragraph appear",dangerouslySetInnerHTML:{__html:n.solucion_constructiva_declaraciones_ambientales.solucion_text}})]}),(0,o.jsx)("div",{className:"col col2","data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"5%",children:(0,o.jsx)(i(),{src:n.solucion_constructiva_declaraciones_ambientales.image,alt:"section banner",width:427,height:604,className:"middle-image appear"})}),(0,o.jsxs)("div",{className:"col col3","data-scroll-repeat":!0,"data-scroll":!0,"data-scroll-class":"in-view","data-scroll-offset":"25%",children:[(0,o.jsx)("hr",{className:"top-to-bottom"}),(0,o.jsx)("h2",{className:"top-to-bottom",dangerouslySetInnerHTML:{__html:n.solucion_constructiva_declaraciones_ambientales.declaraciones_title}}),(0,o.jsx)("div",{className:"paragraph appear",dangerouslySetInnerHTML:{__html:n.solucion_constructiva_declaraciones_ambientales.declaraciones_text}}),(0,o.jsx)("div",{className:"declaraciones-image appear",children:(0,o.jsx)(i(),{src:n.solucion_constructiva_declaraciones_ambientales.declaraciones_image,alt:"declaraciones ambientales",width:237,height:121,className:"image"})})]})]})})}},6236:function(n,e,t){var o=t(7294);e.Z=()=>{let[n,e]=(0,o.useState)(!0),[t,r]=(0,o.useState)(1);return{modalIsOpen:n,setModalIsOpen:e,modalStep:t,setModalStep:r}}},4604:function(n,e,t){t.d(e,{D:function(){return s}});var o=t(2729),r=t(964),a=t(2509);function i(){let n=(0,o._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n @media "," {\n flex-direction: row;\n overflow: initial;\n }\n"]);return i=function(){return n},n}let s=r.ZP.section(i(),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.