/* Dedicated semantic palette; existing cover and card design remains unchanged. */
:root {
  --bs-metric-download: oklch(0.82 0.14 155);
  --bs-metric-views: oklch(0.8 0.1 220);
  --bs-metric-label: oklch(0.72 0.025 250);
  --bs-metric-border: oklch(0.72 0.05 220 / 0.18);
}
.bs-catalog-metrics {
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px;
  padding: 8px 0 6px; margin: 4px 0 5px;
  border-top: 1px solid var(--bs-metric-border);
  min-width: 0; line-height: 1.5; font-size: 11px; letter-spacing: 0;
  font-family: inherit; font-variant-numeric: tabular-nums;
}
.bs-catalog-metric { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px; min-width: 0; }
.bs-catalog-metric strong { font-size: 12px; font-weight: 800; }
.bs-catalog-metric > span { color: var(--bs-metric-label); font-weight: 500; }
.bs-catalog-metric i { font-size: 10px; }
.bs-catalog-metric.is-download { color: var(--bs-metric-download); }
.bs-catalog-metric.is-views { color: var(--bs-metric-views); }
.bs-v49-main .bs-catalog-metrics { margin: 0; padding: 4px 0; border: 0; }
@media (max-width: 576px) {
  .bs-catalog-metrics { gap: 4px 10px; font-size: 10px; white-space: nowrap; }
  .bs-catalog-metric strong { font-size: 11px; }
  .bs-catalog-metric i { font-size: 11px; }
  /* Mobile: icon + count only; the words "download" and "visualizações" stay on desktop. */
  .bs-catalog-metric > span { display: none; }
}