:root{
  --bg:#fff;
  --text:#0f172a;
  --muted:#64748b;
  --primary:#0f172a;
  --secondary:#f59e0b;
  --card:#ffffff;
  --border:#e2e8f0;
  --shadow:0 10px 30px rgba(15,23,42,.08);
  --radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--text);background:var(--bg)}
a{color:inherit}
.container{width:min(1100px,92vw);margin:0 auto}

.topbar{background:linear-gradient(90deg,#fff7ed,#fffbeb);border-bottom:1px solid var(--border);padding:10px 0;font-weight:700}
.topbar .row{display:flex;gap:10px;align-items:center;justify-content:center;color:#1f2937;font-size:14px;text-align:center}

header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{height:38px;width:auto;display:block}
nav{display:none;gap:18px;align-items:center}
nav a{font-size:14px;color:var(--muted);text-decoration:none;font-weight:600}
nav a:hover{color:var(--primary)}
.header-cta{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:14px 18px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--secondary);color:#111827;box-shadow:0 14px 30px rgba(245,158,11,.25)}
.btn-outline{background:transparent;border-color:rgba(15,23,42,.25);color:#0f172a}

.hero{position:relative;overflow:hidden}
.hero .bg{position:absolute;inset:0;background:radial-gradient(1200px 600px at 20% 20%, rgba(245,158,11,.25), transparent 60%), radial-gradient(900px 500px at 80% 40%, rgba(15,23,42,.12), transparent 55%), linear-gradient(180deg,#0f172a 0%, #111827 80%);}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(15,23,42,.85), rgba(15,23,42,.5) 60%, rgba(15,23,42,.2));}
.hero .content{position:relative;padding:72px 0 84px}
.pill{display:inline-flex;align-items:center;gap:10px;background:rgba(245,158,11,.95);color:#111827;font-weight:900;border-radius:999px;padding:10px 14px;font-size:13px}
.hero h1{margin:18px 0 14px;font-size:clamp(34px,5vw,56px);line-height:1.05;color:#fff;font-weight:950;letter-spacing:-.02em}
.hero h1 span{color:var(--secondary)}
.hero p{margin:0 0 26px;color:rgba(255,255,255,.85);font-size:clamp(16px,2vw,20px);max-width:56ch;line-height:1.5}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px}

.section{padding:72px 0}
.section.alt{background:linear-gradient(180deg,#fff, #fff7ed)}
.section h2{font-size:clamp(26px,3vw,38px);margin:0 0 10px;letter-spacing:-.02em}
.section .sub{color:var(--muted);margin:0 auto 28px;max-width:60ch;text-align:center}

.grid{display:grid;gap:18px}
.grid.cards{grid-template-columns:repeat(1,minmax(0,1fr))}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.card.center{text-align:center}
.icon{width:54px;height:54px;border-radius:16px;background:rgba(15,23,42,.06);display:grid;place-items:center;margin:0 auto 14px;font-weight:900}

.showroom{display:flex;flex-direction:column;gap:22px}
.model{border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.model .head{padding:18px 18px 0}
.model h3{margin:0;font-size:20px;letter-spacing:-.01em}

.carousel{position:relative;padding:16px 18px 18px}
.track{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px}
.track::-webkit-scrollbar{height:10px}
.track::-webkit-scrollbar-thumb{background:rgba(15,23,42,.18);border-radius:999px}
.slide{flex:0 0 78%;max-width:78%;scroll-snap-align:start;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:#f8fafc}
.slide img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}

.navbtn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(15,23,42,.55);color:#fff;display:grid;place-items:center;cursor:pointer}
.navbtn:hover{background:rgba(15,23,42,.7)}
.navbtn.prev{left:22px}
.navbtn.next{right:22px}

.model .cta{padding:0 18px 18px}
.model .cta .btn{width:100%}

.contact{display:grid;gap:18px;grid-template-columns:1fr}
.small{font-size:14px;color:var(--muted)}

footer{background:#0f172a;color:#fff;padding:46px 0}
footer .fgrid{display:grid;gap:20px;grid-template-columns:1fr}
footer .logo{height:34px;filter:brightness(0) invert(1)}
footer a{color:rgba(255,255,255,.78);text-decoration:none}
footer a:hover{color:#fff}

.fab{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:999px;background:var(--secondary);color:#111827;display:grid;place-items:center;box-shadow:0 18px 36px rgba(245,158,11,.35);text-decoration:none;font-weight:900}

@media (min-width: 900px){
  nav{display:flex}
  .header-cta{display:flex}
  .grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .contact{grid-template-columns:1.2fr .8fr}
  .slide{flex:0 0 44%;max-width:44%}
  footer .fgrid{grid-template-columns:1.3fr 1fr 1fr}
}
.modelos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.modelo-card {
  text-align: center;
  padding: 16px;
}

.modelo-card img {
  width: 100%;
  max-height: 420px;
  object-fit: contain;
  border-radius: 12px;
}

.modelo-card h3 {
  margin-bottom: 10px;
}

/* Responsivo */
@media (max-width: 900px) {
  .modelos-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .modelos-grid {
    grid-template-columns: 1fr;
  }
}

.btn-modelo:hover {
  background: #d97706;
}
@media (max-width: 768px) {
  .grid-modelos {
    grid-template-columns: 1fr;
  }
}