.elementor-1984 .elementor-element.elementor-element-73c1e39{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:137px;--padding-bottom:118px;--padding-left:32px;--padding-right:32px;}.elementor-1984 .elementor-element.elementor-element-73c1e39:not(.elementor-motion-effects-element-type-background), .elementor-1984 .elementor-element.elementor-element-73c1e39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;background-image:url("https://www.steelark.es/wp-content/uploads/2026/09/02-perfiles-acero-galvanizado-taller.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1984 .elementor-element.elementor-element-73c1e39::before, .elementor-1984 .elementor-element.elementor-element-73c1e39 > .elementor-background-video-container::before, .elementor-1984 .elementor-element.elementor-element-73c1e39 > .e-con-inner > .elementor-background-video-container::before, .elementor-1984 .elementor-element.elementor-element-73c1e39 > .elementor-background-slideshow::before, .elementor-1984 .elementor-element.elementor-element-73c1e39 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1984 .elementor-element.elementor-element-73c1e39 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(100deg, #08080A 0%, rgba(9,9,11,0.80) 100%);}.elementor-1984 .elementor-element.elementor-element-4b6dfa9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:auto;--gap:48px 56px;--row-gap:48px;--column-gap:56px;--grid-auto-flow:row;--align-items:center;}.elementor-1984 .elementor-element.elementor-element-d721463{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:26px 0px;--row-gap:26px;--column-gap:0px;}.elementor-1984 .elementor-element.elementor-element-7f8ee47 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;line-height:1.5em;letter-spacing:2.4px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-f6577b8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:74px;font-weight:700;line-height:1.01em;letter-spacing:-2.4px;color:#FFFFFF;}.elementor-1984 .elementor-element.elementor-element-9d0407c{padding:0px 70px 0px 0px;font-family:"Roboto", Sans-serif;font-size:18px;line-height:1.65em;color:#AFAFB4;}.elementor-1984 .elementor-element.elementor-element-7e9e8d1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:14px 4px;--row-gap:14px;--column-gap:4px;--padding-top:6px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-bba4a7f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-1984 .elementor-element.elementor-element-b087a75 .elementor-button{background-color:#DAA520;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;fill:#111111;color:#111111;border-radius:6px 6px 6px 6px;padding:19px 30px 19px 30px;}.elementor-1984 .elementor-element.elementor-element-b087a75 .elementor-button:hover, .elementor-1984 .elementor-element.elementor-element-b087a75 .elementor-button:focus{background-color:#EBBB3E;color:#111111;}.elementor-1984 .elementor-element.elementor-element-b087a75{width:auto;max-width:auto;}.elementor-1984 .elementor-element.elementor-element-b087a75 .elementor-button:hover svg, .elementor-1984 .elementor-element.elementor-element-b087a75 .elementor-button:focus svg{fill:#111111;}.elementor-1984 .elementor-element.elementor-element-68a2ca6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-1984 .elementor-element.elementor-element-b725e21 .elementor-button{background-color:rgba(255,255,255,0);font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#3B3B41;border-radius:6px 6px 6px 6px;padding:19px 30px 19px 30px;}.elementor-1984 .elementor-element.elementor-element-b725e21 .elementor-button:hover, .elementor-1984 .elementor-element.elementor-element-b725e21 .elementor-button:focus{background-color:rgba(218,165,32,0.08);color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-b725e21{width:auto;max-width:auto;}.elementor-1984 .elementor-element.elementor-element-b725e21 .elementor-button:hover svg, .elementor-1984 .elementor-element.elementor-element-b725e21 .elementor-button:focus svg{fill:#DAA520;}.elementor-1984 .elementor-element.elementor-element-be88995{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:auto;--gap:18px 26px;--row-gap:18px;--column-gap:26px;--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#2B2B30;--border-color:#2B2B30;--margin-top:18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-24a2c59 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;line-height:1.4em;color:#E6E6EA;}.elementor-1984 .elementor-element.elementor-element-0f8fe65 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;line-height:1.4em;color:#E6E6EA;}.elementor-1984 .elementor-element.elementor-element-c6b4479 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;line-height:1.4em;color:#E6E6EA;}.elementor-1984 .elementor-element.elementor-element-2bd1828{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:14px 0px;--row-gap:14px;--column-gap:0px;}.elementor-1984 .elementor-element.elementor-element-7363883{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:rgba(218,165,32,0.38);--border-color:rgba(218,165,32,0.38);box-shadow:0px 34px 70px -24px rgba(0,0,0,0.75);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-f54e75e img{width:100%;height:540px;object-fit:cover;object-position:center center;filter:brightness( 94% ) contrast( 108% ) saturate( 62% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1984 .elementor-element.elementor-element-eacc17f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:0.8px;color:#7E7E86;}.elementor-1984 .elementor-element.elementor-element-1c206e9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:128px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-1984 .elementor-element.elementor-element-1c206e9:not(.elementor-motion-effects-element-type-background), .elementor-1984 .elementor-element.elementor-element-1c206e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(160deg, #FFFFFF 0%, #F6F4EF 100%);}.elementor-1984 .elementor-element.elementor-element-e2ae30a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:auto;--gap:48px 64px;--row-gap:48px;--column-gap:64px;--grid-auto-flow:row;--align-items:center;}.elementor-1984 .elementor-element.elementor-element-0e275ac{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:24px 0px;--row-gap:24px;--column-gap:0px;}.elementor-1984 .elementor-element.elementor-element-0a26e41 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2.4px;color:#111111;}.elementor-1984 .elementor-element.elementor-element-94a04f3{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;padding:0px 0px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-94a04f3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:700;line-height:1.12em;letter-spacing:-1.4px;color:#111111;}.elementor-1984 .elementor-element.elementor-element-6bf1f0f{padding:0px 0px 0px 0px;border-style:none;font-family:"Roboto", Sans-serif;font-size:17px;line-height:1.72em;color:#55555A;}.elementor-1984 .elementor-element.elementor-element-898d27e{padding:0px 0px 0px 0px;border-style:none;font-family:"Poppins", Sans-serif;font-size:15.5px;font-weight:500;line-height:1.45em;color:#111111;}.elementor-1984 .elementor-element.elementor-element-d959d01 .elementor-button{background-color:rgba(255,255,255,0);font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;fill:#111111;color:#111111;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(17,17,17,0.22);border-radius:6px 6px 6px 6px;padding:18px 28px 18px 28px;}.elementor-1984 .elementor-element.elementor-element-d959d01 .elementor-button:hover, .elementor-1984 .elementor-element.elementor-element-d959d01 .elementor-button:focus{background-color:rgba(218,165,32,0.12);color:#111111;}.elementor-1984 .elementor-element.elementor-element-d959d01{width:auto;max-width:auto;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1984 .elementor-element.elementor-element-d959d01 .elementor-button:hover svg, .elementor-1984 .elementor-element.elementor-element-d959d01 .elementor-button:focus svg{fill:#111111;}.elementor-1984 .elementor-element.elementor-element-70f171e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1984 .elementor-element.elementor-element-20b563e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:rgba(218,165,32,0.32);--border-color:rgba(218,165,32,0.32);box-shadow:0px 30px 64px -28px rgba(17,17,17,0.45);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-6088e62 img{width:100%;height:460px;object-fit:cover;object-position:center center;filter:brightness( 96% ) contrast( 106% ) saturate( 66% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1984 .elementor-element.elementor-element-1a15dc6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:46px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-1984 .elementor-element.elementor-element-5a634d9{padding:0px 0px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-5a634d9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:700;line-height:1.42em;letter-spacing:-0.5px;color:#111111;}.elementor-1984 .elementor-element.elementor-element-bc6b7f5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.9;--padding-top:128px;--padding-bottom:40px;--padding-left:32px;--padding-right:32px;--z-index:3;}.elementor-1984 .elementor-element.elementor-element-bc6b7f5:not(.elementor-motion-effects-element-type-background), .elementor-1984 .elementor-element.elementor-element-bc6b7f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101012;background-image:url("https://www.steelark.es/wp-content/uploads/2026/09/04-modulo-steel-frame-estructura-cerramiento.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1984 .elementor-element.elementor-element-bc6b7f5::before, .elementor-1984 .elementor-element.elementor-element-bc6b7f5 > .elementor-background-video-container::before, .elementor-1984 .elementor-element.elementor-element-bc6b7f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-1984 .elementor-element.elementor-element-bc6b7f5 > .elementor-background-slideshow::before, .elementor-1984 .elementor-element.elementor-element-bc6b7f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1984 .elementor-element.elementor-element-bc6b7f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(165deg, #0B0B0D 0%, #17171B 100%);}.elementor-1984 .elementor-element.elementor-element-45ff14b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2.4px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-80985c8{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-1984 .elementor-element.elementor-element-80985c8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:46px;font-weight:700;line-height:1.12em;letter-spacing:-1.4px;color:#FFFFFF;}.elementor-1984 .elementor-element.elementor-element-7e98a04{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 52px) 0px;padding:0px 460px 0px 0px;font-family:"Roboto", Sans-serif;font-size:17px;line-height:1.7em;color:#AFAFB4;}.elementor-1984 .elementor-element.elementor-element-bde145b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:auto;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-d153d06{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:14px 0px;--row-gap:14px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:rgba(218,165,32,0.28);--border-color:rgba(218,165,32,0.28);--border-radius:14px 14px 14px 14px;box-shadow:0px 26px 60px -22px rgba(0,0,0,0.7);--padding-top:44px;--padding-bottom:44px;--padding-left:36px;--padding-right:36px;}.elementor-1984 .elementor-element.elementor-element-d153d06:not(.elementor-motion-effects-element-type-background), .elementor-1984 .elementor-element.elementor-element-d153d06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(155deg, rgba(34,35,39,0.74) 0%, rgba(12,12,14,0.94) 100%);}.elementor-1984 .elementor-element.elementor-element-ac7b800 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;font-weight:700;line-height:1em;letter-spacing:-1.4px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-0d862b0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:21px;font-weight:600;line-height:1.25em;letter-spacing:-0.4px;color:#FFFFFF;}.elementor-1984 .elementor-element.elementor-element-c4fa927{font-family:"Roboto", Sans-serif;font-size:16px;line-height:1.68em;color:#AFAFB4;}.elementor-1984 .elementor-element.elementor-element-c2240a0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:14px 0px;--row-gap:14px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:rgba(218,165,32,0.28);--border-color:rgba(218,165,32,0.28);--border-radius:14px 14px 14px 14px;box-shadow:0px 26px 60px -22px rgba(0,0,0,0.7);--padding-top:44px;--padding-bottom:44px;--padding-left:36px;--padding-right:36px;}.elementor-1984 .elementor-element.elementor-element-c2240a0:not(.elementor-motion-effects-element-type-background), .elementor-1984 .elementor-element.elementor-element-c2240a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(155deg, rgba(34,35,39,0.74) 0%, rgba(12,12,14,0.94) 100%);}.elementor-1984 .elementor-element.elementor-element-8e33a2c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;font-weight:700;line-height:1em;letter-spacing:-1.4px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-dd13c42 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:21px;font-weight:600;line-height:1.25em;letter-spacing:-0.4px;color:#FFFFFF;}.elementor-1984 .elementor-element.elementor-element-8b70726{font-family:"Roboto", Sans-serif;font-size:16px;line-height:1.68em;color:#AFAFB4;}.elementor-1984 .elementor-element.elementor-element-802ed9d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:14px 0px;--row-gap:14px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:rgba(218,165,32,0.28);--border-color:rgba(218,165,32,0.28);--border-radius:14px 14px 14px 14px;box-shadow:0px 26px 60px -22px rgba(0,0,0,0.7);--padding-top:44px;--padding-bottom:44px;--padding-left:36px;--padding-right:36px;}.elementor-1984 .elementor-element.elementor-element-802ed9d:not(.elementor-motion-effects-element-type-background), .elementor-1984 .elementor-element.elementor-element-802ed9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(155deg, rgba(34,35,39,0.74) 0%, rgba(12,12,14,0.94) 100%);}.elementor-1984 .elementor-element.elementor-element-7b49964 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;font-weight:700;line-height:1em;letter-spacing:-1.4px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-2ec6fc0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:21px;font-weight:600;line-height:1.25em;letter-spacing:-0.4px;color:#FFFFFF;}.elementor-1984 .elementor-element.elementor-element-46e5293{font-family:"Roboto", Sans-serif;font-size:16px;line-height:1.68em;color:#AFAFB4;}.elementor-1984 .elementor-element.elementor-element-4764f33{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:224px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;--z-index:1;}.elementor-1984 .elementor-element.elementor-element-4764f33:not(.elementor-motion-effects-element-type-background), .elementor-1984 .elementor-element.elementor-element-4764f33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-1984 .elementor-element.elementor-element-7278ba7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2.4px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-f761a15{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 56px) 0px;}.elementor-1984 .elementor-element.elementor-element-f761a15 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:46px;font-weight:700;line-height:1.12em;letter-spacing:-1.4px;color:#FFFFFF;}.elementor-1984 .elementor-element.elementor-element-67919e1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:auto;--gap:0px 32px;--row-gap:0px;--column-gap:32px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-0c2d3d0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:#7E7E86;}.elementor-1984 .elementor-element.elementor-element-5e7766a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:#7E7E86;}.elementor-1984 .elementor-element.elementor-element-c368ec3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-5ca680e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:auto;--gap:10px 32px;--row-gap:10px;--column-gap:32px;--grid-auto-flow:row;--align-items:start;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#26262B;--border-color:#26262B;--padding-top:26px;--padding-bottom:26px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-c91ec6b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-e405da1{font-family:"Roboto", Sans-serif;font-size:16px;line-height:1.6em;color:#9A9AA2;}.elementor-1984 .elementor-element.elementor-element-738a039 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;line-height:1.6em;color:#FFFFFF;}.elementor-1984 .elementor-element.elementor-element-c8ea2ca{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:auto;--gap:10px 32px;--row-gap:10px;--column-gap:32px;--grid-auto-flow:row;--align-items:start;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#26262B;--border-color:#26262B;--padding-top:26px;--padding-bottom:26px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-89e74fc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-ea9e27b{font-family:"Roboto", Sans-serif;font-size:16px;line-height:1.6em;color:#9A9AA2;}.elementor-1984 .elementor-element.elementor-element-eae33b0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;line-height:1.6em;color:#FFFFFF;}.elementor-1984 .elementor-element.elementor-element-1433795{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:auto;--gap:10px 32px;--row-gap:10px;--column-gap:32px;--grid-auto-flow:row;--align-items:start;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#26262B;--border-color:#26262B;--padding-top:26px;--padding-bottom:26px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-3a5b0d7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-27a1faa{font-family:"Roboto", Sans-serif;font-size:16px;line-height:1.6em;color:#9A9AA2;}.elementor-1984 .elementor-element.elementor-element-233a41f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;line-height:1.6em;color:#FFFFFF;}.elementor-1984 .elementor-element.elementor-element-bb6adbf{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:auto;--gap:10px 32px;--row-gap:10px;--column-gap:32px;--grid-auto-flow:row;--align-items:start;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#26262B;--border-color:#26262B;--padding-top:26px;--padding-bottom:26px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-30be2ca .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-4d40ed5{font-family:"Roboto", Sans-serif;font-size:16px;line-height:1.6em;color:#9A9AA2;}.elementor-1984 .elementor-element.elementor-element-8e83f41 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;line-height:1.6em;color:#FFFFFF;}.elementor-1984 .elementor-element.elementor-element-ae7bd36{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1984 .elementor-element.elementor-element-ae7bd36 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;color:#AFAFB4;}.elementor-1984 .elementor-element.elementor-element-2446cc3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.94;--padding-top:128px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-1984 .elementor-element.elementor-element-2446cc3:not(.elementor-motion-effects-element-type-background), .elementor-1984 .elementor-element.elementor-element-2446cc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;background-image:url("https://www.steelark.es/wp-content/uploads/2026/09/05-forjado-perfiles-acero-galvanizado.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1984 .elementor-element.elementor-element-2446cc3::before, .elementor-1984 .elementor-element.elementor-element-2446cc3 > .elementor-background-video-container::before, .elementor-1984 .elementor-element.elementor-element-2446cc3 > .e-con-inner > .elementor-background-video-container::before, .elementor-1984 .elementor-element.elementor-element-2446cc3 > .elementor-background-slideshow::before, .elementor-1984 .elementor-element.elementor-element-2446cc3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1984 .elementor-element.elementor-element-2446cc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F1F1F1;--background-overlay:'';}.elementor-1984 .elementor-element.elementor-element-45c139b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2.4px;color:#111111;}.elementor-1984 .elementor-element.elementor-element-7ee877b{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 64px) 0px;}.elementor-1984 .elementor-element.elementor-element-7ee877b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:46px;font-weight:700;line-height:1.12em;letter-spacing:-1.4px;color:#111111;}.elementor-1984 .elementor-element.elementor-element-2b24445{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:auto;--gap:48px 32px;--row-gap:48px;--column-gap:32px;--grid-auto-flow:row;--align-items:start;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-7b44877{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-1984 .elementor-element.elementor-element-6d79819 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:52px;font-weight:700;line-height:1em;letter-spacing:-2px;color:#111111;}.elementor-1984 .elementor-element.elementor-element-5a7271a{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1984 .elementor-element.elementor-element-5a7271a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:600;line-height:1.3em;color:#111111;}.elementor-1984 .elementor-element.elementor-element-d00e883{font-family:"Roboto", Sans-serif;font-size:15.5px;line-height:1.68em;color:#55555A;}.elementor-1984 .elementor-element.elementor-element-206636b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-1984 .elementor-element.elementor-element-ae84b3a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:52px;font-weight:700;line-height:1em;letter-spacing:-2px;color:#111111;}.elementor-1984 .elementor-element.elementor-element-c12db41{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1984 .elementor-element.elementor-element-c12db41 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:600;line-height:1.3em;color:#111111;}.elementor-1984 .elementor-element.elementor-element-83c9972{font-family:"Roboto", Sans-serif;font-size:15.5px;line-height:1.68em;color:#55555A;}.elementor-1984 .elementor-element.elementor-element-79cfe2f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-1984 .elementor-element.elementor-element-7e8fade .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:52px;font-weight:700;line-height:1em;letter-spacing:-2px;color:#111111;}.elementor-1984 .elementor-element.elementor-element-0f2385d{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1984 .elementor-element.elementor-element-0f2385d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:600;line-height:1.3em;color:#111111;}.elementor-1984 .elementor-element.elementor-element-efea4d6{font-family:"Roboto", Sans-serif;font-size:15.5px;line-height:1.68em;color:#55555A;}.elementor-1984 .elementor-element.elementor-element-e0a8ed5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-1984 .elementor-element.elementor-element-4d27281 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:52px;font-weight:700;line-height:1em;letter-spacing:-2px;color:#111111;}.elementor-1984 .elementor-element.elementor-element-56b19b5{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1984 .elementor-element.elementor-element-56b19b5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:600;line-height:1.3em;color:#111111;}.elementor-1984 .elementor-element.elementor-element-1f3cd0d{font-family:"Roboto", Sans-serif;font-size:15.5px;line-height:1.68em;color:#55555A;}.elementor-1984 .elementor-element.elementor-element-9819ceb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.93;--padding-top:128px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-1984 .elementor-element.elementor-element-9819ceb:not(.elementor-motion-effects-element-type-background), .elementor-1984 .elementor-element.elementor-element-9819ceb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;background-image:url("https://www.steelark.es/wp-content/uploads/2026/09/06-vivienda-industrializada-ejecucion-aerea.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1984 .elementor-element.elementor-element-9819ceb::before, .elementor-1984 .elementor-element.elementor-element-9819ceb > .elementor-background-video-container::before, .elementor-1984 .elementor-element.elementor-element-9819ceb > .e-con-inner > .elementor-background-video-container::before, .elementor-1984 .elementor-element.elementor-element-9819ceb > .elementor-background-slideshow::before, .elementor-1984 .elementor-element.elementor-element-9819ceb > .e-con-inner > .elementor-background-slideshow::before, .elementor-1984 .elementor-element.elementor-element-9819ceb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(150deg, #0B0B0D 0%, #141418 100%);}.elementor-1984 .elementor-element.elementor-element-9199eb4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2.4px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-0d3d403{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 64px) 0px;padding:0px 360px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-0d3d403 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:46px;font-weight:700;line-height:1.12em;letter-spacing:-1.4px;color:#FFFFFF;}.elementor-1984 .elementor-element.elementor-element-1d74bb9{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:auto;--gap:36px 32px;--row-gap:36px;--column-gap:32px;--grid-auto-flow:row;--align-items:start;}.elementor-1984 .elementor-element.elementor-element-a88ea36{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:8px 0px;--row-gap:8px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#2B2B30;--border-color:#2B2B30;--padding-top:22px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-95b1a9a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:46px;font-weight:700;line-height:1.05em;letter-spacing:-1.6px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-868d2c2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:13.5px;line-height:1.5em;color:#8A8A92;}.elementor-1984 .elementor-element.elementor-element-5cb07c1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:8px 0px;--row-gap:8px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#2B2B30;--border-color:#2B2B30;--padding-top:22px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-ceccaeb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:46px;font-weight:700;line-height:1.05em;letter-spacing:-1.6px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-0c2c76f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:13.5px;line-height:1.5em;color:#8A8A92;}.elementor-1984 .elementor-element.elementor-element-8a9d089{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:8px 0px;--row-gap:8px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#2B2B30;--border-color:#2B2B30;--padding-top:22px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-cd557e7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:46px;font-weight:700;line-height:1.05em;letter-spacing:-1.6px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-98bddfe .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:13.5px;line-height:1.5em;color:#8A8A92;}.elementor-1984 .elementor-element.elementor-element-7f00891{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:8px 0px;--row-gap:8px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#2B2B30;--border-color:#2B2B30;--padding-top:22px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-efeb4ed .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:46px;font-weight:700;line-height:1.05em;letter-spacing:-1.6px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-82c6fa7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:13.5px;line-height:1.5em;color:#8A8A92;}.elementor-1984 .elementor-element.elementor-element-a224e9d{margin:48px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Roboto", Sans-serif;font-size:16px;line-height:1.65em;color:#AFAFB4;}.elementor-1984 .elementor-element.elementor-element-858363a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Roboto", Sans-serif;font-size:13px;line-height:1.6em;color:#6E6E76;}.elementor-1984 .elementor-element.elementor-element-57f9705{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:104px;--padding-bottom:104px;--padding-left:32px;--padding-right:32px;}.elementor-1984 .elementor-element.elementor-element-57f9705:not(.elementor-motion-effects-element-type-background), .elementor-1984 .elementor-element.elementor-element-57f9705 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(150deg, #E2AE28 0%, #C59620 100%);}.elementor-1984 .elementor-element.elementor-element-bb1e9c6{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:auto;--gap:32px 56px;--row-gap:32px;--column-gap:56px;--grid-auto-flow:row;--align-items:center;}.elementor-1984 .elementor-element.elementor-element-c6eb8ec{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:14px 0px;--row-gap:14px;--column-gap:0px;}.elementor-1984 .elementor-element.elementor-element-f095cef .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;letter-spacing:-1.2px;color:#111111;}.elementor-1984 .elementor-element.elementor-element-2072b2a{font-family:"Roboto", Sans-serif;font-size:17px;line-height:1.65em;color:rgba(17,17,17,0.72);}.elementor-1984 .elementor-element.elementor-element-398e411{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:26px 0px;--row-gap:26px;--column-gap:0px;}.elementor-1984 .elementor-element.elementor-element-5ba6bea .elementor-button{background-color:#111111;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;letter-spacing:0.3px;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 18px 38px -16px rgba(17,17,17,0.55);border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(255,255,255,0.16);border-radius:4px 4px 4px 4px;padding:21px 34px 21px 34px;}.elementor-1984 .elementor-element.elementor-element-5ba6bea .elementor-button:hover, .elementor-1984 .elementor-element.elementor-element-5ba6bea .elementor-button:focus{background-color:#000000;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-5ba6bea{width:auto;max-width:auto;}.elementor-1984 .elementor-element.elementor-element-5ba6bea .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1984 .elementor-element.elementor-element-5ba6bea .elementor-button .elementor-button-content-wrapper{gap:14px;}.elementor-1984 .elementor-element.elementor-element-5ba6bea .elementor-button:hover svg, .elementor-1984 .elementor-element.elementor-element-5ba6bea .elementor-button:focus svg{fill:#DAA520;}.elementor-1984 .elementor-element.elementor-element-7006968{text-align:end;}.elementor-1984 .elementor-element.elementor-element-7006968 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2.2px;color:rgba(17,17,17,0.62);}.elementor-1984 .elementor-element.elementor-element-fd77b23{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.92;border-style:solid;--border-style:solid;border-width:0px 0px 3px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:#DAA520;--border-color:#DAA520;--padding-top:128px;--padding-bottom:120px;--padding-left:32px;--padding-right:32px;}.elementor-1984 .elementor-element.elementor-element-fd77b23:not(.elementor-motion-effects-element-type-background), .elementor-1984 .elementor-element.elementor-element-fd77b23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;background-image:url("https://www.steelark.es/wp-content/uploads/2026/09/07-vivienda-envolvente-prefabricada-obra.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1984 .elementor-element.elementor-element-fd77b23::before, .elementor-1984 .elementor-element.elementor-element-fd77b23 > .elementor-background-video-container::before, .elementor-1984 .elementor-element.elementor-element-fd77b23 > .e-con-inner > .elementor-background-video-container::before, .elementor-1984 .elementor-element.elementor-element-fd77b23 > .elementor-background-slideshow::before, .elementor-1984 .elementor-element.elementor-element-fd77b23 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1984 .elementor-element.elementor-element-fd77b23 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(170deg, #0B0B0D 0%, #151519 100%);}.elementor-1984 .elementor-element.elementor-element-4fe5633 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2.4px;color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-a816d9a{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:0px 420px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-a816d9a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:46px;font-weight:700;line-height:1.12em;letter-spacing:-1.4px;color:#FFFFFF;}.elementor-1984 .elementor-element.elementor-element-b59dab6{padding:0px 420px 0px 0px;font-family:"Roboto", Sans-serif;font-size:17px;line-height:1.7em;color:#AFAFB4;}.elementor-1984 .elementor-element.elementor-element-c230053{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:14px 4px;--row-gap:14px;--column-gap:4px;--margin-top:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1984 .elementor-element.elementor-element-ad751e5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-1984 .elementor-element.elementor-element-1e6303c .elementor-button{background-color:#DAA520;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;fill:#111111;color:#111111;border-radius:6px 6px 6px 6px;padding:19px 30px 19px 30px;}.elementor-1984 .elementor-element.elementor-element-1e6303c .elementor-button:hover, .elementor-1984 .elementor-element.elementor-element-1e6303c .elementor-button:focus{background-color:#EBBB3E;color:#111111;}.elementor-1984 .elementor-element.elementor-element-1e6303c{width:auto;max-width:auto;}.elementor-1984 .elementor-element.elementor-element-1e6303c .elementor-button:hover svg, .elementor-1984 .elementor-element.elementor-element-1e6303c .elementor-button:focus svg{fill:#111111;}.elementor-1984 .elementor-element.elementor-element-ab131df{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-1984 .elementor-element.elementor-element-4ac72ef .elementor-button{background-color:rgba(255,255,255,0);font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#3B3B41;border-radius:6px 6px 6px 6px;padding:19px 30px 19px 30px;}.elementor-1984 .elementor-element.elementor-element-4ac72ef .elementor-button:hover, .elementor-1984 .elementor-element.elementor-element-4ac72ef .elementor-button:focus{background-color:rgba(218,165,32,0.08);color:#DAA520;}.elementor-1984 .elementor-element.elementor-element-4ac72ef{width:auto;max-width:auto;}.elementor-1984 .elementor-element.elementor-element-4ac72ef .elementor-button:hover svg, .elementor-1984 .elementor-element.elementor-element-4ac72ef .elementor-button:focus svg{fill:#DAA520;}.elementor-1984 .elementor-element.elementor-element-f89a71c{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:auto;--gap:26px 32px;--row-gap:26px;--column-gap:32px;--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#2B2B30;--border-color:#2B2B30;--margin-top:64px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-260ce31 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:1.4em;color:#E6E6EA;}.elementor-1984 .elementor-element.elementor-element-bb682b8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:1.4em;color:#E6E6EA;}.elementor-1984 .elementor-element.elementor-element-4b161b5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:1.4em;color:#E6E6EA;}.elementor-1984 .elementor-element.elementor-element-11772ea .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:1.4em;color:#E6E6EA;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1984 .elementor-element.elementor-element-73c1e39{--padding-top:93px;--padding-bottom:96px;--padding-left:40px;--padding-right:40px;}.elementor-1984 .elementor-element.elementor-element-4b6dfa9{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:44px 40px;--row-gap:44px;--column-gap:40px;--grid-auto-flow:row;--align-items:start;}.elementor-1984 .elementor-element.elementor-element-f6577b8 .elementor-heading-title{font-size:54px;letter-spacing:-1.6px;}.elementor-1984 .elementor-element.elementor-element-9d0407c{padding:0px 120px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-be88995{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-f54e75e img{height:400px;}.elementor-1984 .elementor-element.elementor-element-1c206e9{--padding-top:96px;--padding-bottom:96px;--padding-left:40px;--padding-right:40px;}.elementor-1984 .elementor-element.elementor-element-e2ae30a{--e-con-grid-template-columns:repeat(1, 1fr);--gap:52px 0px;--row-gap:52px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-94a04f3{padding:0px 0px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-94a04f3 .elementor-heading-title{font-size:36px;}.elementor-1984 .elementor-element.elementor-element-6088e62 img{height:420px;}.elementor-1984 .elementor-element.elementor-element-1a15dc6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-5a634d9{padding:0px 0px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-5a634d9 .elementor-heading-title{font-size:20px;}.elementor-1984 .elementor-element.elementor-element-bc6b7f5{--padding-top:96px;--padding-bottom:36px;--padding-left:40px;--padding-right:40px;}.elementor-1984 .elementor-element.elementor-element-80985c8 .elementor-heading-title{font-size:36px;}.elementor-1984 .elementor-element.elementor-element-7e98a04{padding:0px 140px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-bde145b{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-802ed9d{grid-column:span 2;}.elementor-1984 .elementor-element.elementor-element-4764f33{--padding-top:180px;--padding-bottom:96px;--padding-left:40px;--padding-right:40px;}.elementor-1984 .elementor-element.elementor-element-f761a15 .elementor-heading-title{font-size:36px;}.elementor-1984 .elementor-element.elementor-element-67919e1{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-5ca680e{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-c8ea2ca{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-1433795{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-bb6adbf{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-2446cc3{--padding-top:96px;--padding-bottom:96px;--padding-left:40px;--padding-right:40px;}.elementor-1984 .elementor-element.elementor-element-7ee877b .elementor-heading-title{font-size:36px;}.elementor-1984 .elementor-element.elementor-element-2b24445{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:auto;--gap:44px 32px;--row-gap:44px;--column-gap:32px;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-6d79819 .elementor-heading-title{font-size:44px;}.elementor-1984 .elementor-element.elementor-element-ae84b3a .elementor-heading-title{font-size:44px;}.elementor-1984 .elementor-element.elementor-element-7e8fade .elementor-heading-title{font-size:44px;}.elementor-1984 .elementor-element.elementor-element-4d27281 .elementor-heading-title{font-size:44px;}.elementor-1984 .elementor-element.elementor-element-9819ceb{--padding-top:96px;--padding-bottom:96px;--padding-left:40px;--padding-right:40px;}.elementor-1984 .elementor-element.elementor-element-0d3d403{padding:0px 120px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-0d3d403 .elementor-heading-title{font-size:36px;}.elementor-1984 .elementor-element.elementor-element-1d74bb9{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-95b1a9a .elementor-heading-title{font-size:40px;}.elementor-1984 .elementor-element.elementor-element-ceccaeb .elementor-heading-title{font-size:40px;}.elementor-1984 .elementor-element.elementor-element-cd557e7 .elementor-heading-title{font-size:40px;}.elementor-1984 .elementor-element.elementor-element-efeb4ed .elementor-heading-title{font-size:40px;}.elementor-1984 .elementor-element.elementor-element-57f9705{--padding-top:84px;--padding-bottom:84px;--padding-left:40px;--padding-right:40px;}.elementor-1984 .elementor-element.elementor-element-bb1e9c6{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-f095cef .elementor-heading-title{font-size:32px;}.elementor-1984 .elementor-element.elementor-element-398e411{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1984 .elementor-element.elementor-element-7006968{text-align:start;}.elementor-1984 .elementor-element.elementor-element-fd77b23{--padding-top:96px;--padding-bottom:92px;--padding-left:40px;--padding-right:40px;}.elementor-1984 .elementor-element.elementor-element-a816d9a{padding:0px 140px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-a816d9a .elementor-heading-title{font-size:36px;}.elementor-1984 .elementor-element.elementor-element-b59dab6{padding:0px 120px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-f89a71c{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1984 .elementor-element.elementor-element-73c1e39{--padding-top:94px;--padding-bottom:78px;--padding-left:20px;--padding-right:20px;}.elementor-1984 .elementor-element.elementor-element-4b6dfa9{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:34px 0px;--row-gap:34px;--column-gap:0px;--grid-auto-flow:row;--align-items:start;}.elementor-1984 .elementor-element.elementor-element-d721463{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-1984 .elementor-element.elementor-element-7f8ee47 .elementor-heading-title{font-size:10.5px;letter-spacing:1.6px;}.elementor-1984 .elementor-element.elementor-element-f6577b8 .elementor-heading-title{font-size:34px;line-height:1.09em;letter-spacing:-0.9px;}.elementor-1984 .elementor-element.elementor-element-9d0407c{padding:0px 0px 0px 0px;font-size:16px;}.elementor-1984 .elementor-element.elementor-element-7e9e8d1{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-1984 .elementor-element.elementor-element-b087a75{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1984 .elementor-element.elementor-element-b087a75 .elementor-button{padding:18px 24px 18px 24px;}.elementor-1984 .elementor-element.elementor-element-b725e21{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1984 .elementor-element.elementor-element-b725e21 .elementor-button{padding:18px 24px 18px 24px;}.elementor-1984 .elementor-element.elementor-element-be88995{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-f54e75e img{height:290px;}.elementor-1984 .elementor-element.elementor-element-1c206e9{--padding-top:72px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-1984 .elementor-element.elementor-element-e2ae30a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-0e275ac{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-1984 .elementor-element.elementor-element-94a04f3{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 2px) 0px;padding:0px 0px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-94a04f3 .elementor-heading-title{font-size:27px;letter-spacing:-0.7px;}.elementor-1984 .elementor-element.elementor-element-6bf1f0f{font-size:16px;}.elementor-1984 .elementor-element.elementor-element-898d27e{font-size:16px;}.elementor-1984 .elementor-element.elementor-element-d959d01{width:auto;max-width:auto;}.elementor-1984 .elementor-element.elementor-element-d959d01 .elementor-button{padding:18px 24px 18px 24px;}.elementor-1984 .elementor-element.elementor-element-6088e62 img{height:300px;}.elementor-1984 .elementor-element.elementor-element-1a15dc6{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-5a634d9{padding:0px 0px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-5a634d9 .elementor-heading-title{font-size:18.5px;}.elementor-1984 .elementor-element.elementor-element-bc6b7f5{--padding-top:72px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-1984 .elementor-element.elementor-element-80985c8 .elementor-heading-title{font-size:27px;letter-spacing:-0.7px;}.elementor-1984 .elementor-element.elementor-element-7e98a04{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;padding:0px 0px 0px 0px;font-size:16px;}.elementor-1984 .elementor-element.elementor-element-bde145b{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-d153d06{--padding-top:32px;--padding-bottom:32px;--padding-left:26px;--padding-right:26px;}.elementor-1984 .elementor-element.elementor-element-ac7b800 .elementor-heading-title{font-size:32px;}.elementor-1984 .elementor-element.elementor-element-0d862b0 .elementor-heading-title{font-size:19px;}.elementor-1984 .elementor-element.elementor-element-c2240a0{--padding-top:32px;--padding-bottom:32px;--padding-left:26px;--padding-right:26px;}.elementor-1984 .elementor-element.elementor-element-8e33a2c .elementor-heading-title{font-size:32px;}.elementor-1984 .elementor-element.elementor-element-dd13c42 .elementor-heading-title{font-size:19px;}.elementor-1984 .elementor-element.elementor-element-802ed9d{--padding-top:32px;--padding-bottom:32px;--padding-left:26px;--padding-right:26px;grid-column:span 1;}.elementor-1984 .elementor-element.elementor-element-7b49964 .elementor-heading-title{font-size:32px;}.elementor-1984 .elementor-element.elementor-element-2ec6fc0 .elementor-heading-title{font-size:19px;}.elementor-1984 .elementor-element.elementor-element-4764f33{--padding-top:72px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-1984 .elementor-element.elementor-element-f761a15{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;}.elementor-1984 .elementor-element.elementor-element-f761a15 .elementor-heading-title{font-size:27px;letter-spacing:-0.7px;}.elementor-1984 .elementor-element.elementor-element-67919e1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-5ca680e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:12px 0px;--row-gap:12px;--column-gap:0px;--grid-auto-flow:row;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-c8ea2ca{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:12px 0px;--row-gap:12px;--column-gap:0px;--grid-auto-flow:row;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-1433795{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:12px 0px;--row-gap:12px;--column-gap:0px;--grid-auto-flow:row;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-bb6adbf{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:12px 0px;--row-gap:12px;--column-gap:0px;--grid-auto-flow:row;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-ae7bd36 .elementor-heading-title{font-size:16px;}.elementor-1984 .elementor-element.elementor-element-2446cc3{--padding-top:72px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-1984 .elementor-element.elementor-element-7ee877b{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-1984 .elementor-element.elementor-element-7ee877b .elementor-heading-title{font-size:27px;letter-spacing:-0.7px;}.elementor-1984 .elementor-element.elementor-element-2b24445{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:34px 0px;--row-gap:34px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-6d79819 .elementor-heading-title{font-size:38px;}.elementor-1984 .elementor-element.elementor-element-ae84b3a .elementor-heading-title{font-size:38px;}.elementor-1984 .elementor-element.elementor-element-7e8fade .elementor-heading-title{font-size:38px;}.elementor-1984 .elementor-element.elementor-element-4d27281 .elementor-heading-title{font-size:38px;}.elementor-1984 .elementor-element.elementor-element-9819ceb{--padding-top:72px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-1984 .elementor-element.elementor-element-0d3d403{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0px 0px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-0d3d403 .elementor-heading-title{font-size:27px;letter-spacing:-0.7px;}.elementor-1984 .elementor-element.elementor-element-1d74bb9{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:22px 0px;--row-gap:22px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-95b1a9a .elementor-heading-title{font-size:34px;}.elementor-1984 .elementor-element.elementor-element-ceccaeb .elementor-heading-title{font-size:34px;}.elementor-1984 .elementor-element.elementor-element-cd557e7 .elementor-heading-title{font-size:34px;}.elementor-1984 .elementor-element.elementor-element-efeb4ed .elementor-heading-title{font-size:34px;}.elementor-1984 .elementor-element.elementor-element-57f9705{--padding-top:66px;--padding-bottom:66px;--padding-left:20px;--padding-right:20px;}.elementor-1984 .elementor-element.elementor-element-bb1e9c6{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:28px 0px;--row-gap:28px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1984 .elementor-element.elementor-element-f095cef .elementor-heading-title{font-size:25px;letter-spacing:-0.6px;}.elementor-1984 .elementor-element.elementor-element-2072b2a{font-size:16px;}.elementor-1984 .elementor-element.elementor-element-398e411{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:24px 0px;--row-gap:24px;--column-gap:0px;}.elementor-1984 .elementor-element.elementor-element-5ba6bea .elementor-button{padding:20px 26px 20px 26px;}.elementor-1984 .elementor-element.elementor-element-7006968{text-align:center;}.elementor-1984 .elementor-element.elementor-element-fd77b23{--padding-top:72px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-1984 .elementor-element.elementor-element-a816d9a{padding:0px 0px 0px 0px;}.elementor-1984 .elementor-element.elementor-element-a816d9a .elementor-heading-title{font-size:27px;letter-spacing:-0.7px;}.elementor-1984 .elementor-element.elementor-element-b59dab6{padding:0px 0px 0px 0px;font-size:16px;}.elementor-1984 .elementor-element.elementor-element-c230053{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-1984 .elementor-element.elementor-element-ad751e5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-1e6303c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1984 .elementor-element.elementor-element-1e6303c .elementor-button{padding:18px 24px 18px 24px;}.elementor-1984 .elementor-element.elementor-element-ab131df{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-4ac72ef{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1984 .elementor-element.elementor-element-4ac72ef .elementor-button{padding:18px 24px 18px 24px;}.elementor-1984 .elementor-element.elementor-element-f89a71c{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--grid-auto-flow:row;--margin-top:44px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-1984 .elementor-element.elementor-element-73c1e39{--content-width:1240px;}.elementor-1984 .elementor-element.elementor-element-bba4a7f{--width:50%;}.elementor-1984 .elementor-element.elementor-element-68a2ca6{--width:50%;}.elementor-1984 .elementor-element.elementor-element-1c206e9{--content-width:1240px;}.elementor-1984 .elementor-element.elementor-element-1a15dc6{--width:100%;}.elementor-1984 .elementor-element.elementor-element-bc6b7f5{--content-width:1240px;}.elementor-1984 .elementor-element.elementor-element-4764f33{--content-width:1240px;}.elementor-1984 .elementor-element.elementor-element-2446cc3{--content-width:1240px;}.elementor-1984 .elementor-element.elementor-element-9819ceb{--content-width:1240px;}.elementor-1984 .elementor-element.elementor-element-57f9705{--content-width:1240px;}.elementor-1984 .elementor-element.elementor-element-fd77b23{--content-width:1240px;}.elementor-1984 .elementor-element.elementor-element-ad751e5{--width:50%;}.elementor-1984 .elementor-element.elementor-element-ab131df{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1984 .elementor-element.elementor-element-1a15dc6{--width:100%;}}/* Start custom CSS *//* SteelArk - Home IA v2 - sistema visual de pagina (v4, "Acero y luz")
Copia de referencia versionada en docs/design/home-ia-v2/page-custom-css.css
ALCANCE: todos los body.elementor-page-1984es llevan prefijo .sa- . Ninguno afecta a otra
pagina. Cumple context/DO-NOT-TOUCH.md.
OJO AL DESPLEGAR: `update-page-settings` REEMPLAZA los ajustes de pagina, no
los fusiona. Hay que enviar SIEMPRE `hide_title: yes` junto al `custom_css`;
si se envia solo el CSS, se pierde el ajuste de ocultar titulo y el tema
Hello Elementor pinta un Inicio
sobre el hero
(ocurrido el 2026-09-15 y reparado el mismo dia).
REPARTO DE PSEUDO-ELEMENTOS (comprobado en el DOM):
Elementor pinta su "Superposicion de fondo" en ::before del contenedor Y
ademas fija ahi `width:100%; height:100%`. Por eso:
- la reticula y el halo viven en ::after;
- cualquier ::before que deba estirarse por `inset` necesita
`width:auto; height:auto` para anular ese width/height forzado. */
@property --sa-a { syntax: ''; inherits: false; initial-value: 0deg; }
/* ---------- 1. Base de seccion ---------- */
.sa-sec{ position: relative; }
.sa-sec > .e-con-inner{ position: relative; z-index: 2; }
/* ---------- 2. Reticula tecnica + halo (capa ::after) ---------- */
/* `overflow: hidden` convierte la seccion en SCROLL CONTAINER, y entonces las
view-timeline de los .sa-reveal que viven dentro dejan de medirse contra el
viewport y pasan a medirse contra la seccion, que no se desplaza nunca: la
animacion se congela a medio fotograma y el bloque se queda translucido para
siempre (medido en el DOM: 0.34, 0.59, 0.86, 0.88 y 0.98 en tres secciones).
`overflow: clip` recorta igual la reticula, que sangra 200px, pero NO crea
scroll container. `hidden` se deja delante como respaldo para navegadores
que no entiendan `clip`. */
.sa-grid{ overflow: hidden; overflow: clip; }
.sa-grid::after{
content: "";
position: absolute;
inset: -200px 0;
pointer-events: none;
z-index: 1;
background-image:
linear-gradient(to right, rgba(218,165,32,.15) 1px, transparent 1px),
linear-gradient(to bottom, rgba(218,165,32,.15) 1px, transparent 1px);
background-size: 92px 92px;
-webkit-mask-image: radial-gradient(120% 80% at 72% 6%, #000 0%, transparent 72%);
mask-image: radial-gradient(120% 80% at 72% 6%, #000 0%, transparent 72%);
}
.sa-grid.sa-glow::after{
background-image:
radial-gradient(52vw 52vw at 80% 14%, rgba(218,165,32,.26) 0%, rgba(218,165,32,0) 62%),
linear-gradient(to right, rgba(218,165,32,.15) 1px, transparent 1px),
linear-gradient(to bottom, rgba(218,165,32,.15) 1px, transparent 1px);
background-size: 100% 100%, 92px 92px, 92px 92px;
background-repeat: no-repeat, repeat, repeat;
}
.sa-grid.sa-nobleed{ overflow: visible; }
.sa-grid.sa-nobleed::after{ inset: 0; animation: none !important; transform: none !important; }
.sa-grid-ink::after{
background-image:
linear-gradient(to right, rgba(17,17,17,.13) 1px, transparent 1px),
linear-gradient(to bottom, rgba(17,17,17,.13) 1px, transparent 1px);
}
/* ---------- 3. Kicker con linea de acotado ---------- */
.sa-kicker .elementor-heading-title{
position: relative;
padding-left: 40px;
display: inline-block;
}
.sa-kicker .elementor-heading-title::before{
content: "";
position: absolute;
left: 0; top: 50%;
width: 28px; height: 1px;
background: #DAA520;
}
/* ---------- 4. Marco tecnico con marcas de encuadre ---------- */
.sa-frame{ position: relative; }
.sa-frame::before,
.sa-frame::after{
content: "";
position: absolute;
width: 38px; height: 38px;
border: 1px solid #DAA520;
pointer-events: none;
z-index: 3;
}
.sa-frame::before{ top: -12px; left: -12px; border-right: 0; border-bottom: 0; }
.sa-frame::after { bottom: -12px; right: -12px; border-left: 0; border-top: 0; }
@media (max-width: 767px){
.sa-frame::before, .sa-frame::after{ width: 24px; height: 24px; }
.sa-frame::before{ top: -8px; left: -8px; }
.sa-frame::after { bottom: -8px; right: -8px; }
}
@media (max-width: 1024px){
.sa-frame-plate::after{ display: none; }
}
/* ---------- 5. Etiqueta indice ---------- */
.sa-i{
display: block;
font-size: 11px;
font-weight: 600;
letter-spacing: .2em;
color: #DAA520;
margin-bottom: 9px;
}
/* ---------- 6. PANEL: superficie premium ---------- */
.sa-panel{
position: relative;
isolation: isolate;
transition: transform .38s cubic-bezier(.2,.7,.3,1), box-shadow .38s cubic-bezier(.2,.7,.3,1);
}
/* FILO SUPERIOR.
Antes era una barra recta de 1px a `top:0; left:0; right:0`. El panel tiene
`border-radius: 14px`, asi que la barra cruzaba por encima de las dos
esquinas curvas y sobresalia de ellas: se leia como un elemento apoyado
sobre la tarjeta, y el remate de arriba no casaba con el de los lados ni
con el de abajo.
Ahora es una luz interior aplicada con `box-shadow: inset`, que SI respeta
el `border-radius`: acompana la curva de las esquinas y no puede
desbordarlas. `width/height: auto` anulan el 100% que Elementor fuerza en
el ::before de todo contenedor. */
.sa-panel::before{
content: "";
position: absolute;
inset: 0;
width: auto; height: auto;
z-index: 4;
border-radius: inherit;
box-shadow: inset 0 1px 0 rgba(255,255,255,.13);
pointer-events: none;
}
.sa-panel::after{
content: "";
position: absolute;
inset: -1px;
z-index: 3;
border-radius: inherit;
padding: 1px;
background: conic-gradient(from var(--sa-a), rgba(218,165,32,0) 0deg, rgba(218,165,32,.95) 48deg, rgba(218,165,32,0) 104deg);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity .45s ease;
pointer-events: none;
}
.sa-lift{ transition: transform .38s cubic-bezier(.2,.7,.3,1), box-shadow .38s cubic-bezier(.2,.7,.3,1); }
.sa-lift:hover{ transform: translateY(-10px); box-shadow: 0 38px 70px -26px rgba(0,0,0,.78); }
.sa-panel:hover::after{ opacity: 1; }
@media (prefers-reduced-motion: no-preference){
.sa-panel:hover::after{ animation: sa-spin 2.8s linear infinite; }
}
@keyframes sa-spin{ to{ --sa-a: 360deg; } }
@media (hover: none){
.sa-lift:hover{ transform: none; box-shadow: none; }
.sa-panel::after{ opacity: .35; }
}
/* ---------- 6c. PLACA TECNICA ---------- */
.sa-plate{ position: relative; isolation: isolate; }
.sa-plate::before{
content: "";
position: absolute;
top: 0; left: 0; right: 0;
height: 1px;
z-index: 3;
background: linear-gradient(90deg, rgba(218,165,32,.95) 0%, rgba(218,165,32,.18) 55%, transparent 100%);
pointer-events: none;
}
/* ---------- 6d. Declaracion "Nuestro papel" ----------
Mismo lenguaje que la frase de cierre de "Ventajas del Steel Frame"
(.vt-cap + .vt-stress): rotulo pequeno con guion dorado, filete dorado de
2px y la frase compuesta en grande sobre el fondo claro de la seccion. Sin
caja oscura: la foto y la frase se leen como una sola pieza editorial.
El rotulo es el que ya vive dentro del encabezado, asi
que el filete se dibuja como su borde inferior y no hace falta partir el
widget en dos. */
.sa-stress .sa-i{
position: relative;
display: block;
padding-left: 26px;
padding-bottom: 22px;
margin-bottom: 24px;
border-bottom: 2px solid #DAA520;
font-size: 11.5px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 1.4;
color: #6B6B73;
}
.sa-stress .sa-i::before{
content: "";
position: absolute;
left: 0; top: .62em;
width: 16px; height: 1px;
background: #DAA520;
}
.sa-stress .elementor-heading-title{ max-width: 840px; }
@media (max-width: 767px){
.sa-stress .sa-i{ padding-bottom: 16px; margin-bottom: 18px; }
}
/* ---------- 6b. "Quienes somos": lista de hechos y tarjeta flotante ---------- */
.sa-facts p{
position: relative;
margin: 0;
padding: 14px 0 14px 30px;
border-top: 1px solid rgba(17,17,17,.14);
}
.sa-facts p:last-child{ border-bottom: 1px solid rgba(17,17,17,.14); }
.sa-facts p::before{
content: "";
position: absolute;
left: 2px; top: 22px;
width: 11px; height: 6px;
border-left: 1.5px solid #DAA520;
border-bottom: 1.5px solid #DAA520;
transform: rotate(-45deg);
}
.sa-float{ position: relative; }
/* ---------- 7. Comparativa ---------- */
.sa-good .elementor-heading-title{ position: relative; padding-left: 24px; display: block; }
.sa-good .elementor-heading-title::before{
content: "";
position: absolute;
left: 1px; top: .55em;
width: 11px; height: 6px;
border-left: 1.5px solid #DAA520;
border-bottom: 1.5px solid #DAA520;
transform: rotate(-45deg);
}
.sa-cmp{ counter-reset: sa-cmp; }
.sa-cmp-row{ counter-increment: sa-cmp; }
.sa-crit .elementor-heading-title::before{
content: counter(sa-cmp, decimal-leading-zero);
color: rgba(218,165,32,.5);
margin-right: 10px;
font-variant-numeric: tabular-nums;
}
@media (max-width: 767px){
.sa-old::before,
.sa-new::before{
display: block;
font-family: "Poppins", sans-serif;
font-size: 10px;
font-weight: 600;
letter-spacing: .18em;
text-transform: uppercase;
margin-bottom: 7px;
}
.sa-old::before{ content: "Obra tradicional"; color: #6E6E76; }
.sa-new::before{ content: "Sistema SteelArk"; color: #DAA520; }
.sa-old, .sa-new{
padding: 13px 15px;
border-radius: 0 6px 6px 0;
}
.sa-old{
background: rgba(255,255,255,.04);
border-left: 2px solid rgba(255,255,255,.16);
}
.sa-new{
background: linear-gradient(90deg, rgba(218,165,32,.15) 0%, rgba(218,165,32,.02) 92%);
border-left: 2px solid #DAA520;
}
}
@media (min-width: 768px){
.sa-new{
background: linear-gradient(90deg, rgba(218,165,32,.12) 0%, rgba(218,165,32,0) 82%);
border-left: 2px solid rgba(218,165,32,.55);
padding: 12px 16px 12px 14px;
border-radius: 0 8px 8px 0;
}
}
/* ---------- 8. Rail del proceso y marcadores ---------- */
.sa-rail{ position: relative; }
.sa-rail::before,
.sa-rail::after{
content: "";
position: absolute;
left: 0; right: 0; top: 0;
height: 1px;
}
.sa-rail::before{ background: rgba(17,17,17,.16); }
.sa-rail::after { background: #DAA520; transform: scaleX(1); transform-origin: left; }
.sa-step{ position: relative; }
.sa-step::before{
content: "";
position: absolute;
top: -34px; left: 0;
width: 10px; height: 10px;
background: #DAA520;
box-shadow: 0 0 0 5px rgba(218,165,32,.16);
}
/* ---------- 9. Botones ---------- */
.sa-btn .elementor-button{
position: relative;
overflow: hidden;
transition: transform .25s cubic-bezier(.2,.7,.3,1), box-shadow .25s ease;
}
.sa-btn .elementor-button > *{ position: relative; z-index: 1; }
.sa-btn .elementor-button::after{
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(100deg, transparent 22%, rgba(255,255,255,.34) 50%, transparent 78%);
transform: translateX(-135%);
transition: transform .75s cubic-bezier(.2,.7,.3,1);
}
.sa-btn .elementor-button:hover::after{ transform: translateX(135%); }
.sa-btn .elementor-button:hover{
transform: translateY(-3px);
box-shadow: 0 16px 30px -14px rgba(218,165,32,.6);
}
.sa-btn-ghost .elementor-button::after{
background: linear-gradient(100deg, transparent 22%, rgba(218,165,32,.30) 50%, transparent 78%);
}
.sa-btn-ghost .elementor-button:hover{
box-shadow: 0 16px 30px -16px rgba(0,0,0,.7);
border-color: rgba(218,165,32,.65);
}
.sa-btn-ink .elementor-button:hover{
box-shadow: 0 16px 30px -18px rgba(17,17,17,.5);
border-color: rgba(218,165,32,.75);
}
.sa-btn-cta .elementor-button::before{
content: "";
position: absolute;
top: 0; left: 0; right: 0;
height: 1px;
z-index: 2;
background: linear-gradient(90deg, transparent, rgba(218,165,32,.85), transparent);
pointer-events: none;
}
.sa-btn-cta .elementor-button-icon{
transition: transform .32s cubic-bezier(.2,.7,.3,1);
font-size: .82em;
}
.sa-btn-cta .elementor-button:hover .elementor-button-icon{ transform: translateX(5px); }
.sa-btn-cta .elementor-button:hover{
border-color: rgba(218,165,32,.55);
box-shadow: 0 24px 46px -18px rgba(17,17,17,.65);
}
/* Elementor envuelve cada boton de una fila en su propio contenedor y les
reparte el ancho a partes iguales. Cada boton debe medir lo que mide. */
.sa-btnrow > .e-con{ flex: 0 0 auto !important; width: auto !important; }
@media (max-width: 767px){
.sa-btnrow > .e-con{ width: 100% !important; }
}
/* ---------- 10. Banda dorada ---------- */
.sa-goldband{ overflow: hidden; overflow: clip; }
.sa-goldband::before{
content: "";
position: absolute;
top: -30%; right: -60%; bottom: -30%; left: -60%;
width: auto; height: auto;
z-index: 1;
pointer-events: none;
background: linear-gradient(102deg,
rgba(255,255,255,0) 34%,
rgba(255,255,255,.14) 43%,
rgba(255,255,255,.40) 50%,
rgba(255,255,255,.14) 57%,
rgba(255,255,255,0) 66%);
transform: translateX(-52%);
}
/* ---------- 11. Foco visible ---------- */
.sa-sec a:focus-visible,
.sa-sec .elementor-button:focus-visible{
outline: 2px solid #DAA520;
outline-offset: 3px;
border-radius: 2px;
}
/* ---------- 12. Ficha tecnica ---------- */
.sa-datum .sa-unit{ font-size: .5em; font-weight: 500; letter-spacing: 0; margin-left: .12em; }
/* ---------- 13. Solapamiento entre secciones (no en movil) ---------- */
@media (min-width: 768px){
.sa-overlap{ margin-bottom: -132px !important; }
}
/* ---------- 14. MOVIMIENTO ---------- */
@keyframes sa-in { from{ opacity:0; transform: translate3d(0,30px,0); } to{ opacity:1; transform:none; } }
@keyframes sa-rise { from{ opacity:0; transform: translate3d(0,22px,0); } to{ opacity:1; transform:none; } }
@keyframes sa-draw { from{ transform: scaleX(0); } to{ transform: scaleX(1); } }
@keyframes sa-drawY { from{ transform: scaleY(0); } to{ transform: scaleY(1); } }
@keyframes sa-drift { from{ transform: translate3d(0,0,0); } to{ transform: translate3d(0,-110px,0); } }
@keyframes sa-step-in { from{ opacity:0; transform: translate3d(0,26px,0); } to{ opacity:1; transform:none; } }
@keyframes sa-num-on { from{ opacity:.20; } to{ opacity:1; } }
@keyframes sa-mark-on { from{ transform: scale(.25); opacity:0; } to{ transform: scale(1); opacity:1; } }
@keyframes sa-sheen {
0%, 5% { transform: translateX(-52%); opacity: 0; }
13% { opacity: 1; }
49% { opacity: 1; }
57%, 100% { transform: translateX(52%); opacity: 0; }
}
@media (prefers-reduced-motion: no-preference){
.sa-hero-in{ animation: sa-rise .9s cubic-bezier(.2,.7,.3,1) both; }
.sa-hd1{ animation-delay: .08s } .sa-hd2{ animation-delay: .18s }
.sa-hd3{ animation-delay: .28s } .sa-hd4{ animation-delay: .38s }
.sa-hd5{ animation-delay: .48s }
.sa-goldband::before{ animation: sa-sheen 11s ease-in-out infinite; }
@supports (animation-timeline: view()){
/* RANGOS DE UNA SOLA FASE. Antes eran mixtos (`entry X% cover Y%`): Chrome
los resuelve, pero Safari iOS no, y el elemento se queda con la opacidad
inicial del keyframe, es decir invisible. Se manifestaba sobre todo en la
ULTIMA seccion, donde ya no queda scroll por delante para completar el
tramo `cover`: en el iPhone del usuario los dos botones de cierre
("Hablar por WhatsApp" e "Ir a contacto") no aparecian y dejaban un hueco
de 270px entre el parrafo y los datos de contacto. Medido en Chrome al
final de pagina: opacidad 1; en Safari, 0.
Con los dos extremos en la misma fase (`entry`) el tramo queda definido
por la propia entrada del elemento y no depende del scroll restante. */
.sa-reveal{
animation: sa-in linear both;
animation-timeline: view();
animation-range: entry 6% entry 58%;
}
.sa-d1{ animation-range: entry 14% entry 66%; }
.sa-d2{ animation-range: entry 22% entry 74%; }
.sa-d3{ animation-range: entry 30% entry 82%; }
.sa-grid::after{
animation: sa-drift linear both;
animation-timeline: view();
animation-range: cover 0% cover 100%;
}
/* EL PROCESO: linea de tiempo COMPARTIDA.
La timeline nombrada vive en el propio RAIL, no en la seccion entera.
Motivo: en una view-timeline, "cover 50%" es siempre el instante en que
el CENTRO del elemento cruza el centro del viewport, sea cual sea su
altura. Colgada de la seccion (alta: 128px de padding + rotulo + titulo
+ rail), el 85% caia cuando el rail ya casi habia salido por arriba. */
.sa-rail{ view-timeline-name: --sa-proc; view-timeline-axis: block; }
/* El tramo se cierra en cover 50%: el ULTIMO fotograma de la secuencia
(el numero del paso 04) remata justo cuando el rail cruza el centro de
la pantalla. Medido en el DOM: con el rail centrado, los cuatro pasos
estan al 100%. */
.sa-rail::after{
animation: sa-draw linear both;
animation-timeline: --sa-proc;
animation-range: cover 11% cover 42%;
}
.sa-step { animation: sa-step-in linear both; animation-timeline: --sa-proc; }
.sa-step::before{ animation: sa-mark-on linear both; animation-timeline: --sa-proc; }
.sa-num { animation: sa-num-on linear both; animation-timeline: --sa-proc; }
.sa-s1{ animation-range: cover 11% cover 17%; }
.sa-s2{ animation-range: cover 21% cover 28%; }
.sa-s3{ animation-range: cover 32% cover 38%; }
.sa-s4{ animation-range: cover 42% cover 47%; }
.sa-s1::before{ animation-range: cover 10% cover 14%; }
.sa-s2::before{ animation-range: cover 20% cover 25%; }
.sa-s3::before{ animation-range: cover 31% cover 36%; }
.sa-s4::before{ animation-range: cover 41% cover 45%; }
.sa-s1 .sa-num{ animation-range: cover 13% cover 20%; }
.sa-s2 .sa-num{ animation-range: cover 24% cover 30%; }
.sa-s3 .sa-num{ animation-range: cover 34% cover 41%; }
.sa-s4 .sa-num{ animation-range: cover 43% cover 50%; }
}
}
/* ---------- MOVIL: sin animacion ligada al scroll ----------
Tercera regla dura del proyecto, que a esta pagina no habia llegado. En
pantallas pequenas el margen de error de las view-timelines es minimo (la
barra del navegador cambia la altura del viewport al hacer scroll, lo que
recalcula los tramos a mitad de recorrido) y el coste de que algo no
resuelva es que el visitante NO VE ese contenido. Aqui el estado base pasa
a ser el visible y no se anima nada por scroll: el reveal es un adorno,
la lectura no. */
@media (max-width: 767px){
.sa-reveal, .sa-d1, .sa-d2, .sa-d3,
.sa-rail::after, .sa-step, .sa-step::before, .sa-num{
animation: none !important;
opacity: 1 !important;
transform: none !important;
}
}
@media (prefers-reduced-motion: reduce){
.sa-reveal, .sa-hero-in, .sa-rail::after, .sa-grid::after,
.sa-step, .sa-step::before, .sa-num,
.sa-goldband::before, .sa-panel:hover::after{
animation: none !important;
opacity: 1 !important;
transform: none !important;
}
.sa-panel, .sa-panel::after, .sa-lift,
.sa-btn .elementor-button, .sa-btn .elementor-button::after{ transition: none !important; }
.sa-lift:hover{ transform: none !important; }
}
/* ---------- 15. TABLET (768-1024) ---------- */
@media (min-width: 768px) and (max-width: 1024px){
.sa-grid::after{ background-size: 76px 76px; }
.sa-grid.sa-glow::after{ background-size: 100% 100%, 76px 76px, 76px 76px; }
.sa-overlap{ margin-bottom: -104px !important; }
.sa-rail::before, .sa-rail::after{ display: none; }
.sa-step{ border-top: 1px solid rgba(17,17,17,.16); padding-top: 34px; }
.sa-step::before{ top: -5px; left: 0; }
}
/* ---------- 16. MOVIL (<=767) ---------- */
@media (max-width: 767px){
.sa-rail::before,
.sa-rail::after{
top: 0; bottom: 0; left: 0; right: auto;
width: 1px; height: auto;
}
.sa-rail::after{ transform: scaleY(1); transform-origin: top; }
.sa-step::before{ top: 8px; left: -24px; width: 9px; height: 9px; box-shadow: 0 0 0 4px rgba(218,165,32,.16); }
.sa-grid::after{ background-size: 64px 64px; animation: none !important; transform: none !important; }
.sa-grid.sa-glow::after{ background-size: 100% 100%, 64px 64px, 64px 64px; }
.sa-panel::after{ display: none; }
.sa-lift:hover{ transform: none; box-shadow: none; }
.sa-btnrow .elementor-button{ width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: no-preference){
@supports (animation-timeline: view()){
@media (max-width: 767px){
.sa-rail::after{ animation-name: sa-drawY; }
}
}
}/* End custom CSS */