Edição das 23h16min de 29 de novembro de 2025

@@ Linha 1: / Linha 1: @@
 __NOTOC__
-{{DISPLAYTITLE:Base de Conhecimento Celta Sistemas}}
+<div class="celta-full-width">
 <div style="font-family:'Segoe UI',Roboto,Helvetica,sans-serif;color:#334155;line-height:1.6;max-width:1150px;margin:0 auto;">
    <div style="text-align:center;padding:40px 20px 50px 20px;">
@@ Linha 6: / Linha 7: @@
      <p style="font-size:1.2em;color:#64748b;max-width:600px;margin:0 auto;font-weight:300;">Documentação oficial, guias técnicos e central de aprendizado.</p>
    </div>
-  <div style="background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.05);border:1px solid #e2e8f0;overflow:hidden;margin-bottom:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));">
+<div style="background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.05);border:1px solid #e2e8f0;overflow:hidden;margin-bottom:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));">
      <div style="padding:40px;border-right:1px solid #f1f5f9;">
        <div style="display:inline-block;background:#fff7ed;color:#ea580c;padding:5px 12px;border-radius:20px;font-size:0.75em;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:15px;">Destaque 2026</div>
@@ Linha 22: / Linha 24: @@
      </div>
    </div>
-  <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin-bottom:50px;">
+<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin-bottom:50px;">
      <div style="background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:30px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;" onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 15px 30px rgba(52,152,219,0.15)';this.style.borderColor='#3498db'" onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='none';this.style.borderColor='#e2e8f0'">
        <div style="width:50px;height:50px;background:#e0f2fe;color:#0ea5e9;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5em;margin-bottom:20px;"><i class="bi bi-lightbulb-fill"></i></div>
@@ Linha 42: / Linha 45: @@
      </div>
    </div>
-  <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:60px;padding-top:40px;border-top:1px solid #e2e8f0;margin-bottom:50px;">
-    <div>
+<div class="celta-grid celta-grid-2">
-      <h4 style="font-size:1.1em;color:#1e293b;margin-bottom:20px;display:flex;align-items:center;gap:10px;"><span style="color:#f59e0b;"><i class="bi bi-lightning-fill"></i></span> Acesso Rápido</h4>
+  {{CardMenu
-      <ul style="list-style:none;padding:0;margin:0;">
+   | cor = orange
-        <li style="margin-bottom:12px;display:flex;align-items:center;gap:8px;"><i class="bi bi-chevron-right" style="font-size:0.8em;color:#cbd5e1;"></i> [[Reforma_Tributaria|<span style="color:#64748b;">Reforma Tributária - Guia</span>]]</li>
+   | icone = bi-lightning-fill
-        <li style="margin-bottom:12px;display:flex;align-items:center;gap:8px;"><i class="bi bi-chevron-right" style="font-size:0.8em;color:#cbd5e1;"></i> [[Backup_Automático|<span style="color:#64748b;">Backup Automático</span>]]</li>
+   | titulo = Acesso Rápido
-        <li style="margin-bottom:12px;display:flex;align-items:center;gap:8px;"><i class="bi bi-chevron-right" style="font-size:0.8em;color:#cbd5e1;"></i> [[Celta_TEF|<span style="color:#64748b;">TEF - Documentação</span>]]</li>
+   | conteudo =
-        <li style="margin-bottom:12px;display:flex;align-items:center;gap:8px;"><i class="bi bi-chevron-right" style="font-size:0.8em;color:#cbd5e1;"></i> [[Boleto_Online|<span style="color:#64748b;">Boleto Online</span>]]</li>
+* [[Reforma_Tributaria|Reforma Tributária - Guia 2026]]
-      </ul>
+* [[Backup_Automático|Backup Automático]]
-    </div>
+* [[Celta_TEF|TEF - Documentação]]
-    <div>
+* [[Boleto_Online|Boleto Online]]
-      <h4 style="font-size:1.1em;color:#1e293b;margin-bottom:20px;display:flex;align-items:center;gap:10px;"><span style="color:#64748b;"><i class="bi bi-hdd-network-fill"></i></span> Recursos</h4>
+  }}
-      <ul style="list-style:none;padding:0;margin:0;">
-        <li style="margin-bottom:12px;display:flex;align-items:center;gap:8px;"><i class="bi bi-download" style="font-size:0.9em;color:#cbd5e1;"></i> [https://celtasistemas.com.br/downloads <span style="color:#64748b;">Central de Downloads</span>]</li>
+  {{CardMenu
-      </ul>
+   | cor = dark
-    </div>
+   | icone = bi-hdd-network-fill
-   </div>
+   | titulo = Downloads e Recursos
-  <div style="background:#f8fafc;border-radius:16px;padding:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;">
+   | conteudo =
-    <div style="display:flex;align-items:center;gap:15px;padding:10px;border-radius:8px;transition:background 0.2s;" onmouseover="this.style.background='#fff'" onmouseout="this.style.background='transparent'">
+* [https://celtasistemas.com.br/downloads Central de Downloads]
-      <div style="width:45px;height:45px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#475569;font-size:1.2em;"><i class="bi bi-envelope-fill"></i></div>
+* [https://celtasistemas.com.br/requisitos Requisitos do Sistema]
-      <div>
+   }}
-        <div style="font-weight:700;color:#334155;font-size:0.95em;">Email</div>
+</div>
-        <div style="font-size:0.85em;color:#64748b;">[mailto:[email protected] [email protected]]</div>
-      </div>
+<div class="celta-grid">
-    </div>
+  {{Card
-    <div style="display:flex;align-items:center;gap:15px;padding:10px;border-radius:8px;transition:background 0.2s;" onmouseover="this.style.background='#fff'" onmouseout="this.style.background='transparent'">
+   | titulo = Email
-      <div style="width:45px;height:45px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#16a34a;font-size:1.2em;"><i class="bi bi-whatsapp"></i></div>
+   | icone = <i class="bi bi-envelope-fill" style="color:#475569"></i>
-      <div>
+   | texto = [mailto:[email protected] [email protected]]
-        <div style="font-weight:700;color:#334155;font-size:0.95em;">WhatsApp</div>
+  }}
-        <div style="font-size:0.85em;">[https://wa.me/556635150001 <span style="color:#334155;">Central</span>] • [https://wa.me/5566999360936 <span style="color:#334155;">Suporte</span>]</div>
+  {{Card
-      </div>
+   | titulo = WhatsApp
-    </div>
+   | icone = <i class="bi bi-whatsapp" style="color:#16a34a"></i>
-    <div style="display:flex;align-items:center;gap:15px;padding:10px;border-radius:8px;transition:background 0.2s;" onmouseover="this.style.background='#fff'" onmouseout="this.style.background='transparent'">
+   | texto = [https://wa.me/556635150001 Central] • [https://wa.me/5566999360936 Suporte]
-      <div style="width:45px;height:45px;background:#e0f2fe;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0284c7;font-size:1.2em;"><i class="bi bi-globe"></i></div>
+  }}
-      <div>
+  {{Card
-        <div style="font-weight:700;color:#334155;font-size:0.95em;">Site Oficial</div>
+   | titulo = Site Oficial
-        <div style="font-size:0.85em;">[https://celtasistemas.com.br celtasistemas.com.br]</div>
+   | icone = <i class="bi bi-globe" style="color:#0284c7"></i>
-      </div>
+   | texto = [https://celtasistemas.com.br celtasistemas.com.br]
-    </div>
+  }}
-  </div>
+</div>
+</div>
 </div>