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

app/views/configuracoes/index.html.erb

@@ -11,7 +11,10 @@
   <%# Pilares de preço %>
   <div>
     <h2 class="text-lg font-semibold text-white mb-4 flex items-center gap-2"><%= icone :dinheiro, espaco: false %> Pilares de Preço</h2>
-    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+    <%# auto-fit: `lg:grid-cols-4` mede a JANELA, mas a sidebar come 256px do
+        conteúdo — os cards de preço ficavam com ~128px úteis e o valor em
+        moeda espremia. Aqui o número de colunas segue a largura REAL. %>
+      <div class="grid grid-cols-[repeat(auto-fit,minmax(14rem,1fr))] gap-4">
       <% @configuracoes.each do |cfg| %>
         <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6 group relative">
           <div class="flex items-start justify-between mb-4">