Ajustes de UX

app/views/layouts/_navbar.html.erb

@@ -72,12 +72,15 @@
 </aside>
 
 <%# Botão flutuante (desktop) — esconde/mostra a sidebar do site inteiro.
-    Fica invisível e só aparece quando o mouse chega perto (zona de hover). %>
+    Em repouso mostra uma ALÇA fina laranja (indicador de que dá p/ recolher);
+    ao chegar perto com o mouse, ela expande no botão com a seta. %>
 <div id="sidebar-edge" class="hidden md:flex group fixed top-1/2 -translate-y-1/2 z-40 h-32 w-12 items-center">
   <button id="sidebar-toggle-btn" type="button" onclick="toggleSidebarCollapse()"
-          class="flex items-center justify-center w-7 h-16 bg-[#1a1a1a] border border-[#2a2a2a]
-                 hover:border-orange-500 text-orange-500 rounded-r-lg shadow-lg
-                 opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity duration-200"
+          class="flex items-center justify-center rounded-r-lg shadow-lg transition-all duration-200
+                 w-1.5 h-14 bg-orange-500/60 text-transparent
+                 group-hover:w-7 group-hover:h-16 group-hover:bg-[#1a1a1a] group-hover:text-orange-500
+                 group-hover:border group-hover:border-orange-500/70
+                 focus:w-7 focus:h-16 focus:bg-[#1a1a1a] focus:text-orange-500"
           title="Esconder/mostrar menu" aria-label="Esconder ou mostrar o menu">
     <span id="sidebar-toggle-icon" class="text-lg leading-none">◀</span>
   </button>