Início: mudanças entre as edições
De Celta Sistemas Wiki
Mais ações
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
<!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; | |||
</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=" | <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> | |||
<div class="card-updates"> | |||
<h3>Últimas Atualizações</h3> | |||
<ul class="update-list"> | |||
<li> | |||
<a href="#novos-impostos">Novos Impostos</a> | |||
<span>Novas regras de IVA, IBS e CBS.</span> | |||
</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> | ||
<!-- Navegação por Categoria --> | |||
<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> | <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> | |||
< | <div class="category-card red"> | ||
<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> | |||
<div class="divider"></div> | |||
<div | |||
<!-- Seções de conteúdo --> | |||
<div | <div class="content-grid"> | ||
< | <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 class="content-section purple"> | |||
< | <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 --> | ||
<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 | <div class="help-card"> | ||
<div class="help-icon">📱</div> | |||
<strong>WhatsApp</strong> | |||
<span>(66) 3515-0001</span> | |||
</div> | |||
<div class="help-card"> | |||
<div class="help-icon">🌐</div> | |||
<strong>Site Oficial</strong> | |||
<a href="https://www.celtasistemas.com.br" target="_blank">celtasistemas.com.br</a> | |||
</div> | |||
</div> | |||
</ | |||
</div> | </div> | ||
</ | </body> | ||
</html> | |||
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.
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>