/**
 * precios-escalonados-borobo.css
 * v2.1 — Abril 2026
 */

/* Ocultar variante __precio-mayorista__ del selector de colores */
#variation_1 option[style*="display: none"],
#variation_1 option:disabled {
  display: none !important;
}

/* ── Tabla de precios ── */
.bpe-tabla {
  display: flex !important;
  gap: 8px !important;
  margin: 14px 0 18px !important;
  font-family: inherit !important;
}

.bpe-fila {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 10px !important;
  background: #f0f0ee !important;
  border-radius: 6px !important;
  border: 2px solid transparent !important;
  transition: all 0.18s ease !important;
  cursor: default !important;
  text-align: center !important;
}

.bpe-rango {
  font-size: 13px !important;
  color: #888 !important;
  font-weight: 500 !important;
  margin-bottom: 4px !important;
  display: block !important;
}

.bpe-precio {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #222 !important;
  display: block !important;
  line-height: 1.2 !important;
}

/* Fila activa */
.bpe-fila--activa {
  background: #fff !important;
  border-color: #222 !important;
}

.bpe-fila--activa .bpe-rango {
  color: #555 !important;
}

.bpe-fila--activa .bpe-precio {
  color: #111 !important;
}

/* Badge % off */
.bpe-badge {
  display: block !important;
  margin-top: 3px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #e05c00 !important;
  background: transparent !important;
  padding: 0 !important;
}

.bpe-fila--activa.bpe-fila--promo .bpe-badge {
  color: #e05c00 !important;
}

/* Responsive */
@media (max-width: 480px) {
  .bpe-precio {
    font-size: 16px !important;
  }
}

/* Ocultar swatch visual de __precio-mayorista__ */
[data-value="__precio-mayorista__"] {
  display: none !important;
}

ul.list-unstyled li:has(img[alt="__precio-mayorista__"]) {
  display: none !important;
}

/* Ocultar swatch __precio-mayorista__ — elemento <a> del tema Instatheme */
a.js-insta-variant[data-option="__precio-mayorista__"] {
  display: none !important;
}