:root{--yellow:#f6c600;--black:#111;--ink:#202020;--paper:#fff;--mist:#f2f2ee;--line:#deded8;--muted:#63635e;--display:"Barlow Condensed",Impact,sans-serif;--body:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--body);background:var(--paper)}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 48px));margin:auto}.skip-link{position:fixed;z-index:99;left:1rem;top:-4rem;padding:.75rem 1rem;background:#fff}.skip-link:focus{top:1rem}.site-header{position:absolute;top:0;left:0;z-index:10;width:100%;height:86px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:34px;color:#fff;transition:.25s}.site-header.is-scrolled{position:fixed;background:rgba(17,17,17,.95);height:70px;backdrop-filter:blur(12px)}.brand{font:700 2rem/1 var(--display);letter-spacing:.055em}.brand span{color:var(--yellow)}.main-nav{display:flex;gap:27px;margin-left:auto;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.main-nav a{opacity:.88}.main-nav a:hover{color:var(--yellow)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:14px 20px;font-size:.76rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;transition:.2s}.header-cta{background:var(--yellow);color:var(--black)}.header-cta:hover,.button-yellow:hover{background:#fff}.menu-toggle{display:none}.hero{isolation:isolate;position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;background:#111;color:#fff}.hero-media{position:absolute;inset:0;background:url('assets/images/hero-steel-framing.png') center/cover no-repeat;z-index:-2}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.97) 0%,rgba(10,10,10,.83) 34%,rgba(10,10,10,.22) 70%,rgba(10,10,10,.05));z-index:-1}.hero-content{padding-top:86px}.eyebrow{margin:0 0 16px;color:#73736c;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow-light{color:var(--yellow)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:690px;margin-bottom:25px;font:700 clamp(4.1rem,8vw,7.8rem)/.82 var(--display);letter-spacing:-.035em;text-transform:uppercase}.hero h1 em{color:var(--yellow);font-style:normal}.hero-lede{max-width:460px;margin-bottom:34px;font-size:1rem;line-height:1.7;color:#ddd}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button-yellow{background:var(--yellow);color:var(--black)}.button-ghost{border:1px solid rgba(255,255,255,.5)}.button-ghost:hover{border-color:#fff;background:#fff;color:#111}.hero-trust{position:absolute;right:max(24px,calc((100% - 1180px)/2));bottom:42px;display:flex;align-items:center;gap:13px}.hero-trust strong{font:700 5rem/.7 var(--display);color:var(--yellow)}.hero-trust span{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);background:var(--yellow)}.quick-links a{min-height:105px;padding:28px max(24px,calc((100vw - 1180px)/6));display:flex;align-items:center;gap:14px;border-right:1px solid rgba(0,0,0,.18);font:700 1.45rem/1 var(--display);text-transform:uppercase}.quick-links span{font:700 .75rem var(--body)}.quick-links b{margin-left:auto;font-size:1.4rem}.quick-links a:hover{background:#111;color:#fff}.section{padding:110px 0}.solutions{background:var(--mist)}.section-heading{margin-bottom:52px}.split-heading{display:grid;grid-template-columns:1.25fr .6fr;gap:100px;align-items:end}.section-heading h2,.contact h2,.about h2{margin:0;font:700 clamp(3rem,5vw,5rem)/.88 var(--display);letter-spacing:-.03em;text-transform:uppercase}.split-heading>p{margin:0;color:var(--muted);line-height:1.7;font-size:.93rem}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.solution-grid article{min-height:280px;padding:26px 27px;border-right:1px solid var(--line)}.solution-grid article:first-child{border-left:1px solid var(--line)}.solution-number{color:#a2a29b;font:600 1rem var(--display)}.solution-grid h3{margin:78px 0 13px;font:700 1.7rem/.9 var(--display);text-transform:uppercase}.solution-grid p{color:var(--muted);font-size:.8rem;line-height:1.65}.products-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.text-link{border-bottom:1px solid var(--black);padding-bottom:6px;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.text-link span{color:#bd9800;font-size:1.1rem}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{min-height:375px;display:flex;flex-direction:column;background:#f1f1ed;overflow:hidden}.product-card-featured{grid-column:span 2}.card-image{height:180px;background:#d7d7cf;transition:transform .35s}.product-card:hover .card-image{transform:scale(1.04)}.product-card-featured .card-image{height:205px}.image-drywall{background:linear-gradient(135deg,rgba(17,17,17,.1),transparent),url('assets/images/hero-steel-framing.png') 70% 60%/cover}.image-profiles{background:linear-gradient(135deg,#8b8b82,#d1d1c5 55%,#70706b)}.image-steel{background:repeating-linear-gradient(100deg,#91918c 0 15px,#d9d8cd 16px 30px,#6d6d68 31px 34px)}.image-insulation{background:linear-gradient(135deg,#d2a300 0 44%,#f5d24d 45% 60%,#4d4d46 61%)}.image-ceiling{background:linear-gradient(145deg,#e9e9e4 0 45%,#c4c4bc 46% 47%,#fafaf7 48% 100%)}.image-pvc{background:repeating-linear-gradient(90deg,#f7f7f4 0 17px,#d7d7d1 18px 19px)}.image-floor{background:repeating-linear-gradient(35deg,#8c684c 0 16px,#b78f6d 17px 32px,#6d4e38 33px 35px)}.image-finish{background:linear-gradient(135deg,#f7f7f4 0 48%,#e7e3d8 49% 51%,#2d2d2a 52%)}.card-content{display:flex;flex:1;flex-direction:column;padding:20px}.card-content p{margin-bottom:18px;color:#71716b;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.card-content h3{max-width:260px;margin-bottom:20px;font:700 1.65rem/.9 var(--display);text-transform:uppercase}.card-content a{margin-top:auto;font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.card-content a span{float:right;font-size:1.2rem;color:#a18100}.brands{padding:67px 0;background:#111;color:#fff}.brand-list{display:flex;align-items:center;justify-content:space-between;gap:27px;flex-wrap:wrap}.brand-list span{font:700 clamp(1.45rem,3vw,3rem)/1 var(--display);letter-spacing:.04em}.brand-list .jma{color:var(--yellow);font-size:clamp(2rem,4.5vw,4.3rem)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:94px;align-items:center}.about-image{position:relative;min-height:520px;background:linear-gradient(rgba(0,0,0,.14),rgba(0,0,0,.14)),url('assets/images/hero-steel-framing.png') 70% center/cover}.about-image-mark{position:absolute;right:-20px;bottom:35px;padding:15px 20px;background:var(--yellow);color:#111;font:700 6rem/.7 var(--display)}.about-image-mark span{font-size:3.5rem}.about-copy>p:not(.eyebrow){margin:27px 0;color:var(--muted);line-height:1.75;max-width:520px}.about-points{display:flex;flex-wrap:wrap;gap:12px}.about-points span{border:1px solid var(--line);padding:9px 11px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.cta-band{padding:90px 0;background:var(--yellow)}.cta-band p{margin-bottom:8px;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cta-band h2{margin-bottom:26px;font:700 clamp(4rem,7vw,7rem)/.8 var(--display);letter-spacing:-.03em;text-transform:uppercase}.button-dark{background:#111;color:#fff}.button-dark:hover{background:#fff;color:#111}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-whatsapp{display:block;margin:38px 0 20px;font:600 1rem/1.35 var(--display);text-transform:uppercase}.contact-whatsapp strong{font-size:2.5rem}.contact-email{border-bottom:1px solid #111;padding-bottom:3px;font-size:.78rem;font-weight:800}.contact-details{padding-top:10px}.contact-details>div{display:grid;grid-template-columns:130px 1fr;padding:18px 0;border-top:1px solid var(--line)}.contact-details span{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#777}.contact-details strong{font-size:.88rem;line-height:1.7}.contact-details>a{display:block;margin-top:22px;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.contact-details>a span{color:#a18100;font-size:1rem}.site-footer{padding:42px 0;background:#111;color:#fff}.site-footer .container{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:30px}.site-footer p,.site-footer small{margin:0;color:#a7a7a0;font-size:.7rem}.floating-whatsapp{position:fixed;z-index:9;right:22px;bottom:22px;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:100px;background:var(--yellow);color:#111;box-shadow:0 10px 25px rgba(0,0,0,.2);font-size:.72rem;font-weight:800}.floating-whatsapp:first-letter{font-size:1.1rem}.floating-whatsapp:hover{background:#111;color:#fff}
@media(max-width:800px){.container{width:min(100% - 40px,580px)}.site-header{height:70px;padding:0 20px}.site-header .brand{font-size:1.7rem}.header-cta{display:none}.menu-toggle{display:grid;gap:5px;margin-left:auto;padding:9px;border:0;background:transparent}.menu-toggle span{width:23px;height:2px;background:#fff}.main-nav{position:absolute;top:70px;right:0;left:0;display:none;margin:0;padding:22px 20px;background:#111;flex-direction:column;gap:20px}.main-nav.is-open{display:flex}.hero{min-height:700px;align-items:flex-end}.hero-media{background-position:65% center}.hero-overlay{background:linear-gradient(0deg,rgba(10,10,10,.98) 0%,rgba(10,10,10,.72) 54%,rgba(10,10,10,.12) 100%)}.hero-content{padding-bottom:100px}.hero h1{font-size:clamp(3.6rem,16vw,5.8rem)}.hero-lede{font-size:.9rem}.hero-trust{right:20px;bottom:22px}.hero-trust strong{font-size:4rem}.hero-trust span{font-size:.58rem}.quick-links{grid-template-columns:1fr}.quick-links a{min-height:72px;padding:19px 20px;border-bottom:1px solid rgba(0,0,0,.18);font-size:1.2rem}.section{padding:72px 0}.split-heading,.about-grid,.contact-grid{grid-template-columns:1fr;gap:27px}.section-heading h2,.contact h2,.about h2{font-size:3.2rem}.solution-grid{grid-template-columns:1fr 1fr}.solution-grid article{min-height:215px;padding:20px}.solution-grid article:nth-child(3){border-left:1px solid var(--line)}.solution-grid h3{margin-top:47px;font-size:1.45rem}.products-heading{align-items:start;flex-direction:column}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-card,.product-card-featured{grid-column:auto;min-height:300px}.product-card-featured{grid-column:span 2}.card-image,.product-card-featured .card-image{height:135px}.product-card-featured .card-image{height:180px}.card-content{padding:15px}.card-content h3{font-size:1.35rem}.brand-list{gap:20px}.about-image{min-height:370px}.about-image-mark{right:0;font-size:4.8rem}.cta-band{padding:66px 0}.cta-band h2{font-size:4.2rem}.contact-whatsapp strong{font-size:2rem}.site-footer .container{grid-template-columns:1fr;gap:16px}.floating-whatsapp span{display:none}.floating-whatsapp{right:16px;bottom:16px;width:52px;height:52px;justify-content:center;padding:0}.contact-details>div{grid-template-columns:1fr;gap:6px}}
@media(max-width:390px){.product-grid{grid-template-columns:1fr}.product-card-featured{grid-column:auto}.solution-grid{grid-template-columns:1fr}.solution-grid article{border-left:1px solid var(--line)}.hero h1{font-size:3.35rem}}

/* Official brand assets */
.brand-logo{display:flex;align-items:center;width:134px}.brand-logo img{display:block;width:100%;height:auto}.brand-durlock{display:flex!important;align-items:center;width:170px;padding:10px 14px;background:#fff}.brand-durlock img{display:block;width:100%;height:auto}.brand-jma{display:flex!important;align-items:center;width:220px}.brand-jma img{display:block;width:100%;height:auto}@media(max-width:800px){.site-header .brand-logo{width:112px}.brand-list{align-items:flex-start}.brand-durlock{width:135px}.brand-jma{width:175px}.site-footer .brand-logo{width:128px}}
.brand-isover,.brand-inrots,.brand-aisplac{display:flex!important;align-items:center}.brand-isover{width:152px}.brand-inrots{width:125px}.brand-aisplac{width:156px}.brand-isover img,.brand-inrots img,.brand-aisplac img{display:block;width:100%;height:auto}@media(max-width:800px){.brand-isover{width:130px}.brand-inrots{width:110px}.brand-aisplac{width:135px}}

/* Real Deyaniz project image, edited for the landing hero. */
.hero-media{background-image:url('assets/images/hero-casa-obra.png')}

/* Supplied project photo for the profiles category. */
.image-profiles{background-image:url('assets/images/perfiles-estructuras.jpg');background-position:center;background-size:cover}

/* Original Steel Framing visual set. */
.image-steel{background-image:url('assets/images/steel-framing-interior.png');background-position:center;background-size:cover}
.about-image{background-image:linear-gradient(rgba(0,0,0,.14),rgba(0,0,0,.14)),url('assets/images/steel-framing-exterior.png');background-position:center;background-size:cover}
.image-insulation{background-image:url('assets/images/aislaciones-steel-framing.png');background-position:center;background-size:cover}
.image-ceiling{display:flex;align-items:center;justify-content:center;background:#111}.image-ceiling>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}

/* Keep the supplied square Deyaniz lockup fully visible in the header. */
.site-header .brand-logo{width:68px;height:68px;flex:0 0 68px}.site-header .brand-logo img{width:68px;height:68px;object-fit:contain}.site-footer .brand-logo{width:70px;height:70px}.site-footer .brand-logo img{width:70px;height:70px;object-fit:contain}

/* Brand logos share a uniform visual field, regardless of their original aspect ratio. */
.brand-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:center}.brand-list>span{width:100%!important;height:58px;padding:8px!important;display:flex!important;align-items:center;justify-content:center;background:transparent}.brand-list>span img{display:block;max-width:100%;max-height:42px;width:auto!important;height:auto!important;object-fit:contain}.brand-list>.brand-durlock{background:#fff}.brand-list>.brand-jma img,.brand-list>.brand-aisplac img{max-height:38px}.brand-list>.brand-inrots img{max-height:32px}
@media(max-width:800px){.site-header .brand-logo{width:58px;height:58px;flex-basis:58px}.site-header .brand-logo img{width:58px;height:58px}.brand-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.brand-list>span{height:54px}.site-footer .brand-logo{width:62px;height:62px}.site-footer .brand-logo img{width:62px;height:62px}}