:root {
    --gold: #C89B3C;
    --cream: #f8f1e8;
    --green: #1F4D3A;
    --beige: #f4ebdc;
    --dark: #1f1f1f;
    --facebook:#1877F2;
    --instagram:#962fbf;
}
body { font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #fffdf8, var(--cream)); color: var(--dark); }
header { background: linear-gradient(90deg, var(--green), #2d654d); }
.navbar-brand .brand-mark { font-size: 1.4rem; letter-spacing: .2em; color: var(--gold); }
.navbar-dark .nav-link { color: rgba(255,255,255,.95); }
.bg-gold { background-color: var(--gold) !important; }
.text-gold { color: var(--gold) !important; }
.btn-gold { background: var(--gold); color: #fff; border: none; }
.btn-facebook { background: var(--facebook); color: #fff; border: none; }
.btn-instagram { background: var(--instagram); color: #fff; border: none; }



.btn-gold:hover{ background:#a97919; color:#fff; }
.hero { background: linear-gradient(rgba(31,77,58,.75), rgba(31,77,58,.8)), url(''); background-size: cover; color: #fff; padding: 250px 0; border-radius: 0 0 0px 0px; }
.card { border: 1px solid rgba(200,155,60,.25); border-radius: 18px; box-shadow: 0 10px 30px rgba(0,0,0,.06); }
.product-card img, .gallery img { object-fit: cover; width: 100%; height: 220px; border-radius: 16px; }
.badge-gold { background: var(--gold); color: #fff; }
.footer { background: #172b25; color: #e8e8e8; }
.footer a { color: #f4ebdc; text-decoration: none; }
.back-to-top { position: fixed; right: 20px; bottom: 20px; background: var(--gold); color:#fff; border-radius:50%; width:48px; height:48px; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:.3s; z-index:999; }
.back-to-top.show { opacity:1; visibility:visible; }
.floating-social { position: fixed; right: 20px; bottom: 80px; z-index: 999; }
.section-title { position:relative; display:inline-block; margin-bottom:1rem; color:var(--green); font-weight:700; }
.section-title::after { content:''; display:block; width:60%; height:3px; background:var(--gold); margin-top: .35rem; }
.form-card{ background:#fff; border-radius:18px; box-shadow:0 10px 30px rgba(0,0,0,.06); padding:2rem; }
.table thead { background:var(--green); color:#fff; }
@media (max-width: 768px) { .hero { padding: 60px 0; } }
