Início
De Celta Sistemas Wiki
Mais ações
<!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.
Navegue por Categoria
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>