From f442d2ed34e23de4872146a32acace48054f0f02 Mon Sep 17 00:00:00 2001
From: JotaChina <sousacj1@gmail.com>
Date: Mon, 15 Dec 2025 18:30:07 -0300
Subject: [PATCH] =?UTF-8?q?reforma=20da=20interface=20da=20p=C3=A1gina=20d?=
 =?UTF-8?q?e=20projetos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/projetos.md | 35 ++++++++++++++++++++---------------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/pages/projetos.md b/pages/projetos.md
index e73fd3db..d218803e 100755
--- a/pages/projetos.md
+++ b/pages/projetos.md
@@ -20,7 +20,7 @@ permalink: /projetos/
       <div style="width: 60px; height: 4px; background-color: #3273dc; margin: 1rem auto; border-radius: 2px;"></div>
     </div>
 
-    <div class="box has-background-white-ter mb-6 p-0" style="border: 1px solid #dbdbdb; overflow: hidden;">
+    <div class="box has-background-white-ter mb-6 p-0" style="border: 1px solid #dbdbdb; overflow: hidden; height: auto;">
 
       <div class="p-3 is-clickable" id="filter-toggle-btn" style="cursor: pointer; display: flex; align-items: center; justify-content: space-between; background-color: #f5f5f5;">
         <div class="icon-text has-text-weight-bold has-text-grey-dark">
@@ -315,25 +315,30 @@ document.addEventListener('DOMContentLoaded', () => {
   const filterBtn = document.getElementById('filter-toggle-btn');
   const filterContent = document.getElementById('filter-content');
   const filterChevron = document.getElementById('filter-chevron');
-  let isFilterOpen = false;
+  
+  // Define estado inicial baseado na largura da tela
+  let isFilterOpen = window.innerWidth > 1024;
 
-  // Abre o menu automaticamente se a tela for grande (Desktop), fecha em Mobile
-  if(window.innerWidth > 1024) {
-      isFilterOpen = true;
-      filterContent.style.display = 'block';
-      filterChevron.style.transform = 'rotate(180deg)';
+  // Função para aplicar o estado visual
+  function updateFilterState() {
+      if(isFilterOpen) {
+          filterContent.style.display = 'block';
+          filterChevron.style.transform = 'rotate(180deg)';
+      } else {
+          filterContent.style.display = 'none';
+          filterChevron.style.transform = 'rotate(0deg)';
+      }
+  }
+
+  // Aplica estado inicial ao carregar
+  if (filterContent && filterChevron) {
+      updateFilterState();
   }
 
   if(filterBtn && filterContent) {
       filterBtn.addEventListener('click', () => {
-          isFilterOpen = !isFilterOpen;
-          if(isFilterOpen) {
-              filterContent.style.display = 'block';
-              filterChevron.style.transform = 'rotate(180deg)';
-          } else {
-              filterContent.style.display = 'none';
-              filterChevron.style.transform = 'rotate(0deg)';
-          }
+          isFilterOpen = !isFilterOpen; // Inverte o estado
+          updateFilterState(); // Aplica a mudança
       });
   }