|
|
| (105 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> |
|
| |
|
| <!-- Cabeçalho --> | | <div class="banner-secondary"> |
| <div style="text-align: center; padding: 20px 10px;"> | | <div class="banner-content"> |
| <h1 style="font-weight: 700; font-size: clamp(1.8em, 5vw, 2.2em); color: #2c3e50; margin: 0;">Celta Sistemas</h1>
| | <span class="banner-badge">NOVIDADE</span> |
| <h2 style="font-weight: 300; font-size: clamp(1.1em, 4vw, 1.4em); color: #7f8c8d; margin: 5px 0;">Base de Conhecimento</h2>
| | <h2 style="color: #ffffff !important;">Simulador Interativo de Tutoriais</h2> |
| <div style="width: 50px; height: 3px; background: #3498db; margin: 15px auto;"></div>
| | <p class="banner-text">Encontre seus tutoriais com muito mais facilidade em uma interface que replica o Sistema Celta.</p> |
| <p style="font-size: clamp(0.9em, 3vw, 1em); color: #95a5a6;">Tutoriais, documentação técnica e dicas sobre o sistema.</p>
| | </div> |
| | [[Tutoriais|<span class="banner-btn">Acessar <i class="bi bi-arrow-right"></i></span>]] |
| </div> | | </div> |
|
| |
|
| <!-- Cards principais --> | | <div class="celta-hero-card"> |
| <div style="display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 0px;"> | | <div class=" celta- hero- main"> |
| <!-- Card Reforma Tributária --> | | <div |
| <div style="flex: 1 1 0px; max-width: 800px; min-width: 0; background: #fff; border: 1px solid #e0e0e0; border-left: 5px solid #f39c12; border-radius: 8px; padding: 45px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
| | 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="display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;">
| | Destaque</div> |
| <div style="color: #f39c12; font-size: 1em; font-weight: bold; text-transform: uppercase; letter-spacing: 2px;">Importante</div>
| | <h2 style="margin:0 0 15px 0;font-size:2em;color:#1e293b;line-height:1.1;font-weight:700;border:none;">Reforma |
| <h3 style="margin: 10px 0; font-size: clamp(1.05em, 3.5vw, 1.2em); color: #2c3e50;">Reforma Tributária 2026-2033</h3>
| | Tributária</h2> |
| <p style="color: #555; line-height: 1.5; font-size: clamp(0.88em, 3vw, 0.95em); margin-bottom: 15px;">
| | <p style="color:#475569; margin-bottom:25px;">O guia definitivo para adaptar sua empresa às novas regras fiscais |
| A maior mudança tributária do Brasil está chegando! Preparamos um guia completo te ajudar a entender as mudanças fiscais que começam em 2026.
| | (IVA, IBS, CBS).</p> |
| </p>
| | <div>[[Reforma_Tributaria|<span |
| <div style="color: #3498db; font-size:1em; margin-bottom: 25px;">[[Reforma_Tributaria|Ler Guia Completo →]]</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 |
| </div> | | o guia completo →</span>]]</div> |
| </div> | |
| | |
| <!-- Card Últimas Atualizações -->
| |
| <div style="flex: 1 1 280px; max-width: 350px; min-width: 0; background: #f8f9fa; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px;">
| |
| <h3 style="margin-top: 0; font-size: 0.9em; color: #7f8c8d; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px;">Últimas Atualizações</h3>
| |
| <ul style="list-style: none; margin: 0; padding: 0;">
| |
| <li style="margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #e9ecef;">
| |
| [[Reforma_Tributaria/Novos_Impostos|<b style="color: #3498db;">Novos Impostos</b>]]<br>
| |
| <span style="font-size: 0.85em; color: #666;">Novas regras de IVA, IBS e CBS.</span>
| |
| </li>
| |
| <li style="margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #e9ecef;">
| |
| [[Reforma_Tributaria/NFse_Nacional|<b style="color: #3498db;">NFS-e Nacional</b>]]<br>
| |
| <span style="font-size: 0.85em; color: #666;">Novo padrão de nota fiscal.</span>
| |
| </li>
| |
| <li>
| |
| [[Reforma_Tributaria/NBS|<b style="color: #3498db;">NBS</b>]]<br>
| |
| <span style="font-size: 0.85em; color: #666;">Nova Nomenclatura de Serviços.</span>
| |
| </li>
| |
| </ul>
| |
| </div> | | </div> |
|
| |
|
| | <div class="celta-hero-sidebar"> |
| | <h2 style="margin:0 0 20px 0; font-size:0.9em !important; color:#94a3b8; border:none !important;">ÚLTIMAS |
| | ATUALIZAÇÕES</h2> |
| | <ul style="list-style:none; margin:0; padding:0;"> |
| | <li style="margin-bottom:5px;">[[Reforma_Tributaria/NTv133|<b>Alterada exigência do grupo |
| | IBS/CBS</b>]]<br><small style="color:#64748b;">02/12/2025 - Nota Técnica 2025.002 v.1.33</small></li> |
| | <li style="margin-bottom:5px;">[[Reforma_Tributaria/CalculadoraOficial|<b>Calculadora da Reforma |
| | Tributária</b>]]<br><small style="color:#64748b;">Ferramenta oficial da Receita Federal.</small></li> |
| | <li style="margin-bottom:5px;">[[Reforma_Tributaria/NBS|<b>Nomenclatura Brasileira de Serviços |
| | (NBS)</b>]]<br><small style="color:#64748b;">Mudanças na classificação fiscal de Serviços.</small></li> |
| | </ul> |
| | </div> |
| </div> | | </div> |
|
| |
|
| <!-- Navegação por Categoria -->
| | ---- |
|
| |
|
| <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 10px; margin-bottom: 30px;"> | | <div class="chain-grid-container"> |
|
| |
|
| <!-- Dicas Práticas -->
| | <div class="chain-card"> |
| <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #3498db; border-radius: 8px; padding: 20px; text-align: center;"> | | <div class="chain-icon"><i class="bi bi-lightbulb" style="color:#3366cc;"></i></div> |
| <div style="color: #3498db; margin-bottom: 10px;"><span class="bi bi-lightbulb" style="font-size: 1.8em;"></span></div> | | <h3>Dicas Práticas</h3> |
| <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50; margin-bottom: 8px;">Dicas Práticas</div> | | <p>Atalhos práticos e orientações rápidas para otimizar suas tarefas diárias no sistema.</p> |
| <div style="color: #7f8c8d; font-size: 0.9em; margin-bottom: 12px;">Truques e atalhos para agilizar seu dia a dia.</div> | | <div class="chain-link"> |
| <div style="color: #3498db; font-size:1em; margin-bottom: 25px;">[[Dicas|Ver todas as dicas]]</div> | | [[Dicas|Ler mais <i class="bi bi-arrow-right"></i>]] |
| | </div> |
| </div> | | </div> |
|
| |
|
| <!-- Documentação -->
| | <div class="chain-card"> |
| <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #27ae60; border-radius: 8px; padding: 20px; text-align: center;"> | | <div class="chain-icon"><i class="bi bi-mortarboard" style="color:#3366cc;"></i></div> |
| <div style="color: #27ae60; margin-bottom: 10px;"><span class="bi bi-book" style="font-size: 1.8em;"></span></div> | | <h3>Tutoriais</h3> |
| <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50; margin-bottom: 8px;">Documentação</div> | | <p>Guias passo-a-passo que ensinam na prática como configurar e dominar cada recurso.</p> |
| <div style="color: #7f8c8d; font-size: 0.9em; margin-bottom: 12px;">Manuais técnicos detalhados de cada módulo.</div> | | <div class="chain-link"> |
| <div style="color: #3498db; font-size:1em; margin-bottom: 25px;">[[Documentação|Acessar manuais]]</div> | | [[Tutoriais|Começar agora <i class="bi bi-arrow-right"></i>]] |
| | </div> |
| </div> | | </div> |
|
| |
|
| <!-- Tutoriais -->
| | <div class="chain-card"> |
| <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #e74c3c; border-radius: 8px; padding: 20px; text-align: center;"> | | <div class="chain-icon"><i class="bi bi-book" style="color:#3366cc;"></i></div> |
| <div style="color: #e74c3c; margin-bottom: 10px;"><span class="bi bi-mortarboard" style="font-size: 1.8em;"></span></div> | | <h3>Documentação</h3> |
| <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50; margin-bottom: 8px;">Tutoriais</div> | | <p>Base de conhecimento técnica completa, manuais de módulos e especificações.</p> |
| <div style="color: #7f8c8d; font-size: 0.9em; margin-bottom: 12px;">Guias passo a passo visuais.</div> | | <div class="chain-link"> |
| <div style="color: #3498db; font-size:1em; margin-bottom: 25px;">[[Tutoriais|Começar a aprender]]</div> | | [[Documentação|Consultar <i class="bi bi-arrow-right"></i>]] |
| | </div> |
| </div> | | </div> |
|
| |
|
| </div> | | </div> |
|
| |
|
| <!-- Seções adicionais -->
| | <div class="quick-access-section"> |
| <div style="margin-top: 30px; border-top: 1px solid #eee; padding-top: 0px;"></div> | | <div class="section-header"> |
| | | <h3 style="border:none; margin:0;">Acesso Rápido</h3> |
| <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;">
| | <div class="section-header-line"></div> |
| <div style="flex: 1; min-width: 300px;"> | |
| <h3 style="border-bottom: 2px solid #3498db; padding-bottom: 6px; color: #2c3e50;">Acesso rápido</h3> | |
| <ul style="list-style: none; margin: 0; padding: 0;"> | |
| <li>[[Reforma_Tributaria|Reforma Tributária]] - <span style="color:#777">Guia 2026-2033</span></li>
| |
| <li>[[Backup_Automático|Backup Automático]] - <span style="color:#777;">Configuração</span></li>
| |
| <li>[[Celta_TEF|TEF]] - <span style="color:#777;">Documentação</span></li>
| |
| <li>[[Boleto_Online|Boleto Online]] - <span style="color:#777;">Documentação</span></li>
| |
| </ul>
| |
| </div> | | </div> |
|
| |
|
| <div style="flex: 1; min-width: 300px;"> | | <div class="quick-links-grid"> |
| <h3 style="border-bottom: 2px solid #3498db; padding-bottom: 6px; color: #2c3e50;">Links</h3> | | <div class="quick-link-item"> |
| <ul style="list-style: none; margin: 0; padding: 0;">
| | <div class="quick-link-content"> |
| <li>[https://celtasistemas.com.br/downloads Downloads - Celta Sistemas] - <span style="color:#777">Página de downloads</span></li>
| | <i class="bi bi-cloud-arrow-up quick-link-icon"></i> |
| </ul>
| | <span class="quick-link-text">[[Backup_Nuvem_Celta|Backup Automático |
| </div>
| | ]]</span> |
| </div> | | </div> |
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| | </div> |
|
| |
|
| <!-- Ajuda adicional --> | | <div class="quick-link-item"> |
| | <div class="quick-link-content"> |
| | <i class="bi bi-credit-card quick-link-icon"></i> |
| | <span class="quick-link-text">[[Celta_TEF|TEF - Manual Técnico]]</span> |
| | </div> |
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| | </div> |
|
| |
|
| <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 10px; 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> |
|
| |
|
| <!-- Email -->
| | <div class=" quick- link- item"> |
| <div style=" display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #3498db; border- radius: 8px; padding: 20px; text- align: center;"> | | <div class=" quick- link-content"> |
| <div style=" color: #3498db; margin- bottom: 10px;">< span class="bi bi- envelope" style="font- size: 1.8em;"></ span></div> | | <i class="bi bi-download quick-link-icon"></i> |
| <div style="font-weight: bold; margin-bottom: 5px; font-size: 1.1em;">Email</div>
| | <span class="quick-link-text">[[Central de Downloads]]</span> |
| | | </div> |
| </div>
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| | </div> |
|
| |
|
| <!-- WhatsApp -->
| | <div class=" quick- link- item"> |
| <div style=" display: flex; flex- direction: column; align- items: center; justify-content: center; background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #3498db; border-radius: 8px; padding: 20px; text-align: center;"> | | <div class=" quick- link-content"> |
| <div style=" color: #3498db; margin- bottom: 10px;">< span class="bi bi- whatsapp" style="font- size: 1.8em;"></ span></div> | | <i class="bi bi-pc-display quick-link-icon"></i> |
| <div style="font-weight: bold; margin-bottom: 5px; font-size: 1.1em;">WhatsApp</div>
| | <span class="quick-link-text">[[RequisitosSistemaCelta|Requisitos do Sistema]]</span> |
| <div style="color: #7f8c8d; font-size:1em; margin-bottom: 25px;">[https://wa.me/556635150001 Central] | [https://wa.me/5566999360936 Suporte]</div>
| | </div> |
| </div>
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| | </div> |
|
| |
|
| <!-- Site Oficial -->
| | <div class="quick-link-item"> |
| <div style=" display: flex; flex-direction: column; align- items: center; justify-content : center; background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #3498db; border-radius: 8px; padding: 20px; text-align: center;"> | | <div class=" quick- link-content"> |
| <div style="color: #3498db; margin-bottom: 10px;"><span class="bi bi-globe" style="font-size: 1.8em;"></span></div>
| | <i class="bi bi-shield-check quick-link-icon"></i> |
| <div style="font-weight: bold; margin-bottom: 5px; font-size: 1.1em;">Site Oficial</div>
| | <span class="quick-link-text">[[Política de Segurança]]</span> |
| <div style="color: #7f8c8d; font-size:1em; margin-bottom: 25px;">[https://celtasistemas.com.br celtasistemas.com.br]</div> | | </div> |
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| | </div> |
| </div> | | </div> |
| | </div> |
|
| |
|
| </div>
| | {{ContatoSuporte}} |
|
| |
|
| </div> | | </div> |
