/* 19/10 · Marcas en Contenido (mockup aprobado por el owner): Quantum · Quantum FIX · Hardium. Los chips de marca van
   arriba de los de formato; la marca en la tarjeta sólo para FIX (celeste) y Hardium (ámbar). Quantum sigue con el
   violeta de Contenido. Prefijo mk-. Peso máximo 600. */
.mk-marcas { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; }
.mk-marcas button { display: inline-flex; gap: 8px; align-items: center; border: 1px solid var(--line-2); background: var(--card); color: var(--ink-2); border-radius: 99px; padding: 6px 14px; font: 600 13px var(--sans); min-height: 36px; cursor: pointer; }
.mk-marcas button b { font-weight: 600; color: var(--ink); }
.mk-marcas button[aria-pressed="true"] { border-color: var(--ink-2); background: var(--bg); color: var(--ink); }
.mk-marcas button:focus-visible, .mk-seg button:focus-visible { outline: 2px solid var(--focus, var(--go)); outline-offset: 2px; }
.mk-pt { width: 9px; height: 9px; border-radius: 50%; display: inline-block; flex: none; }
.mk-pt.quantum { background: var(--dom-contenido); }
.mk-pt.quantum_fix { background: var(--dom-catalogo); }
.mk-pt.hardium { background: var(--dom-mercado); }
.mk-tag { display: inline-flex; gap: 6px; align-items: center; font-size: 11.5px; font-weight: 600; line-height: 1.6; padding: 0 9px; border-radius: 99px; white-space: nowrap; vertical-align: middle; }
.mk-tag.quantum { background: var(--dom-contenido-soft); color: var(--dom-contenido); }
.mk-tag.quantum_fix { background: var(--dom-catalogo-soft); color: var(--dom-catalogo); }
.mk-tag.hardium { background: var(--dom-mercado-soft); color: var(--dom-mercado); }
.mk-nota { display: block; margin: 0 0 12px; line-height: 1.6; font-size: 12.5px; padding: 8px 12px; border-radius: 8px; background: var(--bg); border: 1px solid var(--line); color: var(--ink-2); }
.mk-nota b { font-weight: 600; color: var(--ink); }
.mk-nota .mk-tag { margin-right: 6px; }
.cc-ci .mk-tag { margin-left: 6px; }
/* importar y cerrar el mes: la marca del pedido */
.mk-imp:empty { display: none; }
.mk-imp { display: grid; gap: 8px; margin: 12px 0 0; }
.mk-campo { display: grid; gap: 6px; }
.mk-campo > span:first-child { font-size: 12px; font-weight: 600; color: var(--ink-2); }
.mk-seg { display: inline-flex; flex-wrap: wrap; border: 1px solid var(--line-2); border-radius: 10px; overflow: hidden; width: max-content; max-width: 100%; }
.mk-seg button { border: 0; background: var(--card); color: var(--ink-2); padding: 8px 14px; font: 600 13px var(--sans); display: inline-flex; gap: 8px; align-items: center; min-height: 36px; cursor: pointer; }
.mk-seg button[aria-checked="true"] { background: var(--bg); color: var(--ink); box-shadow: inset 0 -2px 0 var(--ink-2); }
.mk-sug, .mk-hoja { font-size: 12.5px; color: var(--ink-2); margin: 0; }
.mk-sug b, .mk-hoja b { font-weight: 600; color: var(--ink); }
.mk-aviso { margin: 0; font-size: 12.5px; padding: 8px 12px; border-radius: 8px; background: var(--warn-soft); color: var(--ink); }
.mk-aviso b { font-weight: 600; }
@media (max-width: 900px) {
  .mk-marcas { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .mk-marcas button { flex: none; }
  .mk-seg { display: flex; width: auto; }
  .mk-seg button { flex: 1 1 auto; justify-content: center; }
}