@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--yellow:#ffd400;--ink:#11120f;--paper:#f1f1ed;--muted:#70716b;--line:#d6d6d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.top{height:82px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#11120f;color:#fff;position:relative;z-index:20;border-bottom:1px solid #ffffff20}.brand{display:flex;align-items:center;gap:11px;font:700 25px "Barlow Condensed"}.brand i{font-style:normal;background:var(--yellow);color:#111;width:36px;height:36px;display:grid;place-items:center}.brand em{font-style:normal;color:var(--yellow)}.top nav{display:flex;align-items:center;gap:27px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.navcta{background:var(--yellow);color:#111;padding:14px 17px}.hamb{display:none;background:none;border:0;color:#fff}.view{display:none}.view.active{display:block}.hero{min-height:calc(100vh - 82px);position:relative;background:url('/assets/hero-metalpro360.png') center/cover;color:#fff;display:flex;align-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#090a08ed,#0c0d0aaa 48%,#0002),linear-gradient(0deg,#111d,transparent 45%)}.hero-copy{position:relative;padding:70px 0}.kicker{font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase}.kicker.ink{color:#777}.hero h1,.pagehero h1,.access h1{font:700 clamp(68px,9vw,138px)/.8 "Barlow Condensed";letter-spacing:-.04em;margin:28px 0;text-transform:uppercase}.hero h1 em,h2 em,.access h1 em{font-style:normal;color:var(--yellow)}.hero-copy>p:last-of-type{font-size:18px;line-height:1.65;max-width:660px;color:#ddd}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{border:0;padding:16px 20px;display:inline-flex;justify-content:center;align-items:center;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.08em;cursor:pointer}.yellow{background:var(--yellow);color:#111}.ghost{border:1px solid #ffffff55;color:#fff}.black{background:#111;color:#fff}.outline{border:1px solid #111}.centered{display:flex;width:max-content;margin:45px auto 0}.hero aside{position:absolute;right:4vw;bottom:3vw;border-left:3px solid var(--yellow);padding-left:14px;display:flex;gap:12px;align-items:center}.hero aside b{font:700 43px "Barlow Condensed"}.hero aside span{max-width:120px;font-size:9px;text-transform:uppercase}.sectors{display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.sector{border-right:1px solid #ddd}.sector button{background:none;border:0;width:100%;padding:24px 20px;display:flex;justify-content:space-between;text-transform:uppercase;font-size:11px;font-weight:800}.sector div{display:none;padding:0 20px 24px}.sector.open div{display:block}.sector p{font-size:12px;line-height:1.55;color:#666}.sector a{font-size:9px;font-weight:800;text-transform:uppercase;border-bottom:1px solid}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:120px 0;align-items:end}.intro h2,.head h2,.process h2,.cta h2{font:700 clamp(48px,6vw,82px)/.88 "Barlow Condensed";letter-spacing:-.025em;margin:18px 0;text-transform:uppercase}.intro>div:last-child>p,.head>p{font-size:17px;line-height:1.7;color:#666}.intro>div:last-child>a{font-size:10px;font-weight:800;text-transform:uppercase;border-bottom:1px solid}.dark{background:#151612;color:#fff;padding:105px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:40px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #ffffff2a}.service-grid article{padding:28px 25px 5px 0;border-right:1px solid #ffffff2a}.service-grid article>span{color:var(--yellow);font-size:10px}.service-grid h3,.project-card h3,.steps h3{font:700 33px/1 "Barlow Condensed";text-transform:uppercase}.service-grid p,.steps p{font-size:12px;line-height:1.6;color:#aaa}.service-grid a{font-size:9px;text-transform:uppercase;color:var(--yellow)}.block{padding:110px 0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.project-card{cursor:pointer}.project-card figure{margin:0;aspect-ratio:4/3;overflow:hidden;position:relative;background:#ccc}.project-card img{width:100%;height:100%;object-fit:cover;transition:.4s}.project-card:hover img{transform:scale(1.035)}.project-card figure span{position:absolute;top:12px;left:12px;background:var(--yellow);padding:7px;font-size:9px;font-weight:800}.project-card>p{font-size:9px;letter-spacing:.13em;color:#777;text-transform:uppercase;margin:16px 0 8px}.project-card h3{margin:0 0 9px}.project-card small{display:block;line-height:1.55;color:#666;min-height:60px}.project-card>b{display:block;margin-top:14px;font-size:9px;text-transform:uppercase}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px}.steps article{border-top:1px solid #ffffff40;padding:22px 22px 0 0}.steps b{color:var(--yellow);font-size:10px}.cta{background:var(--yellow);padding:100px 0}.cta p{font-size:17px;max-width:650px}.pagehero{background:#151612;color:#fff;padding:100px 0 90px}.pagehero h1{font-size:clamp(58px,8vw,106px);max-width:1100px}.pagehero .wrap>p:last-child{max-width:720px;color:#bbb;font-size:18px;line-height:1.6}.list article{display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid #ccc;padding:42px 0}.list article>b,.list article>span{font:700 28px "Barlow Condensed";color:#aaa}.list h2{font:700 44px "Barlow Condensed";text-transform:uppercase;margin:0}.list p{max-width:720px;color:#666;line-height:1.65}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #bbb;background:none;padding:10px 14px;font-size:9px;text-transform:uppercase}.filters button.active{background:#111;color:#fff}.all{margin-top:28px}.project-hero{height:68vh;min-height:520px;position:relative;color:#fff;display:flex;align-items:end;background:#111}.project-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.project-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111,transparent 70%)}.project-hero .wrap{z-index:1;padding-bottom:55px}.project-hero h1{font:700 clamp(55px,8vw,105px)/.82 "Barlow Condensed";text-transform:uppercase;margin:15px 0;max-width:900px}.story{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:90px 0}.story h2{font:700 42px "Barlow Condensed";margin:10px 0}.story p:last-child{color:#666;line-height:1.7}.gallery{columns:2;column-gap:18px;padding-bottom:100px}.gallery img{width:100%;display:block;margin-bottom:18px}.contact{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px;padding:90px 0}.contact aside h2{font:700 38px "Barlow Condensed"}.contact aside>a{display:block;padding:17px 0;border-bottom:1px solid #ccc;font-weight:700}.contact aside small{display:block;color:#888;text-transform:uppercase;font-size:8px;margin-bottom:5px}.contact aside p{font-size:12px;color:#777;margin-top:28px}.panel{background:#fff;padding:35px}.form{display:grid;gap:14px}.form h1,.form h2{font:700 40px "Barlow Condensed";text-transform:uppercase;margin:5px 0}.form label{display:grid;gap:6px;font-size:9px;font-weight:800;text-transform:uppercase}.form input,.form textarea,.form select{width:100%;padding:13px;border:1px solid #ccc;background:#fafafa}.form .check{display:flex;grid-template-columns:auto 1fr;text-transform:none;font-weight:400;align-items:center}.form .check input{width:auto}.form output{font-size:11px;color:#8d250f}.estimate-open{width:100%;border:1px solid #bbb;padding:14px;background:none;margin-top:10px;cursor:pointer}.access{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr;background:#eee}.access-copy{padding:8vw;background:linear-gradient(#111c,#111c),url('/assets/projects/nuevos/escalera-diseno-04.jpeg') center/cover;color:#fff}.access-copy h1{font-size:clamp(60px,7vw,100px)}.access-copy>p{color:#ccc;line-height:1.7}.access-copy ul{list-style:none;padding:0;margin-top:35px}.access-copy li{padding:11px 0;border-bottom:1px solid #ffffff35}.access-card{padding:8vw}.tabs{display:flex;border-bottom:1px solid #ccc}.tabs button{border:0;background:none;padding:14px 0;margin-right:24px;text-transform:uppercase;font-size:10px}.tabs .active{border-bottom:3px solid var(--yellow);font-weight:800}.access-card .form{background:none;padding:35px 0}.hidden{display:none!important}.admin-login{min-height:calc(100vh - 82px);background:radial-gradient(circle at 80% 20%,#3a3b33,#111 55%);display:grid;place-items:center;padding:20px}.admin-login form{width:min(440px,100%);border-top:5px solid var(--yellow)}.admin-shell,.portal-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:#ecece7}.admin-side,.portal-side{background:#131410;color:#fff;padding:26px 20px;display:flex;flex-direction:column;gap:25px}.admin-side small,.portal-side small{color:#888;font-size:9px}.admin-side nav,.portal-side nav{display:grid;gap:4px}.admin-side button,.portal-side button{background:none;border:0;color:#aaa;text-align:left;padding:12px}.admin-side button.active,.portal-side button.active{background:var(--yellow);color:#111;font-weight:800}.admin-side>a:last-child,.portal-side>a:last-child{margin-top:auto;color:#aaa;font-size:10px}.admin-main,.portal-main{padding:32px;min-width:0}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-head h1,.portal-main h1{font:700 40px "Barlow Condensed";text-transform:uppercase;margin:4px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.stats article,.portal-grid article{background:#fff;padding:20px}.stats b{display:block;font:700 36px "Barlow Condensed"}.stats span{font-size:10px;color:#777}.kanban{display:grid;grid-template-columns:repeat(5,minmax(185px,1fr));gap:11px;overflow:auto}.kanban section>h2{font-size:10px;text-transform:uppercase;display:flex;justify-content:space-between}.kanban section>h2 b{background:#ddd;border-radius:20px;padding:2px 7px}.kanban article{background:#fff;border-top:3px solid var(--yellow);padding:14px;margin-bottom:9px}.kanban h3{font:700 21px "Barlow Condensed";text-transform:uppercase;margin:10px 0}.kanban small,.kanban p{font-size:9px;color:#777}.kanban article div{text-align:right}.kanban article button{border:1px solid #ddd;background:#f4f4f1}.admin-panel{display:grid;grid-template-columns:1fr 1fr;gap:22px}.admin-card{background:#fff;padding:23px}.admin-card h2{font:700 28px "Barlow Condensed";text-transform:uppercase}.sortrow,.clientrow,.projectrow{display:flex;gap:10px;align-items:center;border-bottom:1px solid #ddd;padding:12px 0}.sortrow span,.clientrow div,.projectrow div{flex:1}.sortrow button,.clientrow button,.projectrow button{border:1px solid #ccc;background:#f6f6f3;padding:7px;font-size:9px}.portal-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.progress>b{display:block;font:700 54px "Barlow Condensed"}.bar{height:8px;background:#ddd}.bar span{display:block;height:100%;background:var(--yellow)}.portal-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.timeline,.document{background:#fff;padding:20px}.timeline article,.document article{border-bottom:1px solid #ddd;padding:12px 0}.document article{display:flex;justify-content:space-between;font-size:11px}dialog{width:min(620px,calc(100% - 30px));border:0;padding:35px;background:#f5f5f1}dialog::backdrop{background:#000a}dialog .close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:26px}dialog h2{font:700 40px "Barlow Condensed";text-transform:uppercase}.choices{display:grid;gap:8px}.choices button{padding:14px;text-align:left;border:1px solid #ccc;background:#fff}.estimate-result{background:#111;color:#fff;padding:24px}.estimate-result b{font:700 42px "Barlow Condensed";color:var(--yellow)}footer{background:#0f100d;color:#fff;padding:65px 0 18px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.foot p{font-size:11px;color:#888;line-height:1.6}.foot>div:not(:first-child){display:grid;gap:9px;align-content:start;font-size:11px}.foot>div>b{font-size:9px;color:var(--yellow);letter-spacing:.15em}.legal{border-top:1px solid #ffffff20;margin-top:45px;padding-top:18px;font-size:8px;color:#777;display:flex;justify-content:space-between}
@media(max-width:800px){.wrap{width:min(100% - 28px,1180px)}.top{height:68px;padding:0 14px}.hamb{display:block}.top nav{display:none;position:absolute;left:0;right:0;top:68px;background:#151612;padding:20px;flex-direction:column;align-items:stretch;gap:0}.top nav.open{display:flex}.top nav a{padding:14px;border-bottom:1px solid #ffffff20}.hero{min-height:740px}.hero h1{font-size:67px}.hero-copy>p:last-of-type{font-size:15px}.hero aside{right:18px;bottom:18px}.sectors{grid-template-columns:1fr}.sector{border-bottom:1px solid #ddd}.intro,.story,.contact,.access,.admin-panel{grid-template-columns:1fr;gap:35px}.intro,.block{padding:70px 0}.head{display:block}.head h2,.intro h2,.process h2,.cta h2{font-size:50px}.service-grid,.project-grid,.steps,.stats,.portal-grid,.portal-columns{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid #ffffff2a}.pagehero{padding:70px 0}.pagehero h1{font-size:58px}.list article{grid-template-columns:50px 1fr}.gallery{columns:1}.contact{padding:60px 0}.access-copy,.access-card{padding:55px 24px}.admin-shell,.portal-shell{grid-template-columns:1fr}.admin-side,.portal-side{min-height:auto;padding:17px}.admin-side nav,.portal-side nav{grid-template-columns:1fr 1fr}.admin-side>a:last-child,.portal-side>a:last-child{margin:0}.admin-main,.portal-main{padding:16px}.admin-head{align-items:start}.admin-head h1,.portal-main h1{font-size:29px}.foot{grid-template-columns:1fr}.legal{display:block;line-height:2}}