/* Casa Oro — Minimal Luxe with dramatic hero */
:root{
  --bg:#0a0a0b; --bg-soft:#0f0f11; --ink:#f7f7f7; --muted:#b7b7b9;
  --gold:#d7b56d; --stroke:rgba(255,255,255,.08); --radius:16px; --container:1160px;
}
*{box-sizing:border-box} html,body{margin:0;background:var(--bg);color:var(--ink);
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;letter-spacing:.2px}
a{color:inherit;text-decoration:none}
.container{max-width:var(--container);padding:0 22px;margin:0 auto}

.nav{position:sticky;top:0;z-index:30;background:rgba(10,10,11,.55);backdrop-filter:blur(10px);border-bottom:1px solid var(--stroke)}
.nav-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0}
.brand{display:flex;gap:.7rem;align-items:center;font-weight:700;letter-spacing:2px}
.logo{width:34px;height:34px;object-fit:contain}
#nav{display:flex;gap:1.1rem;align-items:center}
.hamburger{display:none;background:none;border:none;color:var(--ink);font-size:1.4rem}
.pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--stroke);padding:.56rem .9rem;border-radius:999px}
.pill.primary{background:linear-gradient(180deg,var(--gold),#b8944c);color:#18140a;border:1px solid #b1893b;font-weight:700}

.hero{position:relative;min-height:82vh;display:grid;place-items:center;border-bottom:1px solid var(--stroke);overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.02)}
.hero-overlay{position:absolute;inset:0;background:
  radial-gradient(55% 40% at 50% 55%, rgba(0,0,0,.25), transparent 60%),
  linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.55) 40%, rgba(0,0,0,.50));
}
.hero-center{position:relative;text-align:center}
.hero-logo{width:min(340px,40vw);filter:drop-shadow(0 10px 25px rgba(0,0,0,.55))}
.hero h1{margin:.6rem 0 0;font-size:clamp(1.4rem,1.4vw+1.2rem,2rem);letter-spacing:.22em;text-transform:uppercase;color:#e9e6de}
.tagline{color:#d6d6d8;margin:.6rem 0 1.1rem}
.cta{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}

.section{padding:4rem 0;border-bottom:1px solid var(--stroke)}
.section.soft{background:var(--bg-soft)}
.section.center{text-align:center}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.muted{color:var(--muted)} .fine{color:#9a9a9d;font-size:.92rem}

.two{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem}
.panel{border:1px solid var(--stroke);border-radius:var(--radius);padding:1.2rem;background:transparent}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.card{border:1px solid var(--stroke);border-radius:var(--radius);padding:1.1rem;background:transparent}

.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.inv-card{border:1px solid var(--stroke);border-radius:14px;overflow:hidden;background:transparent;display:flex;flex-direction:column;transition:transform .18s ease, border-color .18s ease}
.inv-card:hover{transform:translateY(-2px);border-color:rgba(215,181,109,.35)}
.inv-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#0f0f11}
.inv-body{padding:1rem;display:flex;flex-direction:column;gap:.35rem}
.price{color:var(--gold);font-weight:700}
.meta{color:#d7d7d9;font-size:.95rem}
.inv-actions{margin-top:.3rem;display:flex;gap:.5rem}
.contact a{color:var(--gold)}

@media (max-width: 1100px){
  .grid{grid-template-columns:repeat(3,1fr)}
  .cards{grid-template-columns:1fr 1fr}
  .two{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .grid{grid-template-columns:1fr 1fr}
  .cards{grid-template-columns:1fr}
  #nav{display:none}
  .hamburger{display:block}
  .nav.open #nav{display:flex;position:absolute;right:14px;top:58px;background:#0f0f11;border:1px solid var(--stroke);border-radius:14px;flex-direction:column;padding:.6rem;gap:.4rem}
}


/* Filters */
.filters{display:flex;gap:.5rem;margin:1rem 0 1.2rem;flex-wrap:wrap}
.filters .pill{border-color:rgba(255,255,255,.14)}
.filters .pill.active{border-color:rgba(215,181,109,.6)}

/* SOLD ribbon */
.inv-card{position:relative}
.sold-ribbon{
  position:absolute; top:12px; left:-38px; transform:rotate(-45deg);
  background:#8f1d1d; color:#fff; font-weight:800; letter-spacing:.08em;
  padding:.3rem 2.4rem; border:1px solid rgba(255,255,255,.2);
  box-shadow:0 6px 18px rgba(0,0,0,.45);
}
.sold-ribbon::after{content:''; position:absolute; right:-1px; top:100%; width:0; height:0;
  border-left:8px solid #5f1212; border-top:8px solid #5f1212; border-bottom:8px solid transparent; border-right:8px solid transparent;}

.gold{color:var(--gold)!important}


/* Gold text utility */
.gold{color:var(--gold);}

/* Ensure brand text is gold everywhere */
.brand .gold{color:var(--gold);}