/* ==========================================================================
   CATÁLOGO LB JEANS — Rediseño 27-sep-2026
   El mismo sistema que lbjeans.co (assets/css/lb-v2.css): blanco y negro, la
   foto manda, botones negros rectangulares, dorado solo en el logo. El pedido
   sigue saliendo por WhatsApp (su botón queda verde: es la acción principal).
   ========================================================================== */
:root {
  --v2-negro: #111111; --v2-suave: #6b6b6b; --v2-linea: #e6e6e6; --v2-gris: #f4f4f4;
  --v2-titulo: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --v2-texto-f: 'Inter', 'Helvetica Neue', Arial, sans-serif;

  --lb-lienzo: #fff; --lb-lienzo-2: var(--v2-gris); --lb-lienzo-3: #ececec;
  --lb-tinta: var(--v2-negro); --lb-tinta-2: var(--v2-suave);
  --lb-hilo: var(--v2-negro); --lb-hilo-oscuro: var(--v2-negro); --lb-linea: var(--v2-linea);
  --lb-indigo-900: var(--v2-negro);
  --gold: var(--v2-negro); --gold-dim: var(--v2-negro); --gold-glow: transparent; --gold-glow-strong: transparent;
  --purple: var(--v2-negro); --purple-glow: transparent; --lb-gold: var(--v2-negro);
  --surface: #fff; --surface-lowest: var(--v2-gris); --surface-low: #fff; --surface-container: #fff;
  --surface-high: #fff; --surface-highest: var(--v2-gris); --surface-bright: #ececec; --surface-variant: var(--v2-gris);
  --on-surface: var(--v2-negro); --on-surface-variant: var(--v2-negro); --on-surface-muted: var(--v2-suave);
  --outline: var(--v2-linea);
  --font-display: var(--v2-titulo); --font-body: var(--v2-texto-f);
}

