plugin v1.0.1

_layouts/projetos.html

@@ -4,28 +4,40 @@ title: "{{ page.file }}"
 ---
 
 <style>
-  /* Força o site a voltar ao comportamento normal de bloco (vertical) nesta página */
-  body {
-    display: block !important;
-    overflow-y: auto !important; /* Habilita o scroll vertical */
-    height: auto !important;
+  /* 1. Anula o layout de "App" do style.css global */
+  html, body {
+    display: block !important;        /* Remove o flexbox global */
+    height: auto !important;          /* Permite que a página cresça */
+    overflow: visible !important;     /* Habilita a barra de rolagem */
+    overflow-x: hidden !important;    /* Evita rolagem lateral indesejada */
+    background-color: #fafafa !important; /* Restaura a cor de fundo clara */
   }
 
-  /* Garante que o rodapé vá para baixo */
-  footer, .footer {
-    width: 100%;
-    position: relative;
-    clear: both;
-  }
-  
-  /* Ajuste fino para a sidebar não quebrar se ela estiver usando flex */
+  /* 2. Ajusta o container principal para empurrar o rodapé */
   .publication {
     display: flex;
-    flex-direction: row; /* Mantém sidebar e content lado a lado SE existirem */
-    min-height: 80vh;
+    flex-direction: row; 
+    min-height: 80vh; /* Garante altura mínima antes do rodapé */
+    width: 100%;
+    background-color: #fafafa; /* Garante fundo claro no conteúdo */
   }
 
-  /* Em telas menores, empilha a sidebar e o conteúdo */
+  /* 3. Garante que o conteúdo principal ocupe o espaço disponível */
+  .publication .content {
+    flex-grow: 1;
+    width: 100%;
+  }
+
+  /* 4. Força o rodapé a se comportar como rodapé (embaixo) */
+  footer, .footer {
+    display: block !important;
+    width: 100% !important;
+    position: relative !important;
+    clear: both !important;
+    margin-top: auto !important; /* Empurra para o fundo se sobrar espaço */
+  }
+
+  /* Responsividade: Celular */
   @media (max-width: 768px) {
     .publication {
       flex-direction: column;