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:
__NOTOC__
<!DOCTYPE html>
{{DISPLAYTITLE:Base de Conhecimento Celta Sistemas}}
<html lang="pt-BR">
 
<head>
<div style="max-width: 1100px; margin: 0 auto; font-family: 'Segoe UI', Roboto, sans-serif;">
  <meta charset="UTF-8">
 
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Cabeçalho -->
  <title>Base de Conhecimento - Celta Sistemas</title>
<div style="text-align: center; padding: 20px;">
  <style>
  <h1 style="font-weight: 700; font-size: 2.2em; color: #2c3e50; margin: 0;">Celta Sistemas</h1>
    * {
  <h2 style="font-weight: 300; font-size: 1.4em; color: #7f8c8d; margin: 5px 0;">Base de Conhecimento</h2>
      margin: 0;
  <div style="width: 50px; height: 3px; background: #3498db; margin: 15px auto;"></div>
      padding: 0;
  <p style="font-size: 1em; color: #95a5a6;">Tutoriais, documentação técnica e dicas sobre o sistema.</p>
      box-sizing: border-box;
</div>
    }
   
    body {
      font-family: 'Segoe UI', Roboto, sans-serif;
      background: #f5f5f5;
      color: #2c3e50;
      line-height: 1.6;
    }
   
    .container {
      max-width: 1100px;
      margin: 0 auto;
      padding: 20px;
    }
   
    /* 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>


<!-- Cards principais -->
    <!-- Cards principais -->
<div style="display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; justify-content: center;">
    <div class="main-cards">
      <div class="card-reforma">
        <div style="text-align: center;">
          <span class="card-tag">Importante</span>
          <h3>Reforma Tributária 2026-2033</h3>
          <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>
          <a href="#reforma" class="btn-primary">Ler Guia Completo →</a>
        </div>
      </div>


  <!-- Card Reforma Tributária -->
      <div class="card-updates">
  <div style="flex: 2; min-width: 300px; max-width: 700px; 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;">
        <h3>Últimas Atualizações</h3>
    <span style="color: #f39c12; font-size: 0.8em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;">Importante</span>
        <ul class="update-list">
    <h3 style="margin: 10px 0; font-size: 1.2em; color: #2c3e50;">Reforma Tributária 2026-2033</h3>
          <li>
    <p style="color: #555; line-height: 1.5; font-size: 0.95em;">
            <a href="#novos-impostos">Novos Impostos</a>
      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.
            <span>Novas regras de IVA, IBS e CBS.</span>
    </p>
          </li>
    <div style="margin-top: 15px;">
          <li>
      [[Reforma_Tributaria|<span style="display: inline-block; background: #f39c12; color: white; padding: 8px 16px; border-radius: 4px; font-weight: bold; font-size: 0.85rem;">Ler Guia Completo →</span>]]
            <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>


  <!-- Card Últimas Atualizações -->
    <!-- Navegação por Categoria -->
  <div style="flex: 1; min-width: 250px; max-width: 350px; background: #f8f9fa; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px;">
     <h2 class="section-title">Navegue por Categoria</h2>
     <h3 style="margin-top: 0; font-size: 0.9em; color: #7f8c8d; text-transform: uppercase; letter-spacing: 1px;">Últimas Atualizações</h3>
   
     <ul style="list-style: none; margin: 0; padding: 0;">
     <div class="category-grid">
       <li style="margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e9ecef;">
       <div class="category-card blue">
         [[Reforma_Tributaria/Novos_Impostos|<b style="color: #3498db;">Novos Impostos</b>]]<br>
         <div class="category-icon">💡</div>
         <span style="font-size: 0.85em; color: #666;">Novas regras de IVA, IBS e CBS.</span>
         <h3>Dicas Práticas</h3>
      </li>
         <p>Truques e atalhos para agilizar seu dia a dia.</p>
      <li style="margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e9ecef;">
         <a href="#dicas">Ver todas as dicas</a>
         [[Reforma_Tributaria/NFse_Nacional|<b style="color: #3498db;">NFS-e Nacional</b>]]<br>
       </div>
        <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="category-card green">
        <div class="category-icon">📚</div>
        <h3>Documentação</h3>
        <p>Manuais técnicos detalhados de cada módulo.</p>
        <a href="#docs">Acessar manuais</a>
      </div>


<!-- Navegação por Categoria -->
      <div class="category-card red">
<h3 style="text-align: center; color: #2c3e50; font-weight: 600; margin-bottom: 15px;">Navegue por Categoria</h3>
        <div class="category-icon">🎓</div>
        <h3>Tutoriais</h3>
        <p>Guias passo a passo visuais para iniciantes.</p>
        <a href="#tutoriais">Começar a aprender</a>
      </div>
    </div>


{| style="width: 100%; border-collapse: separate; border-spacing: 10px; text-align: center;"
    <div class="divider"></div>
|-
| style="width: 33%; background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #3498db; border-radius: 8px; padding: 18px;" |
<div style="color: #3498db;"><span class="bi bi-lightbulb" style="font-size: 1.8em;"></span></div>
<div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">Dicas Práticas</div>
<div style="color: #7f8c8d; font-size: 0.9em;">Truques e atalhos para agilizar seu dia a dia.</div>
[[Dicas|<span style="color: #3498db; font-weight: 600;">Ver todas as dicas</span>]]


| style="width: 33%; background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #27ae60; border-radius: 8px; padding: 18px;" |
    <!-- Seções de conteúdo -->
<div style="color: #27ae60;"><span class="bi bi-book" style="font-size: 1.8em;"></span></div>
    <div class="content-grid">
<div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">Documentação</div>
      <div class="content-section">
<div style="color: #7f8c8d; font-size: 0.9em;">Manuais técnicos detalhados de cada módulo.</div>
        <h3>Fiscal e Tributário</h3>
[[Documentação|<span style="color: #27ae60; font-weight: 600;">Acessar manuais</span>]]
        <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>


| style="width: 33%; background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #e74c3c; border-radius: 8px; padding: 18px;" |
      <div class="content-section purple">
<div style="color: #e74c3c;"><span class="bi bi-mortarboard" style="font-size: 1.8em;"></span></div>
        <h3>Celta PIX</h3>
<div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">Tutoriais</div>
        <ul>
<div style="color: #7f8c8d; font-size: 0.9em;">Guias passo a passo visuais para iniciantes.</div>
          <li><a href="#pix-conceitos">Conceitos Gerais</a> - <span>Entenda o PIX</span></li>
[[Tutoriais|<span style="color: #e74c3c; font-weight: 600;">Começar a aprender</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>


<!-- Seções adicionais -->
    <!-- Ajuda adicional -->
<div style="margin-top: 30px; border-top: 1px solid #eee; padding-top: 25px;"></div>
    <h2 class="section-title">Precisa de ajuda adicional?</h2>
   
    <div class="help-grid">
      <div class="help-card">
        <div class="help-icon">✉️</div>
        <strong>Email</strong>
        <span>[email protected]</span>
      </div>


<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;">
      <div class="help-card">
  <div style="flex: 1; min-width: 300px;">
        <div class="help-icon">📱</div>
    <h3 style="border-bottom: 2px solid #3498db; padding-bottom: 6px; color: #2c3e50;">Fiscal e Tributário</h3>
        <strong>WhatsApp</strong>
    <ul style="list-style: none; margin: 0; padding: 0;">
        <span>(66) 3515-0001</span>
      <li>[[Reforma_Tributaria|Reforma Tributária]] - <span style="color:#777">Guia 2026-2033</span></li>
       </div>
      <li>[[NFe|Nota Fiscal Eletrônica (NF-e)]] - <span style="color:#3498db;">Emissão</span></li>
      <li>[[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>


  <div style="flex: 1; min-width: 300px;">
      <div class="help-card">
    <h3 style="border-bottom: 2px solid #9b59b6; padding-bottom: 6px; color: #2c3e50;">Celta PIX</h3>
        <div class="help-icon">🌐</div>
    <ul style="list-style: none; margin: 0; padding: 0;">
        <strong>Site Oficial</strong>
      <li>[[Celta_Pix/Conceitos_gerais|Conceitos Gerais]] - <span style="color:#777">Entenda o PIX</span></li>
        <a href="https://www.celtasistemas.com.br" target="_blank">celtasistemas.com.br</a>
      <li>[[Celta_Pix/Integracao|Integração]] - <span style="color:#9b59b6;">Configurando pagamentos</span></li>
       </div>
       <li>[[Celta_Pix/API|API]] - <span style="color:#9b59b6;">Para desenvolvedores</span></li>
     </div>
     </ul>
   </div>
   </div>
</div>
</body>
 
</html>
<!-- Ajuda adicional -->
<h3 style="text-align: center; color: #2c3e50; margin-top: 40px; margin-bottom: 15px;">Precisa de ajuda adicional?</h3>
 
{| style="width: 100%; border-collapse: separate; border-spacing: 10px; text-align: center;"
|-
| style="width: 33%; background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #3498db; border-radius: 8px; padding: 18px;" |
<div style="color: #3498db;"><span class="bi bi-envelope" style="font-size: 1.8em;"></span></div>
'''Email'''<br/><span style="font-size: 0.9em; color: #7f8c8d;">[email protected]</span>
 
| style="width: 33%; background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #3498db; border-radius: 8px; padding: 18px;" |
<div style="color: #3498db;"><span class="bi bi-whatsapp" style="font-size: 1.8em;"></span></div>
'''WhatsApp'''<br/><span style="font-size: 0.9em; color: #7f8c8d;">(66) 3515-0001</span>
 
| style="width: 33%; background: #fff; border: 1px solid #e0e0e0; border-bottom: 3px solid #3498db; border-radius: 8px; padding: 18px;" |
<div style="color: #3498db;"><span class="bi bi-globe" style="font-size: 1.8em;"></span></div>
'''Site Oficial'''<br/>[https://www.celtasistemas.com.br <span style="font-size: 0.9em; color: #7f8c8d;">celtasistemas.com.br</span>]
|}
 
</div>
[[Categoria:Página Principal]]

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

<!DOCTYPE html> <html lang="pt-BR"> <head>

 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Base de Conhecimento - Celta Sistemas</title>
 <style>
   * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
   }
   
   body {
     font-family: 'Segoe UI', Roboto, sans-serif;
     background: #f5f5f5;
     color: #2c3e50;
     line-height: 1.6;
   }
   
   .container {
     max-width: 1100px;
     margin: 0 auto;
     padding: 20px;
   }
   
   /* 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>

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.

         <a href="#reforma" class="btn-primary">Ler Guia Completo →</a>

Últimas Atualizações

  • <a href="#novos-impostos">Novos Impostos</a> Novas regras de IVA, IBS e CBS.
  • <a href="#nfse">NFS-e Nacional</a> Novo padrão de nota fiscal.
  • <a href="#nbs">NBS</a> Nova Nomenclatura de Serviços.
💡

Dicas Práticas

Truques e atalhos para agilizar seu dia a dia.

       <a href="#dicas">Ver todas as dicas</a>
📚

Documentação

Manuais técnicos detalhados de cada módulo.

       <a href="#docs">Acessar manuais</a>
🎓

Tutoriais

Guias passo a passo visuais para iniciantes.

       <a href="#tutoriais">Começar a aprender</a>

Fiscal e Tributário

  • <a href="#reforma">Reforma Tributária</a> - Guia 2026-2033
  • <a href="#nfe">Nota Fiscal Eletrônica (NF-e)</a> - Emissão
  • <a href="#nfse">Nota Fiscal de Serviços (NFS-e)</a> - Configuração
  • <a href="#sped">SPED Fiscal</a> - Obrigações

Celta PIX

  • <a href="#pix-conceitos">Conceitos Gerais</a> - Entenda o PIX
  • <a href="#pix-integracao">Integração</a> - Configurando pagamentos
  • <a href="#pix-api">API</a> - Para desenvolvedores

Precisa de ajuda adicional?

✉️
       Email
       [email protected]
📱
       WhatsApp
       (66) 3515-0001
🌐
       Site Oficial
       <a href="https://www.celtasistemas.com.br" target="_blank">celtasistemas.com.br</a>

</body> </html>