:root{
  --bg:#0b0f12;--panel:#141b20;--text:#f4f4ef;--muted:#aeb7bd;
  --accent:#e67e22;--line:#273139;--max:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f5f2;color:#15191c;line-height:1.55}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.hero{
  min-height:72vh;display:grid;place-items:center;text-align:center;color:white;
  background:linear-gradient(rgba(0,0,0,.54),rgba(0,0,0,.72)),url("assets/pagina-1.jpg") center 37%/cover no-repeat;
}
.overlay{max-width:850px;padding:48px 20px}
.eyebrow,.tag{font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
h1{font-size:clamp(2.4rem,6vw,5.4rem);line-height:.98;margin:.25em 0}
h2{font-size:clamp(1.9rem,4vw,3.3rem);line-height:1.05;margin:.3em 0 .5em}
.lead{font-size:clamp(1.05rem,2.2vw,1.4rem);color:#e8ecef}
.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.btn{padding:14px 22px;border-radius:999px;font-weight:800}
.primary{background:var(--accent);color:#111}
.secondary{border:1px solid #fff;background:rgba(0,0,0,.28)}
.topnav{position:sticky;top:0;z-index:10;background:#0b0f12;color:white;display:flex;justify-content:center;gap:28px;padding:14px 20px;box-shadow:0 3px 18px rgba(0,0,0,.2)}
.topnav a:hover{color:var(--accent)}
.intro,.trucks{padding:72px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature-grid div,.model,.truck-box{background:white;border:1px solid #ddd;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.07)}
.feature-grid strong{display:block;font-size:1.7rem;color:var(--accent)}
.feature-grid span,.model p,.truck-box span{color:#5f6870}
.dark{background:var(--bg);color:var(--text);padding:76px 0}
.models{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.model{background:var(--panel);border-color:var(--line)}
.model span{font-size:2rem;font-weight:900;color:var(--accent)}
.model p{color:var(--muted)}
.truck-box{background:#fff;border-left:7px solid var(--accent)}
.truck-box strong{display:block;font-size:1.55rem}
.catalog{padding:70px 0 90px}
.section-title{text-align:center;margin-bottom:34px}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.card{background:white;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.11)}
.card img{width:100%;height:auto}
footer{background:#0b0f12;color:white;padding:30px 0}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer span{color:#aeb7bd}
@media(max-width:900px){
  .intro,.trucks{grid-template-columns:1fr}
  .models{grid-template-columns:repeat(2,1fr)}
  .feature-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .topnav{gap:12px;font-size:.9rem;overflow-x:auto;justify-content:flex-start}
  .gallery{grid-template-columns:1fr}
  .models{grid-template-columns:1fr}
  .hero{min-height:78vh}
}