/* Selo da midia da prova (Video / Foto / Audio / Ao vivo). Mesmas cores em todas as telas. */

.midia-badge {
  display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 10px;
  font-size: .68rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; line-height: 1.2; white-space: nowrap;
  color: var(--mc, #cbd0dc); background: color-mix(in srgb, var(--mc, #cbd0dc) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--mc, #cbd0dc) 45%, transparent);
}
.midia-video { --mc: #60a5fa; }
.midia-foto  { --mc: #34d399; }
.midia-audio { --mc: #c084fc; }
.midia-live  { --mc: #f87171; }
.midia-texto { --mc: #fbbf24; }
.midia-badge.is-grande { font-size: .82rem; padding: 6px 12px; border-radius: 12px; }
@supports not (background: color-mix(in srgb, red 10%, transparent)) {
  .midia-badge { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.25); }
}