:root{
  --negro:#0f0f10;
  --negro2:#171719;
  --oro:#d6b15e;
  --oro2:#b98c2e;
  --blanco:#ffffff;
}

body{background:#fafafa;}

/* Top gris como el ejemplo */
.top-strip{background:#f0f0f0;border-bottom:1px solid #e6e6e6;}
.top-social{color:#444;text-decoration:none;width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;}
.top-social:hover{background:#e9e9e9;color:#111}

/* Header blanco */
.header-main{background:#fff;border-bottom:1px solid #eee;}
.brand-logo{width:400px;max-width:100%;height:76px;object-fit:contain;background:transparent;padding:0;border:0;border-radius:0;box-shadow:none;}
.brand-name{font-weight:800;letter-spacing:.5px;color:#111}

.header-actions{min-width:min(680px,100%);} 

.buscador .form-control{border-radius:14px;border:1px solid #e5e5e5;background:#fff;color:#111}
.buscador .form-control::placeholder{color:#999}
.btn-gold{background:var(--oro);border-color:var(--oro);color:#111;border-radius:14px}
.btn-gold:hover{background:var(--oro2);border-color:var(--oro2);color:#111}
.btn-cart{background:#111;border-color:#111;color:#fff;border-radius:14px}
.btn-cart:hover{background:#000;border-color:#000;color:#fff}

/* Menú principal */
.nav-main{background:#fff;border-bottom:1px solid #eee;}
.navbar-light .navbar-nav .nav-link{color:#111;opacity:.85;font-size:.92rem;letter-spacing:.02em}
.navbar-light .navbar-nav .nav-link:hover{opacity:1;color:var(--oro2)}
.dropdown-menu{border-radius:14px;border:1px solid #eee;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.dropdown-submenu{position:relative}
.dropdown-submenu>.dropdown-menu{left:100%;top:0;margin-left:.1rem}
@media (min-width: 992px){
  .nav-item.dropdown:hover > .dropdown-menu{display:block;}
  .dropdown-submenu:hover > .dropdown-menu{display:block;}
}

.card-soft{border:1px solid #eee;border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.05)}
.titulo-seccion{font-weight:800;letter-spacing:.3px}
.badge-gold{background:var(--oro);color:#111}

.producto-card img{border-top-left-radius:18px;border-top-right-radius:18px;height:180px;object-fit:cover}
.producto-card .card-body{min-height:120px}
.precio{font-weight:800}

.footer{background:#101010;color:#fff;margin-top:40px}
.footer .social{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#fff;text-decoration:none}
.footer .social:hover{background:rgba(255,255,255,.16);color:var(--oro)}

@media(max-width:768px){
  .header-actions{width:100%;min-width:0}
  .buscador .input-group{flex-wrap:wrap}
}

/* Botón WhatsApp flotante */
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:9999;width:56px;height:56px;border-radius:999px;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,.25)}
.whatsapp-float:hover{filter:brightness(.95);color:#fff}