Correção de responsividade e atualização do read.me

app/views/consolidacao_entregas/revisar.html.erb

@@ -11,8 +11,11 @@
     <p class="text-gray-400 text-sm"><%= @consolidacao.nome %></p>
   </div>
 
-  <%# Resumo por tipo %>
-  <div class="grid grid-cols-2 md:grid-cols-7 gap-3 mb-6">
+  <%# Resumo por tipo — auto-fit em vez de `md:grid-cols-7`.
+      Sete colunas fixas a partir de 768px dão ~55px cada quando a sidebar está
+      aberta (768 − 256 de menu − padding), destruindo rótulos como
+      "Extraordinária" e "Termo Especial". O mínimo de 9rem cabe o maior rótulo. %>
+  <div class="grid grid-cols-[repeat(auto-fit,minmax(9rem,1fr))] gap-3 mb-6">
     <% [
       ['entrega_normal', 'Normal',         'bg-orange-500 text-black'],
       ['retirada',       'Retirada',       'bg-orange-800 text-white'],