.marcas-intro { color: var(--ink-soft); margin: 4px 0 24px; }
.marcas-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px;
}
.marca-card {
  display: flex; flex-direction: column; gap: 4px; padding: 20px 18px; border-radius: var(--radius);
  background: var(--bg-soft); border: 1px solid var(--line); text-decoration: none; color: var(--ink);
  transition: border-color 0.15s, transform 0.15s;
}
.marca-card:hover { border-color: var(--accent); transform: translateY(-2px); }
.marca-nombre { font-weight: 700; font-size: 0.95rem; }
.marca-count { font-size: 0.76rem; color: var(--ink-soft); }