/* Media asset upload/edit form — page-specific styles only (the two-column pe-edit-grid layout,
   .field/.input, .property-rows and .seg live in carteleria.css already). */

/* — Tipo radio-cards — */
/* Cuatro tipos ya no entran comodos en una fila en pantallas angostas: se envuelven en dos. */
.ma-type-group { display: flex; gap: 12px; flex-wrap: wrap; }
.ma-type-option {
  position: relative; flex: 1; min-width: 150px;
  display: flex; flex-direction: column; align-items: flex-start;
  gap: 8px; padding: 14px; border: 1px solid var(--color-divider); cursor: pointer;
}
.ma-type-option input { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }
.ma-type-option:has(input:focus-visible) { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.ma-type-option:has(input:checked) { border: 2px solid var(--color-accent); padding: 13px; background: var(--color-accent-100); }
.ma-type-icon { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; color: var(--color-neutral-700); }
.ma-type-icon svg { width: 20px; height: 20px; }
.ma-type-option:has(input:checked) .ma-type-icon { color: var(--color-accent); }
.ma-type-option strong { font-size: 13px; }
.ma-type-option span:last-child { font-size: 11px; color: var(--color-neutral-700); }

/* — file field's "current file" note — */
.ma-file-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ma-file-current { font-size: 12px; color: var(--color-neutral-700); }