:root{--yellow:#ffb800;--dark:#071116;--dark2:#0d181d;--card:#141f24;--muted:#c9d1d5}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--dark);color:#fff;font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit} img{display:block;max-width:100%}
.container{width:min(1180px,92vw);margin:auto}
.header{position:sticky;top:0;z-index:100;background:rgba(6,14,18,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:78px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:255px;height:65px;object-fit:contain;object-position:left center}
.menu{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:700}.menu a:hover,.menu a.active{color:var(--yellow)}
.top-btn,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:#080d10;font-weight:900;border-radius:999px;padding:14px 22px}
.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}
.hero{min-height:620px;display:flex;align-items:center;background:url('assets/hero-excavadora.jpg') center/cover no-repeat}
.hero-content{padding:68px 0;max-width:790px}.hero-logo{width:390px;margin-bottom:30px}
.hero h1{font-size:clamp(48px,6.5vw,86px);line-height:.96;margin:0 0 18px;font-style:italic;font-weight:1000;letter-spacing:-.045em}
.hero h1 span{color:var(--yellow)}.hero p{font-size:18px;line-height:1.5;margin:0 0 28px}
.services{padding:70px 0;background:radial-gradient(circle at 10% 15%,rgba(255,184,0,.05),transparent 26%),linear-gradient(180deg,#101b20,#091216)}
.services-intro{display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:end;margin-bottom:28px}
.kicker{display:flex;align-items:center;gap:14px;color:var(--yellow);font-size:12px;font-weight:900;text-transform:uppercase}.kicker:before{content:"";width:37px;height:2px;background:var(--yellow)}
h2{margin:10px 0 0;font-size:38px;line-height:1.03;font-style:italic}h2 span{color:var(--yellow)}
.services-intro p{margin:0;color:#d0d8dc;line-height:1.65}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:linear-gradient(180deg,#182329,#10191e);border:1px solid var(--yellow);border-radius:15px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.2)}
.card>img{width:100%;height:190px;object-fit:cover}.card-body{padding:20px 23px 24px}
.icon{width:58px;height:58px;border-radius:14px;background:var(--yellow);color:#111;display:grid;place-items:center;font-size:27px;margin-top:-49px;margin-bottom:14px;position:relative;border:4px solid #151f24}
.card h3{font-size:20px;margin:0 0 9px}.card p{margin:0;color:#c6cfd3;line-height:1.55;font-size:14px}
.trust{background:#f3f3f2;color:#111;padding:17px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 16px;border-right:1px solid rgba(255,184,0,.72)}.trust-item:last-child{border-right:0}.trust-icon{font-size:32px}
.gallery{padding:66px 0;background:radial-gradient(circle at 88% 16%,rgba(255,184,0,.055),transparent 26%),#101a1f}
.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.gallery-head p{color:#ccd4d7;margin:8px 0 0}
.outline{border:1px solid var(--yellow);color:var(--yellow);border-radius:999px;padding:11px 18px;font-size:13px;font-weight:800}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery-grid img{width:100%;height:175px;object-fit:cover;border-radius:11px}
.contact{color:#111;background:linear-gradient(90deg,#ffb800 0 41%,#deddd5 41% 100%)}
.contact-grid{display:grid;grid-template-columns:41% 59%;min-height:285px}.contact-left{padding:40px 38px 40px 0}
.contact-left .kicker{color:#111}.contact-left .kicker:before{background:#111}.contact-left h2{font-size:37px;margin:12px 0}.contact-left p{line-height:1.55;max-width:335px}
.dark-btn{background:#151c20;color:#fff}.contact-right{display:grid;align-content:center;padding:28px 0 28px 55px}.info{display:grid;gap:16px}
.info-row{display:flex;align-items:center;gap:14px}.info-icon{width:45px;height:45px;border-radius:50%;background:#161d21;color:var(--yellow);display:grid;place-items:center;font-size:20px}
.info-row small{display:block;color:#555f64;margin-bottom:3px}.info-row strong{font-size:16px}
.footer{background:linear-gradient(180deg,#182328,#091216);padding:24px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:center}
.footer-logo{width:260px}.tagline{font-size:15px;line-height:1.4}.tagline strong{display:block}.tagline span{color:var(--yellow);font-weight:800}
.footer-right{display:flex;justify-content:flex-end;align-items:center;gap:18px}.social{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#1d292f;font-weight:900}
.float-wa{position:fixed;right:18px;bottom:18px;z-index:80;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;font-size:28px;box-shadow:0 12px 28px rgba(0,0,0,.3)}
@media(max-width:900px){.menu{display:none;position:absolute;top:78px;left:0;right:0;background:#081216;padding:24px 5vw;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.mobile-toggle{display:block}.top-btn{display:none}.services-intro{grid-template-columns:1fr;gap:20px}.cards{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.contact{background:linear-gradient(180deg,#ffb800 0 48%,#deddd5 48% 100%)}.contact-grid{grid-template-columns:1fr}.contact-left{padding-right:0}.contact-right{padding-left:0}.footer-grid{grid-template-columns:1fr}.footer-right{justify-content:flex-start}}
@media(max-width:620px){.nav{height:72px}.brand img{width:215px;height:58px}.menu{top:72px}.hero{min-height:590px;background-position:62% center}.hero-content{padding:55px 0}.hero-logo{width:310px}.hero h1{font-size:49px}.hero p{font-size:16px}.services,.gallery{padding:55px 0}h2{font-size:32px}.cards{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.trust-item{justify-content:flex-start;border-right:0;border-bottom:1px solid rgba(255,184,0,.55)}.gallery-head{flex-direction:column;align-items:flex-start}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img{height:140px}.contact-left h2{font-size:32px}}