html body { background: #fff !important; color: var(--v2-negro) !important; font-family: var(--v2-texto-f) !important; }
body em { font-style: normal !important; color: inherit !important; }

/* Cabecera blanca */
body .header { background: #fff !important; border-bottom: 1px solid var(--v2-linea) !important; box-shadow: none !important; }
body .header a, body .header button, body .header i, body .header .search-icon { color: var(--v2-negro) !important; }
body .header-logo { height: 34px !important; width: auto !important; filter: none !important; }
body .quick-search-input {
  background: #fff !important; color: var(--v2-negro) !important; border: 1px solid #cfcfcf !important; border-radius: 22px !important;
  font-family: var(--v2-texto-f) !important;
}
body .quick-search-input::placeholder { color: var(--v2-suave) !important; }
body .cart-open-btn { background: none !important; border: 0 !important; box-shadow: none !important; }
body .cart-badge { background: var(--v2-negro) !important; color: #fff !important; border: 0 !important; }

/* Encabezado: título simple, sin rótulos espaciados ni líneas doradas */
body .cat-hero { background: #fff !important; padding: 28px 20px 4px !important; text-align: left !important; max-width: 1280px; margin: 0 auto; }
body .cat-hero h1 { margin: 0; color: var(--v2-negro) !important; font: 900 clamp(26px, 3.4vw, 40px)/1 var(--v2-titulo) !important; text-transform: uppercase; letter-spacing: -0.01em; }
body .cat-hero p { margin: 8px 0 0; color: var(--v2-suave); font: 400 15px/1.45 var(--v2-texto-f); }

/* Categorías: fichas redondeadas en texto, como los filtros de las tiendas grandes */
body .category-section { background: #fff !important; max-width: 1280px; margin: 0 auto; }
body .carousel-btn { display: none !important; }
body .category-tabs { gap: 8px !important; padding: 12px 20px !important; }
body .cat-tab { min-width: 0 !important; flex: 0 0 auto; transform: none !important; }
body .cat-tab .cat-circle { display: none !important; }
body .cat-name {
  margin: 0 !important; min-height: 0 !important; padding: 10px 16px; border: 1px solid #cfcfcf; border-radius: 20px;
  background: #fff; color: var(--v2-negro) !important; font: 600 13px/1 var(--v2-texto-f) !important; white-space: nowrap;
}
body .cat-tab.active .cat-name { background: var(--v2-negro); border-color: var(--v2-negro); color: #fff !important; }

/* Cuadrícula */
body .products-section { max-width: 1280px; margin: 0 auto; }
body .grid-title { font: 900 22px/1.1 var(--v2-titulo) !important; text-transform: uppercase; color: var(--v2-negro) !important; letter-spacing: -0.01em; }
body .grid-title::before, body .grid-title::after { display: none !important; }
body .product-card {
  background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important;
}
body .product-card:hover { transform: none !important; box-shadow: none !important; }
body .card-img-wrap { aspect-ratio: 3 / 4; background: var(--v2-gris) !important; border-radius: 0 !important; overflow: hidden; }
body .card-img-wrap img { width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; }
body .card-body { padding: 10px 0 0 !important; background: none !important; }
body .card-name { font: 500 14px/1.35 var(--v2-texto-f) !important; color: var(--v2-negro) !important; }
body .card-desc { display: none !important; }
body .card-tallas { color: var(--v2-suave) !important; font: 400 12.5px var(--v2-texto-f) !important; }
body .price-label, body .card-prices-grid { color: var(--v2-suave) !important; font-family: var(--v2-texto-f) !important; }
body .card-prices-grid .price-value, body .card-prices-grid strong, body .price-main { color: var(--v2-negro) !important; font-weight: 700 !important; }
body .card-qty-control { border: 1px solid #cfcfcf !important; border-radius: 0 !important; background: #fff !important; }
body .card-qty-btn, body .card-qty-input { background: #fff !important; color: var(--v2-negro) !important; border: 0 !important; }
body .card-add-btn { background: var(--v2-negro) !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body .card-add-btn i { color: #fff !important; }
body .card-comprar {
  display: block; margin-top: 8px; text-align: center; padding: 10px; border: 1px solid var(--v2-negro) !important;
  color: var(--v2-negro) !important; background: #fff !important; border-radius: 0 !important;
  font: 700 12px var(--v2-texto-f) !important; text-transform: uppercase; letter-spacing: .06em;
}
body .page-btn { background: #fff !important; color: var(--v2-negro) !important; border: 1px solid var(--v2-negro) !important; border-radius: 0 !important; }

/* Pedido */
body .cart-modal { border-radius: 0 !important; }
body .cart-header h3 { font: 800 18px var(--v2-titulo) !important; text-transform: uppercase; }
body .cart-checkout-btn { border-radius: 0 !important; font-family: var(--v2-texto-f) !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .04em; }
body .toast { background: var(--v2-negro) !important; color: #fff !important; border-radius: 0 !important; }

/* Pie */
body .footer { background: var(--v2-gris) !important; color: var(--v2-negro) !important; border-top: 0 !important; }
body .footer a, body .footer i, body .footer-copy { color: var(--v2-negro) !important; }
body .footer-copy { color: var(--v2-suave) !important; }

/* Lina: el mismo lanzador negro de la tienda */
body .lb-asesora__boton { background: var(--v2-negro) !important; border: 0 !important; box-shadow: 0 6px 18px rgba(0,0,0,.18) !important; }
body .lb-asesora__avatar { background: #fff !important; color: var(--v2-negro) !important; box-shadow: none !important; font-style: normal !important; }
body .lb-asesora__texto, body .lb-asesora__texto * { color: #fff !important; }

/* Retoques: sin estrella en el título, fichas alineadas, la tarjeta dice solo nombre y precio */
body .grid-title i, body .grid-title svg { display: none !important; }
body .grid-title { display: block !important; padding: 0 20px !important; margin: 18px 0 16px !important; }
body .category-section { padding: 0 !important; }
body .category-tabs { padding: 8px 20px !important; justify-content: flex-start !important; }
body .price-row { display: block !important; }
body .price-row .price-label:not([style*="line-through"]) { display: none !important; }
body .price-row .price-label[style*="line-through"] { margin-right: 6px; }
body .price-val { color: var(--v2-negro) !important; font: 700 15px var(--v2-texto-f) !important; }
body .card-prices-grid > .price-row:last-child .price-label { display: none !important; }
body .card-prices-grid > .price-row:last-child .price-label[style*="e06666"] { display: inline !important; color: #c8102e !important; font-weight: 600; }