|
|
| (97 revisões intermediárias por 2 usuários não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| __NOTOC__ | | __NOTOC__ |
| {{DISPLAYTITLE:Base de Conhecimento Celta Sistemas}}
| | <div class="celta-full-width"> |
|
| |
|
| <div style="max-width: 1100px; margin: 0 auto; font-family: 'Segoe UI', Roboto, sans-serif;"> | | <div style=" text- align:center; padding: 20px 20px; "> |
| | <h1 style="margin:10px auto 10px auto;">{{Logo|width=350px|height=160px}}</h1> |
| | </div> |
|
| |
|
| <div style="text-align: center; padding: 25px 10px 25px 10px;"> | | <div class="banner-secondary"> |
| <h1 style="font-weight: 650; font-size: clamp(2.5em, 5vw, 2.2em); color: #2c3e50; margin: 0;">Celta Sistemas</h1>
| | <div class="banner-content"> |
| <h2 style="font-weight: 300; font-size: clamp(1.1em, 4vw, 1.4em); color: #7f8c8d; margin: 5px 0;">Base de Conhecimento</h2>
| | <span class="banner-badge">NOVIDADE</span> |
| <div style="width: 60px; height: 3px; background: #3498db; margin: 15px auto;"></div>
| | <h2 style="color: #ffffff !important;">Simulador Interativo de Tutoriais</h2> |
| <p style="font-size: clamp(0.9em, 3vw, 1em); color: #95a5a6;">Tutoriais, documentação técnica e dicas sobre o sistema.</p>
| | <p class="banner-text">Encontre seus tutoriais com muito mais facilidade em uma interface que replica o Sistema Celta.</p> |
| | </div> |
| | [[Tutoriais|<span class="banner-btn">Acessar <i class="bi bi-arrow-right"></i></span>]] |
| </div> | | </div> |
|
| |
|
| <div style="display: grid; grid-template-columns: 2fr 1fr; gap: 10px; margin-top: 30px; margin-bottom: 30px;"> | | <div class="celta-hero-card"> |
|
| | <div class="celta-hero-main"> |
| <div style="flex: 2; min-width: 300px; background: #fff; border: 1px solid #e0e0e0; border-left: 5px solid #f39c12; border-radius: 8px; padding: 40px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);"> | | <div |
| <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; height: 100%;"> | | style="display:inline-block; background:#e0f2fe; color:#0284c7; padding:6px 12px; border-radius:8px; font-size:1em; font-weight:630; margin-bottom:0px;"> |
| <div style="color: #f39c12; font-size: 0.9em; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px;">Importante</div>
| | Destaque</div> |
| <h3 style="margin: 0 0 15px 0; font-size: 1.4em; color: #2c3e50;">Reforma Tributária 2026-2033</h3>
| | <h2 style="margin:0 0 15px 0;font-size:2em;color:#1e293b;line-height:1.1;font-weight:700;border:none;">Reforma |
| <p style="color: # 666; line-height: 1.6; margin-bottom: 25px ; max-width: 500px;"> | | Tributária</h2> |
| A maior mudança tributária do Brasil está chegando! Preparamos um guia completo para te ajudar a entender as mudanças fiscais.
| | <p style="color:# 475569; margin-bottom:25px;"> O guia definitivo para adaptar sua empresa às novas regras fiscais |
| </p>
| | (IVA, IBS, CBS).</p> |
| <div>[[Reforma_Tributaria|<span style="background:# f39c12; color:#fff; padding:10px 20px; border-radius: 5px; text- decoration: none; font- weight: 600;">Ler Guia Completo</span>]] </div> | | <div>[[Reforma_Tributaria|<span |
| </div>
| | style="background:#3366cc;color:#fff;padding:10px 24px;border-radius:8px;font-weight:600;display:inline-block;box-shadow:0 4px 10px rgba(51,102,204,0.25);font-size:0.95em;transition:all 0.2s;">Ler |
| | o guia completo →</span>]]</div> |
| </div> | | </div> |
|
| |
|
| <div style=" flex: 1; min- width: 280px; background: #f8f9fa; border: 1px solid #e0e0e0; border- radius: 8px; padding: 25px;"> | | <div class="celta-hero-sidebar"> |
| <h3 style="margin-top: 0; font-size: 0.85em; color: #7f8c8d; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; border-bottom: 1px solid #e9ecef; padding-bottom: 10px;">Últimas Atualizações</h3>
| | <h2 style="margin:0 0 20px 0; font-size:0.9em !important; color:#94a3b8; border:none !important;">ÚLTIMAS |
| <ul style="list-style: none; margin: 0; padding: 0;"> | | ATUALIZAÇÕES</h2> |
| <li style="margin-bottom: 15px;">
| | <ul style="list-style:none; margin:0; padding:0;"> |
| [[Reforma_Tributaria/Novos_Impostos|<b style="color: #3498db; font-size:1.05em;">Novos Impostos</b>]]<br>
| | <li style="margin-bottom:5px;">[[Reforma_Tributaria/NTv133|<b>Alterada exigência do grupo |
| <span style="font-size: 0.9em; color: #666;">Novas regras de IVA, IBS e CBS.</span>
| | IBS/CBS</b>]]<br><small style="color:#64748b;">02/12/2025 - Nota Técnica 2025.002 v.1.33</small></li> |
| </li>
| | <li style="margin-bottom:5px;">[[Reforma_Tributaria/CalculadoraOficial|<b>Calculadora da Reforma |
| <li style="margin-bottom: 15px;">
| | Tributária</b>]]<br><small style="color:#64748b;">Ferramenta oficial da Receita Federal.</small></li> |
| [[Reforma_Tributaria/NFse_Nacional|<b style="color: #3498db; font-size:1.05em;">NFS-e Nacional</b>]]<br>
| | <li style="margin-bottom:5px;">[[Reforma_Tributaria/NBS|<b>Nomenclatura Brasileira de Serviços |
| <span style="font-size: 0.9em; color: #666;">Novo padrão de nota fiscal.</span>
| | (NBS)</b>]]<br><small style="color:#64748b;">Mudanças na classificação fiscal de Serviços.</small></li> |
| </li>
| | </ul> |
| <li>
| | </div> |
| [[Reforma_Tributaria/NBS|<b style="color: #3498db; font-size:1.05em;">NBS</b>]]<br>
| | </div> |
| <span style="font-size: 0.9em; color: #666;">Nova Nomenclatura de Serviços.</span>
| |
| </li>
| |
| </ul>
| |
| </div>
| |
|
| |
|
| </div>
| | ---- |
|
| |
|
| <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin-top: 30px; margin-bottom: 30px;"> | | <div class="chain-grid-container"> |
|
| |
|
| <div style="background: #fff; border: 1px solid #e0e0e0; border-top: 4px solid #3498db; border-radius: 8px; padding: 15px 20px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.03);"> | | <div class="chain-card"> |
| <div style="color: #3498db; margin-bottom: 10px;"><span class="bi bi-lightbulb" style="font-size: 2em;"></span></div> | | <div class="chain-icon"><i class="bi bi-lightbulb" style="color:#3366cc;"></i></div> |
| <div style="font-size: 1.2em; font-weight: bold; color: #2c3e50; margin-bottom: 5px;">Dicas Práticas</div> | | <h3>Dicas Práticas</h3> |
| <div style="color: #7f8c8d; font-size: 0.95em; margin-bottom: 15px;">Truques e atalhos para agilizar seu dia a dia.</div> | | <p>Atalhos práticos e orientações rápidas para otimizar suas tarefas diárias no sistema.</p> |
| <div style="color: #3498db;">[[Dicas|Ver todas as dicas →]]</div> | | <div class="chain-link"> |
| | [[Dicas|Ler mais <i class="bi bi-arrow-right"></i>]] |
| | </div> |
| </div> | | </div> |
|
| |
|
| <div style="background: #fff; border: 1px solid #e0e0e0; border-top: 4px solid #27ae60; border-radius: 8px; padding: 15px 20px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.03);"> | | <div class="chain-card"> |
| <div style="color: #27ae60; margin-bottom: 10px;"><span class="bi bi-book" style="font-size: 2em;"></span></div> | | <div class="chain-icon"><i class="bi bi-mortarboard" style="color:#3366cc;"></i></div> |
| <div style="font-size: 1.2em; font-weight: bold; color: #2c3e50; margin-bottom: 5px;">Documentação</div> | | <h3>Tutoriais</h3> |
| <div style="color: #7f8c8d; font-size: 0.95em; margin-bottom: 15px;">Manuais técnicos detalhados de cada módulo.</div> | | <p>Guias passo-a-passo que ensinam na prática como configurar e dominar cada recurso.</p> |
| <div style="color: #27ae60;">[[Documentação|Acessar manuais →]]</div> | | <div class="chain-link"> |
| | [[Tutoriais|Começar agora <i class="bi bi-arrow-right"></i>]] |
| | </div> |
| </div> | | </div> |
|
| |
|
| <div style="background: #fff; border: 1px solid #e0e0e0; border-top: 4px solid #e74c3c; border-radius: 8px; padding: 15px 20px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.03);"> | | <div class="chain-card"> |
| <div style="color: #e74c3c; margin-bottom: 10px;"><span class="bi bi-mortarboard" style="font-size: 2em;"></span></div> | | <div class="chain-icon"><i class="bi bi-book" style="color:#3366cc;"></i></div> |
| <div style="font-size: 1.2em; font-weight: bold; color: #2c3e50; margin-bottom: 5px;">Tutoriais</div> | | <h3>Documentação</h3> |
| <div style="color: #7f8c8d; font-size: 0.95em; margin-bottom: 15px;">Guias passo a passo visuais para iniciantes.</div> | | <p>Base de conhecimento técnica completa, manuais de módulos e especificações.</p> |
| <div style="color: #e74c3c;">[[Tutoriais|Começar a aprender →]]</div> | | <div class="chain-link"> |
| | [[Documentação|Consultar <i class="bi bi-arrow-right"></i>]] |
| | </div> |
| </div> | | </div> |
|
| |
|
| </div> | | </div> |
|
| |
|
| <div style="margin-top: 30px; margin-bottom: 30px; border-top: 1px solid #eee;"></div> | | <div class="quick-access-section"> |
| | <div class="section-header"> |
| | <h3 style="border:none; margin:0;">Acesso Rápido</h3> |
| | <div class="section-header-line"></div> |
| | </div> |
|
| |
|
| <div style="margin-top: 30px; margin-bottom: 30px;;">
| | <div class="quick-links-grid"> |
| <div style="display: flex; flex-wrap: wrap; gap: 50px; justify-content: space-between;"> | | <div class="quick-link-item"> |
|
| | <div class="quick-link-content"> |
| <div style="flex: 1; min-width: 300px;"> | | <i class="bi bi-cloud-arrow-up quick-link-icon"></i> |
| <h3 style="font-size: 1.2em; color: #2c3e50; margin-top:0; display:flex; align-items:center; gap:10px; font-weight:600;"> | | <span class="quick-link-text">[[Backup_Nuvem_Celta|Backup Automático |
| <i class="bi bi-lightning-charge-fill" style="color:#f39c12;"></i> Acesso Rápido
| | ]]</span> |
| </h3>
| |
| <div style="height: 2px; background: #f0f0f0; width: 100%; margin-bottom: 20px; border-radius:2px;">
| |
| <div style="height: 2px; background: #f39c12; width: 50px; border-radius:2px;"></div>
| |
| </div> | | </div> |
|
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| <ul style="list-style: none; margin: 0; padding: 0;">
| |
| <li style="padding: 2px 0; border-bottom: 1px dashed #eee; display:flex; align-items:center;">
| |
| <i class="bi bi-chevron-right" style="color:#ccc; font-size:0.8em; margin-right:8px;"></i>
| |
| [[Reforma_Tributaria|Reforma Tributária]] <span style="color:#999; font-size:0.85em; margin-left:5px;">- Guia 2026-2033</span>
| |
| </li>
| |
| <li style="padding: 2px 0; border-bottom: 1px dashed #eee; display:flex; align-items:center;">
| |
| <i class="bi bi-chevron-right" style="color:#ccc; font-size:0.8em; margin-right:8px;"></i>
| |
| [[Backup_Automático|Backup Automático]] <span style="color:#999; font-size:0.85em; margin-left:5px;">- Configuração</span>
| |
| </li>
| |
| <li style="padding: 2px 0; border-bottom: 1px dashed #eee; display:flex; align-items:center;">
| |
| <i class="bi bi-chevron-right" style="color:#ccc; font-size:0.8em; margin-right:8px;"></i>
| |
| [[Celta_TEF|TEF]] <span style="color:#999; font-size:0.85em; margin-left:5px;">- Documentação</span>
| |
| </li>
| |
| <li style="padding: 2px 0; border-bottom: 1px dashed #eee; display:flex; align-items:center;">
| |
| <i class="bi bi-chevron-right" style="color:#ccc; font-size:0.8em; margin-right:8px;"></i>
| |
| [[Boleto_Online|Boleto Online]] <span style="color:#999; font-size:0.85em; margin-left:5px;">- Documentação</span>
| |
| </li>
| |
| </ul>
| |
| </div> | | </div> |
|
| |
|
| <div style="flex: 1; min-width: 300px;"> | | <div class="quick-link-item"> |
| <h3 style="font-size: 1.2em; color: #2c3e50; margin-top:0; display:flex; align-items:center; gap:10px; font-weight:600;"> | | <div class="quick-link-content"> |
| <i class="bi bi-cloud-download" style="color:#95a5a6; font-size:1.2em;"></i> Downloads e Úteis
| | <i class="bi bi-credit-card quick-link-icon"></i> |
| </h3>
| | <span class="quick-link-text">[[Celta_TEF|TEF - Manual Técnico]]</span> |
| <div style="height: 2px; background: #f0f0f0; width: 100%; margin-bottom: 20px; border-radius:2px;">
| |
| <div style="height: 2px; background: #95a5a6; width: 50px; border-radius:2px;"></div>
| |
| </div> | | </div> |
|
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| <ul style="list-style: none; margin: 0; padding: 0;">
| |
| <li style="padding: 2px 0; border-bottom: 1px dashed #eee; display:flex; align-items:center;">
| |
| <i class="bi bi-download" style="color:#ccc; font-size:0.9em; margin-right:8px;"></i>
| |
| [https://celtasistemas.com.br/downloads Central de Downloads]
| |
| <span style="color:#999; font-size:0.85em; margin-left:5px;">- Instaladores</span>
| |
| </li>
| |
| </ul>
| |
| </div> | | </div> |
|
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; margin-top: 30px; margin-bottom: 30px;;"> | | <div class=" quick- link- item"> |
| | <div class="quick-link-content"> |
| | <i class="bi bi-upc-scan quick-link-icon"></i> |
| | <span class="quick-link-text">[[Boleto Online]]</span> |
| | </div> |
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| | </div> |
|
| |
|
| <div style=" background: #fff; border: 1px solid #e0e0e0; border-top: 3px solid #3498db; border-radius: 6px; padding: 25px; text-align: center; box- shadow: 0 2px 5px rgba(0,0,0,0.02); transition: transform 0.2s, box- shadow 0.2s;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.08)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.02)'"> | | <div class=" quick- link- item"> |
| <div style=" color: #3498db; margin- bottom: 12px;">< span class="bi bi- envelope" style="font- size: 1.8em;"></ span></div> | | <div class=" quick- link-content"> |
| <div style="font-weight: 600; margin-bottom: 5px; color:#2c3e50; font-size:1.1em;">Email</div>
| | <i class="bi bi-download quick-link-icon"></i> |
| | | <span class="quick-link-text">[[Central de Downloads]]</span> |
| </div>
| | </div> |
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| | </div> |
|
| |
|
| <div style=" background: #fff; border: 1px solid #e0e0e0; border-top: 3px solid #25d366; border-radius: 6px; padding: 25px; text-align: center; box- shadow: 0 2px 5px rgba(0,0,0,0.02); transition: transform 0.2s, box-shadow 0.2s;" onmouseover="this.style.transform='translateY(- 5px)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.08)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.02)'"> | | <div class=" quick- link- item"> |
| <div style=" color: #25d366; margin- bottom: 12px;">< span class="bi bi- whatsapp" style="font- size: 1.8em;"></ span></div> | | <div class=" quick- link-content"> |
| <div style="font-weight: 600; margin-bottom: 5px; color:#2c3e50; font-size:1.1em;">WhatsApp</div>
| | <i class="bi bi-pc-display quick-link-icon"></i> |
| <div style="font-size:0.9em; color:#666;"> [https://wa.me/556635150001 Central] < span style=" color:#ddd; margin:0 5px;"> |</ span> [https://wa.me/5566999360936 Suporte]</div> | | <span class="quick-link-text">[[RequisitosSistemaCelta|Requisitos do Sistema]]</span> |
| </div>
| | </div> |
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| | </div> |
|
| |
|
| <div style=" background: #fff; border: 1px solid #e0e0e0; border-top: 3px solid #2c3e50; border-radius: 6px; padding: 25px; text-align: center; box- shadow: 0 2px 5px rgba(0,0,0,0.02); transition: transform 0.2s, box- shadow 0.2s;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.08)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.02)'"> | | <div class=" quick- link- item"> |
| <div style=" color: #2c3e50; margin- bottom: 12px;">< span class="bi bi- globe" style=" font- size: 1.8em;"></span></div> | | <div class=" quick- link-content"> |
| <div style="font-weight: 600; margin-bottom: 5px; color:#2c3e50; font-size:1.1em;">Site Oficial</div>
| | <i class="bi bi-shield-check quick-link-icon"></i> |
| <div style="font-size:0.9em; color:#666;">[https://celtasistemas.com.br celtasistemas.com.br]</div> | | <span class="quick-link-text">[[Política de Segurança]]</span> |
| | </div> |
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| | </div> |
| </div> | | </div> |
| | </div> |
|
| |
|
| </div>
| | {{ContatoSuporte}} |
|
| |
|
| </div> | | </div> |
