|
|
| (145 revisões intermediárias por 2 usuários não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| <!DOCTYPE html>
| | __NOTOC__ |
| <html lang="pt-BR"> | | <div class="celta-full-width"> |
| <head>
| | |
| <meta charset="UTF-8">
| | <div style="text-align:center; padding:20px 20px;"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
| | <h1 style="margin:10px auto 10px auto;">{{Logo|width=350px|height=160px}}</h1> |
| <title>Base de Conhecimento - Celta Sistemas</title>
| | </div> |
| <style> | | |
| * {
| | <div class="banner-secondary"> |
| margin: 0;
| | <div class="banner-content"> |
| padding: 0;
| | <span class="banner-badge">NOVIDADE</span> |
| box-sizing: border-box;
| | <h2 style="color: #ffffff !important;">Simulador Interativo de Tutoriais</h2> |
| }
| | <p class="banner-text">Encontre seus tutoriais com muito mais facilidade em uma interface que replica o Sistema Celta.</p> |
|
| | </div> |
| body {
| | [[Tutoriais|<span class="banner-btn">Acessar <i class="bi bi-arrow-right"></i></span>]] |
| font-family: 'Segoe UI', Roboto, sans-serif;
| | </div> |
| background: #f5f5f5;
| | |
| color: #2c3e50;
| | <div class="celta-hero-card"> |
| line-height: 1.6;
| | <div class="celta-hero-main"> |
| }
| | <div |
|
| | style="display:inline-block; background:#e0f2fe; color:#0284c7; padding:6px 12px; border-radius:8px; font-size:1em; font-weight:630; margin-bottom:0px;"> |
| .container {
| | Destaque</div> |
| max-width: 1100px;
| | <h2 style="margin:0 0 15px 0;font-size:2em;color:#1e293b;line-height:1.1;font-weight:700;border:none;">Reforma |
| margin: 0 auto;
| | Tributária</h2> |
| padding: 20px;
| | <p style="color:#475569; margin-bottom:25px;">O guia definitivo para adaptar sua empresa às novas regras fiscais |
| }
| | (IVA, IBS, CBS).</p> |
|
| | <div>[[Reforma_Tributaria|<span |
| /* Cabeçalho */
| | 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 |
| .header {
| | o guia completo →</span>]]</div> |
| text-align: center;
| | </div> |
| padding: 20px;
| | |
| background: white;
| | <div class="celta-hero-sidebar"> |
| border-radius: 8px;
| | <h2 style="margin:0 0 20px 0; font-size:0.9em !important; color:#94a3b8; border:none !important;">ÚLTIMAS |
| margin-bottom: 20px;
| | 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 |
| .header h1 {
| | IBS/CBS</b>]]<br><small style="color:#64748b;">02/12/2025 - Nota Técnica 2025.002 v.1.33</small></li> |
| font-weight: 700;
| | <li style="margin-bottom:5px;">[[Reforma_Tributaria/CalculadoraOficial|<b>Calculadora da Reforma |
| font-size: 2.2em;
| | Tributária</b>]]<br><small style="color:#64748b;">Ferramenta oficial da Receita Federal.</small></li> |
| color: #2c3e50;
| | <li style="margin-bottom:5px;">[[Reforma_Tributaria/NBS|<b>Nomenclatura Brasileira de Serviços |
| margin: 0;
| | (NBS)</b>]]<br><small style="color:#64748b;">Mudanças na classificação fiscal de Serviços.</small></li> |
| }
| | </ul> |
|
| | </div> |
| .header h2 {
| | </div> |
| font-weight: 300;
| | |
| font-size: 1.4em;
| | ---- |
| color: #7f8c8d;
| | |
| margin: 5px 0;
| | <div class="chain-grid-container"> |
| }
| | |
|
| | <div class="chain-card"> |
| .header-divider {
| | <div class="chain-icon"><i class="bi bi-lightbulb" style="color:#3366cc;"></i></div> |
| width: 50px;
| | <h3>Dicas Práticas</h3> |
| height: 3px;
| | <p>Atalhos práticos e orientações rápidas para otimizar suas tarefas diárias no sistema.</p> |
| background: #3498db;
| | <div class="chain-link"> |
| margin: 15px auto;
| | [[Dicas|Ler mais <i class="bi bi-arrow-right"></i>]] |
| }
| |
|
| |
| .header p {
| |
| font-size: 1em;
| |
| color: #95a5a6;
| |
| }
| |
|
| |
| /* Cards principais */
| |
| .main-cards {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 15px;
| |
| margin-bottom: 30px;
| |
| }
| |
|
| |
| .card-reforma {
| |
| flex: 1;
| |
| min-width: 280px;
| |
| background: #fff;
| |
| border: 1px solid #e0e0e0;
| |
| border-left: 5px solid #f39c12;
| |
| border-radius: 8px;
| |
| padding: 20px;
| |
| box-shadow: 0 2px 4px rgba(0,0,0,0.05);
| |
| }
| |
|
| |
| .card-tag {
| |
| color: #f39c12;
| |
| font-size: 0.8em;
| |
| font-weight: bold;
| |
| text-transform: uppercase;
| |
| letter-spacing: 1px;
| |
| }
| |
|
| |
| .card-reforma h3 {
| |
| margin: 10px 0;
| |
| font-size: 1.2em;
| |
| color: #2c3e50;
| |
| }
| |
|
| |
| .card-reforma p {
| |
| color: #555;
| |
| line-height: 1.5;
| |
| font-size: 0.95em;
| |
| margin-bottom: 15px;
| |
| } | |
| | |
| .btn-primary {
| |
| display: inline-block;
| |
| background: #f39c12;
| |
| color: white;
| |
| padding: 10px 20px;
| |
| border-radius: 4px;
| |
| font-weight: bold;
| |
| text-decoration: none;
| |
| font-size: 0.9em;
| |
| transition: background 0.3s;
| |
| }
| |
|
| |
| .btn-primary:hover {
| |
| background: #e67e22;
| |
| } | |
|
| |
| .card-updates {
| |
| flex: 1;
| |
| min-width: 280px;
| |
| background: #f8f9fa;
| |
| border: 1px solid #e0e0e0;
| |
| border-radius: 8px;
| |
| padding: 20px;
| |
| }
| |
|
| |
| .card-updates h3 {
| |
| margin-top: 0;
| |
| font-size: 0.9em;
| |
| color: #7f8c8d;
| |
| text-transform: uppercase;
| |
| letter-spacing: 1px;
| |
| margin-bottom: 15px;
| |
| }
| |
|
| |
| .update-list {
| |
| list-style: none;
| |
| }
| |
|
| |
| .update-list li {
| |
| margin-bottom: 12px;
| |
| padding-bottom: 12px;
| |
| border-bottom: 1px solid #e9ecef;
| |
| }
| |
|
| |
| .update-list li:last-child {
| |
| border-bottom: none;
| |
| }
| |
|
| |
| .update-list a {
| |
| color: #3498db;
| |
| font-weight: bold;
| |
| text-decoration: none;
| |
| } | |
|
| |
| .update-list span {
| |
| font-size: 0.85em;
| |
| color: #666;
| |
| display: block;
| |
| margin-top: 3px;
| |
| }
| |
|
| |
| /* Navegação por categoria */
| |
| .section-title {
| |
| text-align: center;
| |
| color: #2c3e50;
| |
| font-weight: 600;
| |
| margin: 30px 0 20px;
| |
| font-size: 1.3em;
| |
| } | |
|
| |
| .category-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
| |
| gap: 15px;
| |
| margin-bottom: 30px;
| |
| }
| |
|
| |
| .category-card {
| |
| background: #fff;
| |
| border: 1px solid #e0e0e0;
| |
| border-radius: 8px;
| |
| padding: 25px;
| |
| text-align: center;
| |
| transition: transform 0.2s, box-shadow 0.2s;
| |
| }
| |
|
| |
| .category-card:hover {
| |
| transform: translateY(-3px);
| |
| box-shadow: 0 4px 12px rgba(0,0,0,0.1);
| |
| }
| |
|
| |
| .category-card.blue { border-bottom: 3px solid #3498db; }
| |
| .category-card.green { border-bottom: 3px solid #27ae60; }
| |
| .category-card.red { border-bottom: 3px solid #e74c3c; }
| |
|
| |
| .category-icon {
| |
| font-size: 2.5em;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .category-card.blue .category-icon { color: #3498db; }
| |
| .category-card.green .category-icon { color: #27ae60; }
| |
| .category-card.red .category-icon { color: #e74c3c; }
| |
|
| |
| .category-card h3 {
| |
| font-size: 1.1em;
| |
| font-weight: bold;
| |
| color: #2c3e50;
| |
| margin: 10px 0;
| |
| }
| |
|
| |
| .category-card p {
| |
| color: #7f8c8d;
| |
| font-size: 0.9em;
| |
| margin-bottom: 15px;
| |
| }
| |
|
| |
| .category-card a {
| |
| font-weight: 600;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .category-card.blue a { color: #3498db; }
| |
| .category-card.green a { color: #27ae60; }
| |
| .category-card.red a { color: #e74c3c; }
| |
|
| |
| /* Seções de conteúdo */ | |
| .content-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
| |
| gap: 20px;
| |
| margin: 30px 0;
| |
| }
| |
|
| |
| .content-section {
| |
| background: white;
| |
| padding: 20px;
| |
| border-radius: 8px;
| |
| border: 1px solid #e0e0e0;
| |
| }
| |
|
| |
| .content-section h3 {
| |
| border-bottom: 2px solid #3498db;
| |
| padding-bottom: 8px;
| |
| color: #2c3e50;
| |
| margin-bottom: 15px;
| |
| }
| |
|
| |
| .content-section.purple h3 {
| |
| border-bottom-color: #9b59b6;
| |
| }
| |
|
| |
| .content-section ul {
| |
| list-style: none;
| |
| }
| |
|
| |
| .content-section li {
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .content-section a {
| |
| color: #3498db;
| |
| text-decoration: none;
| |
| font-weight: 500;
| |
| }
| |
|
| |
| .content-section.purple a {
| |
| color: #9b59b6;
| |
| }
| |
|
| |
| .content-section span {
| |
| color: #777;
| |
| font-size: 0.9em;
| |
| }
| |
|
| |
| /* Cards de ajuda */
| |
| .help-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
| |
| gap: 15px;
| |
| margin-top: 20px;
| |
| }
| |
|
| |
| .help-card {
| |
| background: #fff;
| |
| border: 1px solid #e0e0e0;
| |
| border-bottom: 3px solid #3498db;
| |
| border-radius: 8px;
| |
| padding: 20px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .help-icon {
| |
| color: #3498db;
| |
| font-size: 2em;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .help-card strong {
| |
| display: block;
| |
| margin-bottom: 5px;
| |
| font-size: 1.1em;
| |
| }
| |
|
| |
| .help-card span, .help-card a {
| |
| font-size: 0.9em;
| |
| color: #7f8c8d;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| /* Divisor */
| |
| .divider {
| |
| margin: 30px 0;
| |
| border-top: 1px solid #eee;
| |
| }
| |
|
| |
| /* Responsividade Mobile */
| |
| @media (max-width: 768px) {
| |
| .container {
| |
| padding: 15px;
| |
| }
| |
|
| |
| .header h1 {
| |
| font-size: 1.8em;
| |
| }
| |
|
| |
| .header h2 {
| |
| font-size: 1.2em;
| |
| }
| |
|
| |
| .main-cards {
| |
| flex-direction: column;
| |
| }
| |
|
| |
| .category-grid {
| |
| grid-template-columns: 1fr;
| |
| }
| |
|
| |
| .content-grid {
| |
| grid-template-columns: 1fr;
| |
| }
| |
|
| |
| .help-grid {
| |
| grid-template-columns: 1fr;
| |
| }
| |
|
| |
| .section-title {
| |
| font-size: 1.2em;
| |
| }
| |
| }
| |
|
| |
| @media (max-width: 480px) {
| |
| .header h1 {
| |
| font-size: 1.5em;
| |
| }
| |
|
| |
| .header h2 {
| |
| font-size: 1em;
| |
| }
| |
|
| |
| .card-reforma h3 {
| |
| font-size: 1.1em;
| |
| }
| |
|
| |
| .btn-primary {
| |
| padding: 8px 16px;
| |
| font-size: 0.85em;
| |
| }
| |
| }
| |
| </style>
| |
| </head>
| |
| <body>
| |
| <div class="container"> | |
| <!-- Cabeçalho --> | |
| <div class="header">
| |
| <h1>Celta Sistemas</h1>
| |
| <h2>Base de Conhecimento</h2>
| |
| <div class="header-divider"></div>
| |
| <p>Tutoriais, documentação técnica e dicas sobre o sistema.</p>
| |
| </div> | | </div> |
| | </div> |
|
| |
|
| <!-- Cards principais -->
| | <div class="chain-card"> |
| <div class="main-cards"> | | <div class="chain-icon"><i class="bi bi-mortarboard" style="color:#3366cc;"></i></div> |
| <div class="card-reforma">
| | <h3>Tutoriais</h3> |
| <div style="text-align: center;">
| | <p>Guias passo-a-passo que ensinam na prática como configurar e dominar cada recurso.</p> |
| <span class="card-tag">Importante</span>
| | <div class="chain-link"> |
| <h3>Reforma Tributária 2026-2033</h3>
| | [[Tutoriais|Começar agora <i class="bi bi-arrow-right"></i>]] |
| <p>A maior mudança tributária do Brasil está chegando! Preparamos um guia completo para sua empresa se adaptar às mudanças que começam em 2026.</p>
| | </div> |
| <a href="#reforma" class="btn-primary">Ler Guia Completo →</a>
| | </div> |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="card-updates">
| | <div class="chain-card"> |
| <h3>Últimas Atualizações</h3>
| | <div class="chain-icon"><i class="bi bi-book" style="color:#3366cc;"></i></div> |
| <ul class="update-list">
| | <h3>Documentação</h3> |
| <li>
| | <p>Base de conhecimento técnica completa, manuais de módulos e especificações.</p> |
| <a href="#novos-impostos">Novos Impostos</a>
| | <div class="chain-link"> |
| <span>Novas regras de IVA, IBS e CBS.</span>
| | [[Documentação|Consultar <i class="bi bi-arrow-right"></i>]] |
| </li>
| |
| <li>
| |
| <a href="#nfse">NFS-e Nacional</a>
| |
| <span>Novo padrão de nota fiscal.</span>
| |
| </li>
| |
| <li>
| |
| <a href="#nbs">NBS</a>
| |
| <span>Nova Nomenclatura de Serviços.</span>
| |
| </li>
| |
| </ul>
| |
| </div>
| |
| </div> | | </div> |
| | </div> |
|
| |
|
| <!-- Navegação por Categoria -->
| | </div> |
| <h2 class="section-title">Navegue por Categoria</h2>
| |
|
| |
| <div class="category-grid">
| |
| <div class="category-card blue">
| |
| <div class="category-icon">💡</div>
| |
| <h3>Dicas Práticas</h3>
| |
| <p>Truques e atalhos para agilizar seu dia a dia.</p>
| |
| <a href="#dicas">Ver todas as dicas</a>
| |
| </div>
| |
|
| |
|
| <div class="category-card green">
| | <div class="quick-access-section"> |
| <div class="category-icon">📚</div>
| | <div class="section-header"> |
| <h3>Documentação</h3>
| | <h3 style="border:none; margin:0;">Acesso Rápido</h3> |
| <p>Manuais técnicos detalhados de cada módulo.</p>
| | <div class="section-header-line"></div> |
| <a href="#docs">Acessar manuais</a>
| | </div> |
| </div>
| |
|
| |
|
| <div class="category-card red">
| | <div class="quick-links-grid"> |
| <div class="category-icon">🎓</div>
| | <div class="quick-link-item"> |
| <h3>Tutoriais</h3>
| | <div class="quick-link-content"> |
| <p>Guias passo a passo visuais para iniciantes.</p>
| | <i class="bi bi-cloud-arrow-up quick-link-icon"></i> |
| <a href="#tutoriais">Começar a aprender</a>
| | <span class="quick-link-text">[[Backup_Nuvem_Celta|Backup Automático |
| | ]]</span> |
| </div> | | </div> |
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| </div> | | </div> |
|
| |
|
| <div class="divider"></div> | | <div class="quick-link-item"> |
| | | <div class="quick-link-content"> |
| <!-- Seções de conteúdo -->
| | <i class="bi bi-credit-card quick-link-icon"></i> |
| <div class="content-grid">
| | <span class="quick-link-text">[[Celta_TEF|TEF - Manual Técnico]]</span> |
| <div class="content-section"> | |
| <h3>Fiscal e Tributário</h3>
| |
| <ul>
| |
| <li><a href="#reforma">Reforma Tributária</a> - <span>Guia 2026-2033</span></li>
| |
| <li><a href="#nfe">Nota Fiscal Eletrônica (NF-e)</a> - <span>Emissão</span></li>
| |
| <li><a href="#nfse">Nota Fiscal de Serviços (NFS-e)</a> - <span>Configuração</span></li>
| |
| <li><a href="#sped">SPED Fiscal</a> - <span>Obrigações</span></li>
| |
| </ul>
| |
| </div> | | </div> |
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| | </div> |
|
| |
|
| <div class="content-section purple">
| | <div class="quick-link-item"> |
| <h3>Celta PIX</h3>
| | <div class="quick-link-content"> |
| <ul>
| | <i class="bi bi-upc-scan quick-link-icon"></i> |
| <li><a href="#pix-conceitos">Conceitos Gerais</a> - <span>Entenda o PIX</span></li>
| | <span class="quick-link-text">[[Boleto Online]]</span> |
| <li><a href="#pix-integracao">Integração</a> - <span>Configurando pagamentos</span></li>
| |
| <li><a href="#pix-api">API</a> - <span>Para desenvolvedores</span></li>
| |
| </ul>
| |
| </div> | | </div> |
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| </div> | | </div> |
|
| |
|
| <!-- Ajuda adicional --> | | <div class="quick-link-item"> |
| <h2 class="section-title">Precisa de ajuda adicional?</h2>
| | <div class="quick-link-content"> |
|
| | <i class="bi bi-download quick-link-icon"></i> |
| <div class="help-grid">
| | <span class="quick-link-text">[[Central de Downloads]]</span> |
| <div class="help-card"> | |
| <div class="help-icon">✉️</div>
| |
| <strong>Email</strong>
| |
| | |
| </div> | | </div> |
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| | </div> |
|
| |
|
| <div class="help-card">
| | <div class="quick-link-item"> |
| <div class="help-icon">📱</div>
| | <div class="quick-link-content"> |
| <strong>WhatsApp</strong>
| | <i class="bi bi-pc-display quick-link-icon"></i> |
| <span>(66) 3515-0001</span>
| | <span class="quick-link-text">[[RequisitosSistemaCelta|Requisitos do Sistema]]</span> |
| </div> | | </div> |
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| | </div> |
|
| |
|
| <div class="help-card">
| | <div class="quick-link-item"> |
| <div class="help-icon">🌐</div>
| | <div class="quick-link-content"> |
| <strong>Site Oficial</strong>
| | <i class="bi bi-shield-check quick-link-icon"></i> |
| <a href="https://www.celtasistemas.com.br" target="_blank">celtasistemas.com.br</a>
| | <span class="quick-link-text">[[Política de Segurança]]</span> |
| </div> | | </div> |
| | <i class="bi bi-chevron-right quick-link-icon"></i> |
| </div> | | </div> |
| </div> | | </div> |
| </body> | | </div> |
| </html> | | |
| | {{ContatoSuporte}} |
| | |
| | </div> |