:root{
  --bg:#0f172a;
  --fg:#e5e7eb;
  --muted:#94a3b8;
  --card:#111827;
  --accent:#d4af37;
  --accent-2:#b38e2e;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family:'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--fg);
  background:var(--bg);
  line-height:1.6;
}
h1,h2,h3,h4{font-family:'Playfair Display', serif; letter-spacing:.2px}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
.navbar-brand img{height:40px}
.hero{
  background: url('../img/hero_bg.jpg') center/cover no-repeat;
  position:relative;
  min-height:68vh;
  display:flex; align-items:center;
}
.hero::after{
  content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,23,42,.1), rgba(15,23,42,.75));
}
.hero-content{position:relative; z-index:2}
.badge-elegant{background:rgba(212,175,55,.12); color:var(--accent); border:1px solid rgba(212,175,55,.35);}
.btn-gold{
  background:linear-gradient(135deg, var(--accent), var(--accent-2));
  border:none; color:#0a0a0a; font-weight:700;
}
.btn-gold:hover{filter:brightness(.95); color:#0a0a0a}
.section{padding:72px 0}
.card{
  background:linear-gradient(180deg, #0f172a, #0b1223);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.icon-circle{
  width:44px; height:44px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(212,175,55,.12); border:1px solid rgba(212,175,55,.35); color:var(--accent);
}
.portfolio-thumb{border-radius:14px; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease}
.portfolio-thumb:hover{transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.35)}
.footer{border-top:1px solid rgba(255,255,255,.08); background:#0b1223}
.whatsapp-fab{
  position:fixed; right:18px; bottom:18px; z-index:9999;
  width:56px; height:56px; border-radius:999px; display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 20px rgba(0,0,0,.35);
  background:#25d366; color:#001;
}
.whatsapp-fab:hover{filter:brightness(.95); text-decoration:none}
.small-muted{color:var(--muted); font-size:.95rem}
.price{font-size:2rem; font-weight:800; color:var(--accent)}
.back-to-top{position:fixed; bottom:90px; right:22px; display:none}
.map-wrapper{border-radius:16px; overflow:hidden; border:1px solid rgba(255,255,255,.08); box-shadow:0 10px 24px rgba(0,0,0,.25)}
/* Responsive tweaks */
@media (max-width:768px){
  .hero{min-height:56vh}
}

html { scroll-padding-top: 96px; }