{{-- Detalle de un DO de importación (respuesta de /detalle-importacion, kit ui-ctc). $ped: datos de la API de pedidos. --}}
@php
    $campos = [
        'Número de pedido' => $ped['numero_pedido'] ?? null,
        'Número DO' => $ped['numero_do'] ?? null,
        'Fecha apertura' => $ped['fecha_apertura'] ?? null,
        'Proceso' => $ped['proceso'] ?? null,
        'País procedencia' => $ped['pais_procedencia'] ?? null,
        'Puerto arribo' => trim(($ped['sucursal_operativa'] ?? '') . ' - ' . ($ped['nombre_sucursal_operativa'] ?? ''), ' -'),
        'Puerto destino' => $ped['puerto_detino'] ?? null,
        'Medio de transporte' => $ped['medio_transporte'] ?? null,
        'Documento de transporte' => $ped['documento_transporte'] ?? null,
        'Naviera' => $ped['naviera'] ?? null,
        'Agente de carga' => $ped['agente'] ?? null,
    ];
@endphp
<dl class="grid gap-x-6 gap-y-[18px] px-5 py-[18px] [grid-template-columns:repeat(auto-fill,minmax(220px,1fr))]">
    @foreach ($campos as $etiqueta => $valor)
        <div>
            <dt class="text-[11px] font-semibold uppercase tracking-[0.05em] text-[var(--texto-tenue)]">{{ $etiqueta }}</dt>
            <dd class="mt-1 text-[14px] font-semibold text-[var(--texto)]">{{ ($valor === null || $valor === '') ? '—' : $valor }}</dd>
        </div>
    @endforeach
</dl>