/**
 * Componentes propios de Cholloblog.
 * En 3.0.0 se publica la API visual sin sustituir todavía templates estables.
 */
.cb-card {
  background: var(--cb-color-surface);
  border: 1px solid var(--cb-color-border);
  border-radius: var(--cb-radius-lg);
  box-shadow: var(--cb-shadow-sm);
}
.cb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--cb-space-2);
  min-height: 44px;
  padding: 10px 18px;
  border: 0;
  border-radius: 999px;
  background: var(--cb-color-action);
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
  transition: transform var(--cb-transition), background var(--cb-transition);
}
.cb-button:hover,
.cb-button:focus-visible {
  background: var(--cb-color-action-hover);
  color: #fff;
  transform: translateY(-1px);
}
.cb-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #eef5fd;
  color: var(--cb-color-brand-dark);
  font-size: .8125rem;
  font-weight: 700;
}
.cb-price { color: var(--cb-color-action); font-weight: 800; }
.cb-meta { color: var(--cb-color-muted); font-size: .875rem; }
.cb-stack { display: flex; flex-direction: column; gap: var(--cb-space-4); }
.cb-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cb-space-2); }