/* =========================================================
   BINKU IDENTITY V2
   Firma visual transversal y reconocible
   ========================================================= */

:root{
  --binku-brand:#a61f36;
  --binku-brand-2:#c43b52;
  --binku-brand-soft:#f9eef1;
  --binku-ink:#17191d;
  --binku-muted:#6f7782;
  --binku-surface:#ffffff;
  --binku-canvas:#f6f7f9;
  --binku-border:#e5e8ec;
  --binku-radius:18px;
  --binku-radius-sm:12px;
  --binku-shadow:0 10px 30px rgba(20,24,31,.08);
  --binku-font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html,body{font-family:var(--binku-font)}
body{background:var(--binku-canvas);color:var(--binku-ink)}

/* ---------------------------------------------------------
   1. FIRMA BINKU SIEMPRE RECONOCIBLE EN PÁGINAS DE NEGOCIOS
   --------------------------------------------------------- */

.header-premium{
  border-top:4px solid var(--binku-brand);
}

.binku-powered{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:38px;
  padding:5px 12px 5px 6px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:12px;
  background:rgba(17,19,23,.42);
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 7px 22px rgba(0,0,0,.15);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.binku-powered:hover{
  background:rgba(17,19,23,.60);
  transform:translateY(-1px);
}

.binku-powered__mark{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:9px;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);
}

.binku-powered__mark img{
  width:23px!important;
  height:23px!important;
  margin:0!important;
  opacity:1!important;
  object-fit:contain!important;
  filter:none!important;
}

.binku-powered__copy{
  display:flex;
  flex-direction:column;
  gap:1px;
  line-height:1;
  text-align:left;
}

.binku-powered__copy small{
  color:rgba(255,255,255,.74);
  font-size:7px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.binku-powered__copy strong{
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}

.header-solid .binku-powered{
  border-color:var(--binku-border);
  background:#fff;
  color:var(--binku-ink)!important;
  box-shadow:0 5px 18px rgba(20,24,31,.07);
}

.header-solid .binku-powered__copy small{color:var(--binku-muted)}
.header-solid .binku-powered__copy strong{color:var(--binku-brand)}

/* Franja inferior del hero: gesto de marca Binku */
.header-premium .hero-bg::after{
  box-shadow:inset 0 -4px 0 var(--binku-brand);
}

/* ---------------------------------------------------------
   2. LENGUAJE DE SECCIONES
   La B + barra borgoña se repite como firma
   --------------------------------------------------------- */

.binku-section-signature{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:7px;
  color:var(--binku-brand);
  font-size:9px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.binku-section-signature::before{
  content:"B";
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:var(--binku-brand);
  color:#fff;
  font-size:10px;
  font-weight:900;
  box-shadow:0 5px 12px rgba(166,31,54,.18);
}

/* Catálogo: misma señal en títulos principales */
.binku-catalog .catalog-section-title,
.binku-catalog .catalog-discovery-heading,
.binku-catalog .catalog-categories-heading{
  position:relative;
}

.binku-catalog .catalog-section-title::before{
  content:"B";
  width:20px!important;
  height:20px!important;
  display:inline-grid!important;
  place-items:center!important;
  margin-right:8px!important;
  border-radius:7px!important;
  background:var(--binku-brand)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
}

.binku-catalog .catalog-section-title::after{
  background:linear-gradient(90deg,var(--binku-brand),rgba(166,31,54,.08))!important;
}

.binku-catalog .catalog-eyebrow{
  color:var(--binku-brand)!important;
}

/* ---------------------------------------------------------
   3. CARDS BINKU
   --------------------------------------------------------- */

.binku-catalog .market-card,
.binku-identity-card{
  border:1px solid var(--binku-border)!important;
  border-radius:var(--binku-radius)!important;
  background:#fff!important;
  box-shadow:var(--binku-shadow)!important;
}

.binku-catalog .market-card{
  position:relative;
}

.binku-catalog .market-card::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:2px;
  border-radius:99px 99px 0 0;
  background:linear-gradient(90deg,var(--binku-brand),rgba(166,31,54,0));
  opacity:.72;
  pointer-events:none;
}

.binku-catalog .market-category-chip{
  background:var(--binku-brand-soft)!important;
  color:var(--binku-brand)!important;
}

.binku-catalog .catalog-search-input{
  border:1px solid var(--binku-border)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 6px 20px rgba(20,24,31,.045)!important;
}

.binku-catalog .catalog-search-input:focus{
  border-color:rgba(166,31,54,.42)!important;
  box-shadow:0 0 0 4px rgba(166,31,54,.08)!important;
}

.binku-catalog #menuTab .nav-link.active{
  border-color:var(--binku-brand)!important;
  background:var(--binku-brand)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(166,31,54,.18)!important;
}

/* Botón carrito reconocible Binku */
.binku-catalog .floating-cart{
  background:var(--binku-brand)!important;
  color:#fff!important;
  border:3px solid #fff!important;
  box-shadow:0 12px 28px rgba(166,31,54,.25)!important;
}

/* ---------------------------------------------------------
   4. FOOTER / FIRMA DE PLATAFORMA
   --------------------------------------------------------- */

.footer-compact{
  position:relative;
  border-top:0!important;
  background:#fff!important;
}

.footer-compact::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(92%,980px);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--binku-brand),transparent);
}

