:root{
  --pri:#d81e06;
  --dark:#232323;
  --muted:#6b7280;
  --bg:#f7f7f8;
  --green:#15803d;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:#111}
a{color:var(--pri);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:16px}
.flex{display:flex;gap:12px}
.center{align-items:center}
.between{justify-content:space-between}
.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:99}
.logo img{height:40px}
.nav a{margin:0 8px;color:#111}
.btn{display:inline-block;padding:10px 14px;border-radius:8px;background:var(--pri);color:#fff}
.btn.small{padding:6px 10px;font-size:14px}
.hero{padding:40px 0}
.hero h1{font-size:30px;margin:0 0 8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,0.03)}
.card h3{margin:0 0 8px}
.badge{background:#eef;border:1px solid #dde;color:#334;padding:2px 8px;border-radius:999px;font-size:12px;margin-right:6px}
.tag{display:inline-block;background:#f3f4f6;color:#111;border-radius:999px;padding:4px 8px;margin:2px 4px;font-size:12px}
.meta{color:var(--muted);font-size:13px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #eee;padding:8px;background:#fff}
input,select,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;background:#fff}
label{font-weight:600;font-size:14px}
.form-row{margin:10px 0}
.ticker{background:#111;color:#fff;overflow:hidden;white-space:nowrap}
.ticker-track{display:inline-block;padding:8px 0;animation:scroll 30s linear infinite}
@keyframes scroll{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.lot-card .specs{font-size:13px;color:#333}
.price{font-weight:700;color:var(--green)}
.whatsapp-cta{position:fixed;right:18px;bottom:18px;background:#25D366;color:#fff;padding:12px 14px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,0.18)}
.site-footer{color:#666}
.alert{padding:10px;border-radius:8px}
.alert.info{background:#eff6ff;border:1px solid #bfdbfe}
.alert.warn{background:#fff7ed;border:1px solid #fed7aa}
.step{border-left:3px solid #eee;padding-left:12px;margin:12px 0}
.small{font-size:14px}
.hidden{display:none}
img.responsive{max-width:100%;height:auto;border-radius:8px;border:1px solid #eee}
/* Mobile hamburger (CSS-only) */
.menu-toggle {
  display: none;
  font-size: 28px;
  line-height: 1;
  padding: 8px 10px;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}

@media (max-width: 768px) {
  .site-header .container { 
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 10px;
  }
  /* Big logo control so it doesn't crush menu */
  .logo img { 
    max-height: 80px;      /* adjust if needed */
    height: auto; 
    max-width: 60vw;       /* avoid overflow on small screens */
  }

  .menu-toggle { display: block; }
  .nav {
    display: none;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    background: #fff;
    padding: 10px;
    border-top: 1px solid #eee;
  }
  /* When checkbox is checked, show menu */
  .navchk:checked ~ .nav { display: flex; }
}