Ativa o menu
Alternar menu de preferências
Alternar menu pessoal
Não autenticado(a)
Your IP address will be publicly visible if you make any edits.

Início: mudanças entre as edições

De Celta Sistemas Wiki
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
<!DOCTYPE html>
__NOTOC__
<html lang="pt-BR">
{{DISPLAYTITLE:Base de Conhecimento Celta Sistemas}}
<head>
 
  <meta charset="UTF-8">
<div style="max-width: 1100px; margin: 0 auto; font-family: 'Segoe UI', Roboto, sans-serif;">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
  <title>Base de Conhecimento - Celta Sistemas</title>
<!-- Cabeçalho -->
  <style>
<div style="text-align: center; padding: 20px; background: white; border-radius: 8px; margin-bottom: 20px;">
    * {
  <h1 style="font-weight: 700; font-size: clamp(1.5em, 5vw, 2.2em); color: #2c3e50; margin: 0;">Celta Sistemas</h1>
      margin: 0;
  <h2 style="font-weight: 300; font-size: clamp(1em, 4vw, 1.4em); color: #7f8c8d; margin: 5px 0;">Base de Conhecimento</h2>
      padding: 0;
  <div style="width: 50px; height: 3px; background: #3498db; margin: 15px auto;"></div>
      box-sizing: border-box;
  <p style="font-size: clamp(0.9em, 3vw, 1em); color: #95a5a6;">Tutoriais, documentação técnica e dicas sobre o sistema.</p>
    }
</div>
   
 
    body {
<!-- Cards principais -->
      font-family: 'Segoe UI', Roboto, sans-serif;
<div style="display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 30px;">
      background: #f5f5f5;
 
      color: #2c3e50;
  <!-- Card Reforma Tributária -->
      line-height: 1.6;
  <div style="flex: 1 1 280px; min-width: 0; 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); text-align: center;">
    }
     <span style="color: #f39c12; font-size: 0.8em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;">Importante</span>
   
     <h3 style="margin: 10px 0; font-size: clamp(1em, 3.5vw, 1.2em); color: #2c3e50;">Reforma Tributária 2026-2033</h3>
    .container {
     <p style="color: #555; line-height: 1.5; font-size: clamp(0.85em, 3vw, 0.95em); margin-bottom: 15px;">
      max-width: 1100px;
      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.
      margin: 0 auto;
     </p>
      padding: 20px;
     <div style="margin-top: 15px;">
    }
       [[Reforma_Tributaria|<span style="display: inline-block; background: #f39c12; color: white; padding: 10px 20px; border-radius: 4px; font-weight: bold; font-size: clamp(0.8em, 2.5vw, 0.9em);">Ler Guia Completo →</span>]]
   
    /* Cabeçalho */
    .header {
      text-align: center;
      padding: 20px;
      background: white;
      border-radius: 8px;
      margin-bottom: 20px;
    }
   
    .header h1 {
      font-weight: 700;
      font-size: 2.2em;
      color: #2c3e50;
      margin: 0;
    }
   
    .header h2 {
      font-weight: 300;
      font-size: 1.4em;
      color: #7f8c8d;
      margin: 5px 0;
    }
   
    .header-divider {
      width: 50px;
      height: 3px;
      background: #3498db;
      margin: 15px auto;
    }
   
    .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>
  <!-- Card Últimas Atualizações -->
  <div style="flex: 1 1 280px; 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>