.binku-footer-brand{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:5px auto 8px;
  color:var(--binku-muted);
  font-size:10px;
}

.binku-footer-brand__mark{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:8px;
  background:#fff;
  border:1px solid var(--binku-border);
  box-shadow:0 4px 12px rgba(20,24,31,.06);
}

.binku-footer-brand__mark img{
  width:19px;
  height:19px;
  object-fit:contain;
}

.binku-footer-brand strong{
  color:var(--binku-brand);
  font-weight:900;
  letter-spacing:.04em;
}

.binku-footer-brand__claim{
  color:var(--binku-ink);
  font-weight:700;
}

/* ---------------------------------------------------------
   5. MARKETPLACE / WELCOME
   --------------------------------------------------------- */

.binku-marketplace,
.marketplace-page{
  font-family:var(--binku-font);
}

.binku-marketplace .market-header{
  border-top:4px solid var(--binku-brand);
}

.binku-marketplace .brand{
  position:relative;
}

.binku-marketplace .brand::after{
  content:"BINKU";
  display:inline-flex;
  align-items:center;
  margin-left:8px;
  padding:4px 7px;
  border-radius:7px;
  background:var(--binku-brand-soft);
  color:var(--binku-brand);
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}

.binku-marketplace .section-kicker,
.binku-marketplace .ad-label{
  color:var(--binku-brand)!important;
}

.binku-marketplace .section-heading h2::before,
.binku-marketplace .section-title::before{
  content:"";
  display:inline-block;
  width:4px;
  height:.9em;
  margin-right:9px;
  border-radius:99px;
  background:var(--binku-brand);
  vertical-align:-.05em;
}

.binku-marketplace .product-card,
.binku-marketplace .business-card,
.binku-marketplace .service-card{
  border-radius:var(--binku-radius)!important;
}

.binku-marketplace .product-card:hover,
.binku-marketplace .business-card:hover,
.binku-marketplace .service-card:hover{
  box-shadow:0 14px 34px rgba(20,24,31,.11)!important;
}

.binku-marketplace .market-footer{
  border-top:3px solid var(--binku-brand);
}

/* Banda propia de identidad, visible pero discreta */
.binku-identity-ribbon{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:34px;
  padding:6px 14px;
  background:var(--binku-ink);
  color:#fff;
  font-size:9px;
  font-weight:700;
  letter-spacing:.04em;
}

.binku-identity-ribbon b{
  color:#fff;
  font-weight:900;
  letter-spacing:.10em;
}

.binku-identity-ribbon .binku-identity-dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--binku-brand-2);
}

@media(max-width:576px){
  .header-premium{border-top-width:3px}
  .binku-powered{min-height:34px;padding:4px 9px 4px 5px;gap:7px}
  .binku-powered__mark{width:25px;height:25px;flex-basis:25px;border-radius:8px}
  .binku-powered__mark img{width:20px!important;height:20px!important}
  .binku-powered__copy small{font-size:6px}
  .binku-powered__copy strong{font-size:9px}
  .binku-identity-ribbon{font-size:8px;min-height:30px}
}

/* =========================================================
   BINKU IDENTITY V2 · PRODUCT CARDS DEL MARKETPLACE
   ========================================================= */

.binku-market-product-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--binku-border)!important;
  border-radius:var(--binku-radius)!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(20,24,31,.055)!important;
}

.binku-market-product-card::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,var(--binku-brand),rgba(166,31,54,0));
  border-radius:99px 99px 0 0;
  opacity:.7;
  pointer-events:none;
}

.binku-market-product-card .product-card__image{
  position:relative;
}

.binku-market-product-card .product-card__binku-mark{
  position:absolute;
  top:9px;
  left:9px;
  z-index:4;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border:2px solid rgba(255,255,255,.92);
  border-radius:8px;
  background:var(--binku-brand);
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  box-shadow:0 6px 16px rgba(20,24,31,.18);
}

.binku-market-product-card .product-card__category{
  background:var(--binku-brand-soft)!important;
  color:var(--binku-brand)!important;
}

.binku-market-product-card .product-card__price{
  color:var(--binku-ink)!important;
  font-weight:900!important;
}

.binku-market-product-card .binku-card-action{
  color:var(--binku-brand)!important;
  font-weight:850!important;
}

.binku-market-product-card:hover{
  border-color:rgba(166,31,54,.25)!important;
  box-shadow:0 16px 36px rgba(20,24,31,.11)!important;
}

.binku-market-product-card:hover .product-card__binku-mark{
  transform:translateY(-1px) scale(1.03);
}