:root{
  --orange:#b95124;
  --orange2:#d26734;
  --dark:#101417;
  --dark2:#171c20;
  --text:#151515;
  --muted:#646464;
  --white:#fff;
  --card:#fff;
  --border:#e3e3e3;
  --shadow:0 8px 24px rgba(0,0,0,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Roboto Condensed',Arial,sans-serif;color:var(--text);background:#fff}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.container{width:min(100% - 72px, 1180px);margin-inline:auto}

.header{height:94px;background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 1px 5px rgba(0,0,0,.12)}
.header-inner{height:100%;display:flex;align-items:center;gap:28px}
.logo-wrap{flex:0 0 310px}
.logo{height:70px;object-fit:contain;object-position:left center}
.nav{display:flex;align-items:center;gap:34px;margin-left:auto}
.nav-link{font-size:18px;font-weight:700;padding:34px 2px 28px;position:relative}
.nav-link::after{content:"";position:absolute;height:3px;left:50%;right:50%;bottom:18px;background:var(--orange);transition:.25s ease}
.nav-link.active::after{left:0;right:0}
.nav-link:hover{color:var(--orange)}
.top-quote{width:170px}
.menu-toggle{display:none;background:none;border:0;font-size:30px}

.image-button{display:inline-block;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;border-radius:4px}
.image-button img{width:100%;height:auto}
.image-button:hover{transform:translateY(-3px) scale(1.025);filter:brightness(1.08) saturate(1.05);box-shadow:0 10px 20px rgba(185,81,36,.35)}
.image-button:active{transform:translateY(0) scale(.99)}

.hero{min-height:430px;background:url('../img/hero-maquinado.jpg') center/cover no-repeat;position:relative;color:#fff}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(13,18,21,.96) 0 41%,rgba(13,18,21,.86) 41%,rgba(13,18,21,.18) 55%,rgba(13,18,21,.06) 100%);clip-path:polygon(0 0,57% 0,47% 100%,0 100%)}
.hero-content{position:relative;z-index:1;min-height:430px;display:flex;align-items:center}
.hero-text{max-width:570px;padding:36px 0}
.eyebrow,.section-title-wrap span,.gear-text>span,.location-info>span,.contact-message>span{color:var(--orange2);font-weight:700;letter-spacing:.5px}
.hero h1{font-family:'Anton',Impact,sans-serif;letter-spacing:.8px;font-size:48px;line-height:1.03;margin:10px 0 16px;font-weight:400}
.accent-line,.service-line{height:2px;background:var(--orange);width:52px;margin:8px 0 16px}
.hero p{font-size:19px;line-height:1.35;margin-bottom:20px}
.hero-quote{width:250px}

.services{padding:18px 0 10px;background:#fff}
.section-title-wrap{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:2px}
.mini-line{width:42px;height:2px;background:var(--orange)}
.services h2{text-align:center;font-family:'Anton',Impact,sans-serif;font-size:30px;letter-spacing:.6px;margin:3px 0 14px;font-weight:400}
.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.service-card{background:var(--card);border:1px solid var(--border);border-radius:6px;min-height:228px;padding:16px 10px;text-align:center;box-shadow:0 1px 6px rgba(0,0,0,.05)}
.service-card img{width:72px;height:62px;object-fit:contain;margin:0 auto 8px}
.service-card h3{font-size:18px;line-height:1.02;margin:0;min-height:38px}
.service-card .service-line{margin:10px auto 12px;width:36px}
.service-card p{font-size:14px;line-height:1.25;margin:0}

.gear-banner{margin:10px 0 8px;background:url('../img/banner-engranes.jpg') center right/cover no-repeat;color:#fff;min-height:190px}
.gear-inner{min-height:190px;display:flex;align-items:center;background:linear-gradient(100deg,rgba(10,14,16,.98) 0 48%,rgba(10,14,16,.80) 48%,rgba(10,14,16,0) 70%);clip-path:polygon(0 0,64% 0,54% 100%,0 100%)}
.gear-text{padding-left:36px;max-width:610px}
.gear-text h2{font-family:'Anton',Impact,sans-serif;font-size:32px;margin:2px 0 0;font-weight:400}
.gear-text h3{color:var(--orange2);font-size:23px;margin:0 0 4px}.wide{width:52px;margin:8px 0}
.gear-text p{font-size:16px;max-width:540px;margin:0}

.benefits{padding:0 0 10px}.benefits-grid{border:1px solid var(--border);border-radius:5px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 1px 5px rgba(0,0,0,.06);padding:12px 8px}
.benefit{display:flex;gap:13px;align-items:center;padding:0 18px;border-right:1px solid #ddd}.benefit:last-child{border-right:0}
.benefit img{width:52px;height:52px;object-fit:contain}.benefit h3{margin:0 0 4px;font-size:18px}.benefit p{margin:0;font-size:13px;line-height:1.2}

.location{padding:0 0 10px}.location-box{display:grid;grid-template-columns:34% 66%;border:1px solid var(--border);border-radius:5px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.07)}
.location-info{padding:20px 28px}.location-info h2{font-family:'Anton',Impact,sans-serif;margin:1px 0 12px;font-size:30px;font-weight:400}.address-row{display:flex;gap:14px}.pin{color:var(--orange);font-size:28px}.location-info p{font-size:15px;line-height:1.25}.directions{width:155px;margin-top:2px}.map-wrap img{width:100%;height:100%;min-height:260px;object-fit:cover}

.contact{background:linear-gradient(90deg,#111719,#171e21);color:#fff;padding:20px 0}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:30px;align-items:center}.contact-message{padding-right:22px;border-right:1px solid var(--orange)}.contact-message h2{font-family:'Anton',Impact,sans-serif;font-size:28px;margin:2px 0 6px;font-weight:400}.contact-message p{margin:0;font-size:14px}.contact-data p{margin:8px 0;font-size:15px}.contact-data a:hover{color:var(--orange2)}.contact-cta{text-align:center}.contact-cta .image-button{width:235px}.contact-cta small{display:block;margin-top:5px}
.footer{background:linear-gradient(90deg,#b84e22,#7a2e15);color:#fff;padding:8px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:13px}.socials{display:flex;gap:16px}.socials a{font-weight:700;font-size:20px}

@media (max-width:1050px){
  .container{width:min(100% - 36px,1180px)}
  .logo-wrap{flex-basis:255px}.nav{gap:20px}.nav-link{font-size:16px}.top-quote{width:145px}
  .service-grid{grid-template-columns:repeat(3,1fr)}
  .benefits-grid{grid-template-columns:repeat(2,1fr);gap:14px}.benefit{border-right:0}
}
@media (max-width:760px){
  .header{height:78px}.header-inner{gap:12px}.logo-wrap{flex:1}.logo{height:58px}.top-quote{display:none}.menu-toggle{display:block;margin-left:auto}
  .nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;gap:0;box-shadow:0 8px 20px rgba(0,0,0,.12)}.nav.open{display:flex}.nav-link{width:100%;padding:15px 22px}.nav-link::after{bottom:8px;left:22px;right:calc(100% - 22px)}.nav-link.active::after{left:22px;right:22px}
  .hero{min-height:520px;background-position:65% center}.hero-overlay{clip-path:none;background:linear-gradient(90deg,rgba(11,16,18,.94),rgba(11,16,18,.76))}.hero-content{min-height:520px}.hero h1{font-size:42px}.hero p br{display:none}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .gear-banner{background-position:70% center}.gear-inner{clip-path:none;background:rgba(10,14,16,.76)}.gear-text{padding:28px 8px}
  .benefits-grid{grid-template-columns:1fr}
  .location-box{grid-template-columns:1fr}.map-wrap{height:260px}
  .contact-grid{grid-template-columns:1fr}.contact-message{border-right:0;border-bottom:1px solid var(--orange);padding:0 0 18px}.contact-cta{text-align:left}
}
@media (max-width:460px){
  .container{width:min(100% - 24px,1180px)}
  .hero h1{font-size:35px}.hero p{font-size:17px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}
}
.custom-logo-link{display:block}.custom-logo{height:70px;width:auto;max-width:310px;object-fit:contain}.admin-bar .header{top:32px}@media(max-width:782px){.admin-bar .header{top:46px}}@media(max-width:760px){.custom-logo{height:58px;max-width:250px}}