:root { --gold: #d4a017; --gold-2: #f5d76e; --dark: #14110b; }
body { background: #f7f5ef; }
.nav-gold { background: linear-gradient(90deg, #14110b, #2a2214); }
.btn-gold { background: linear-gradient(135deg, var(--gold), var(--gold-2)); color: #1b1505; border: 0; font-weight: 600; }
.btn-gold:hover { filter: brightness(1.07); color: #1b1505; }
.text-gold { color: var(--gold); }
.lingote-ico { display: inline-block; width: 22px; height: 12px; background: linear-gradient(135deg, var(--gold), var(--gold-2)); clip-path: polygon(18% 0, 82% 0, 100% 100%, 0 100%); vertical-align: middle; margin-right: 4px; }
.hero { background: radial-gradient(circle at 80% 20%, #3a2e12, #14110b 60%); color: #fff; border-radius: 1.25rem; padding: 3.5rem 2rem; }
.hero h1 { font-weight: 800; }
.card { border: 0; border-radius: 1rem; box-shadow: 0 4px 18px rgba(0,0,0,.06); }
.stat .num { font-size: 1.8rem; font-weight: 800; }
.stat .lbl { color: #6c757d; font-size: .85rem; text-transform: uppercase; letter-spacing: .04em; }
.prod-img { height: 200px; object-fit: cover; border-radius: 1rem 1rem 0 0; background: #ece6d6; }
.rango-pill { padding: .25rem .75rem; border-radius: 99px; color: #fff; font-weight: 700; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; word-break: break-all; }
.table td, .table th { vertical-align: middle; }