<!-- Navegação por Categoria -->
<h3 style="text-align: center; color: #2c3e50; font-weight: 600; margin: 30px 0 20px; font-size: clamp(1.1em, 4vw, 1.3em);">Navegue por Categoria</h3>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-bottom: 30px;">


    <!-- Cards principais -->
  <!-- Dicas Práticas -->
    <div class="main-cards">
  <div style="background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #3498db; border-radius: 8px; padding: 25px; text-align: center; transition: transform 0.2s;">
      <div class="card-reforma">
    <div style="color: #3498db; font-size: 2.5em; margin-bottom: 10px;">💡</div>
        <div style="text-align: center;">
    <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50; margin: 10px 0;">Dicas Práticas</div>
          <span class="card-tag">Importante</span>
    <div style="color: #7f8c8d; font-size: 0.9em; margin-bottom: 15px;">Truques e atalhos para agilizar seu dia a dia.</div>
          <h3>Reforma Tributária 2026-2033</h3>
    [[Dicas|<span style="color: #3498db; font-weight: 600;">Ver todas as dicas</span>]]
          <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 class="card-updates">
  <!-- Documentação -->
        <h3>Últimas Atualizações</h3>
  <div style="background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #27ae60; border-radius: 8px; padding: 25px; text-align: center; transition: transform 0.2s;">
        <ul class="update-list">
    <div style="color: #27ae60; font-size: 2.5em; margin-bottom: 10px;">📚</div>
          <li>
    <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50; margin: 10px 0;">Documentação</div>
            <a href="#novos-impostos">Novos Impostos</a>
    <div style="color: #7f8c8d; font-size: 0.9em; margin-bottom: 15px;">Manuais técnicos detalhados de cada módulo.</div>
            <span>Novas regras de IVA, IBS e CBS.</span>
    [[Documentação|<span style="color: #27ae60; font-weight: 600;">Acessar manuais</span>]]
          </li>
  </div>
          <li>
 
            <a href="#nfse">NFS-e Nacional</a>
  <!-- Tutoriais -->
            <span>Novo padrão de nota fiscal.</span>
  <div style="background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #e74c3c; border-radius: 8px; padding: 25px; text-align: center; transition: transform 0.2s;">
          </li>
    <div style="color: #e74c3c; font-size: 2.5em; margin-bottom: 10px;">🎓</div>
          <li>
    <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50; margin: 10px 0;">Tutoriais</div>
            <a href="#nbs">NBS</a>
    <div style="color: #7f8c8d; font-size: 0.9em; margin-bottom: 15px;">Guias passo a passo visuais para iniciantes.</div>
            <span>Nova Nomenclatura de Serviços.</span>
    [[Tutoriais|<span style="color: #e74c3c; font-weight: 600;">Começar a aprender</span>]]
          </li>
  </div>
        </ul>
      </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">
<!-- Divisor -->
        <div class="category-icon">📚</div>
<div style="margin: 30px 0; border-top: 1px solid #eee;"></div>
        <h3>Documentação</h3>
        <p>Manuais técnicos detalhados de cada módulo.</p>
        <a href="#docs">Acessar manuais</a>
      </div>


      <div class="category-card red">
<!-- Seções de conteúdo -->
        <div class="category-icon">🎓</div>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 30px 0;">
        <h3>Tutoriais</h3>
        <p>Guias passo a passo visuais para iniciantes.</p>
        <a href="#tutoriais">Começar a aprender</a>
      </div>
    </div>


     <div class="divider"></div>
  <!-- Fiscal e Tributário -->
  <div style="background: white; padding: 20px; border-radius: 8px; border: 1px solid #e0e0e0;">
     <h3 style="border-bottom: 2px solid #3498db; padding-bottom: 8px; color: #2c3e50; margin-bottom: 15px;">Fiscal e Tributário</h3>
    <ul style="list-style: none; margin: 0; padding: 0;">
      <li style="margin-bottom: 10px;">[[Reforma_Tributaria|Reforma Tributária]] - <span style="color:#777;">Guia 2026-2033</span></li>
      <li style="margin-bottom: 10px;">[[NFe|Nota Fiscal Eletrônica (NF-e)]] - <span style="color:#3498db;">Emissão</span></li>
      <li style="margin-bottom: 10px;">[[NFSe|Nota Fiscal de Serviços (NFS-e)]] - <span style="color:#3498db;">Configuração</span></li>
      <li>[[SPED|SPED Fiscal]] - <span style="color:#3498db;">Obrigações</span></li>
    </ul>
  </div>


    <!-- Seções de conteúdo -->
  <!-- Celta PIX -->
    <div class="content-grid">
  <div style="background: white; padding: 20px; border-radius: 8px; border: 1px solid #e0e0e0;">
      <div class="content-section">
    <h3 style="border-bottom: 2px solid #9b59b6; padding-bottom: 8px; color: #2c3e50; margin-bottom: 15px;">Celta PIX</h3>
        <h3>Fiscal e Tributário</h3>
    <ul style="list-style: none; margin: 0; padding: 0;">
        <ul>
      <li style="margin-bottom: 10px;">[[Celta_Pix/Conceitos_gerais|Conceitos Gerais]] - <span style="color:#777;">Entenda o PIX</span></li>
          <li><a href="#reforma">Reforma Tributária</a> - <span>Guia 2026-2033</span></li>
      <li style="margin-bottom: 10px;">[[Celta_Pix/Integracao|Integração]] - <span style="color:#9b59b6;">Configurando pagamentos</span></li>
          <li><a href="#nfe">Nota Fiscal Eletrônica (NF-e)</a> - <span>Emissão</span></li>
      <li>[[Celta_Pix/API|API]] - <span style="color:#9b59b6;">Para desenvolvedores</span></li>
          <li><a href="#nfse">Nota Fiscal de Serviços (NFS-e)</a> - <span>Configuração</span></li>
    </ul>
          <li><a href="#sped">SPED Fiscal</a> - <span>Obrigações</span></li>
  </div>
        </ul>
      </div>


      <div class="content-section purple">
