/* ==========================================================================
   COMPONENTE: Lista de detalle (solo lectura)
   Uso: <dl class="detail-list"><dt>Campo</dt><dd>Valor</dd>...</dl>
   Pensado para paneles "Ver" — reutilizable por cualquier módulo.
   ========================================================================== */

.detail-list {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: var(--spacing-sm) var(--spacing-xl);
  margin: 0 0 var(--spacing-lg);
}

.detail-list dt {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-muted);
}

.detail-list dd {
  margin: 0;
  font-size: var(--font-size-p);
  color: var(--color-text-main);
}