</div>
        <h3>Celta PIX</h3>
        <ul>
          <li><a href="#pix-conceitos">Conceitos Gerais</a> - <span>Entenda o PIX</span></li>
          <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>


    <!-- Ajuda adicional -->
<!-- Ajuda adicional -->
    <h2 class="section-title">Precisa de ajuda adicional?</h2>
<h3 style="text-align: center; color: #2c3e50; margin: 40px 0 20px; font-size: clamp(1.1em, 4vw, 1.3em);">Precisa de ajuda adicional?</h3>
   
    <div class="help-grid">
      <div class="help-card">
        <div class="help-icon">✉️</div>
        <strong>Email</strong>
        <span>[email protected]</span>
      </div>


      <div class="help-card">
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; margin-top: 20px;">
        <div class="help-icon">📱</div>
        <strong>WhatsApp</strong>
        <span>(66) 3515-0001</span>
      </div>


      <div class="help-card">
  <!-- Email -->
        <div class="help-icon">🌐</div>
  <div style="background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #3498db; border-radius: 8px; padding: 20px; text-align: center;">
        <strong>Site Oficial</strong>
    <div style="color: #3498db; font-size: 2em; margin-bottom: 10px;">✉️</div>
        <a href="https://www.celtasistemas.com.br" target="_blank">celtasistemas.com.br</a>
    <strong style="display: block; margin-bottom: 5px; font-size: 1.1em;">Email</strong>
      </div>
    <span style="font-size: 0.9em; color: #7f8c8d;">suporte@celtasistemas.com.br</span>
     </div>
  </div>
 
  <!-- WhatsApp -->
  <div style="background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #3498db; border-radius: 8px; padding: 20px; text-align: center;">
    <div style="color: #3498db; font-size: 2em; margin-bottom: 10px;">📱</div>
    <strong style="display: block; margin-bottom: 5px; font-size: 1.1em;">WhatsApp</strong>
    <span style="font-size: 0.9em; color: #7f8c8d;">(66) 3515-0001</span>
  </div>
 
  <!-- Site Oficial -->
  <div style="background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #3498db; border-radius: 8px; padding: 20px; text-align: center;">
     <div style="color: #3498db; font-size: 2em; margin-bottom: 10px;">🌐</div>
    <strong style="display: block; margin-bottom: 5px; font-size: 1.1em;">Site Oficial</strong>
    [https://www.celtasistemas.com.br <span style="font-size: 0.9em; color: #7f8c8d;">celtasistemas.com.br</span>]
   </div>
   </div>
</body>
 
</html>
</div>
 
</div>
 
[[Categoria:Página Principal]]

Edição das 17h57min de 23 de novembro de 2025


Celta Sistemas

Base de Conhecimento

Tutoriais, documentação técnica e dicas sobre o sistema.

   Importante

Reforma Tributária 2026-2033

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.

Últimas Atualizações

💡
Dicas Práticas
Truques e atalhos para agilizar seu dia a dia.
   Ver todas as dicas
📚
Documentação
Manuais técnicos detalhados de cada módulo.
   Acessar manuais
🎓
Tutoriais
Guias passo a passo visuais para iniciantes.
   Começar a aprender

Fiscal e Tributário

Celta PIX

Precisa de ajuda adicional?

✉️
   Email
   [email protected]
📱
   WhatsApp
   (66) 3515-0001
🌐
   Site Oficial
   celtasistemas.com.br