File: /home/onlyfibr/public_html/assinar/politica_privacidade.php
<?php
require_once 'includes/config/config.php'; // Carrega as constantes com os dados da empresa
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Política de Privacidade - <?php echo htmlspecialchars(NOME_EMPRESA); ?></title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome para ícones -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap" rel="stylesheet">
<!-- CSS personalizado -->
<style>
:root {
--primary-color: #2c3e50;
--secondary-color: #3498db;
--accent-color: #e74c3c;
--success-color: #2ecc71;
--warning-color: #f39c12;
--info-color: #1abc9c;
--light-bg: #f8f9fa;
--dark-bg: #2c3e50;
--text-color: #333;
--text-light: #f8f9fa;
--border-radius: 8px;
--box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease-in-out;
}
body {
font-family: 'Nunito', 'Segoe UI', sans-serif;
color: var(--text-color);
line-height: 1.6;
background-color: #f8f9fa;
padding: 0;
margin: 0;
}
.privacy-container {
max-width: 900px;
margin: 0 auto;
padding: 30px;
background-color: #fff;
border-radius: var(--border-radius);
box-shadow: var(--box-shadow);
}
.privacy-header {
text-align: center;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #eaeaea;
background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(44, 62, 80, 0.1));
border-radius: var(--border-radius);
padding: 25px;
}
.privacy-header h1 {
color: var(--primary-color);
font-weight: 700;
font-size: 2.2rem;
margin-bottom: 10px;
}
.privacy-header .company-logo {
max-width: 120px;
margin-bottom: 15px;
}
.privacy-header .privacy-meta {
color: #6c757d;
font-size: 0.9rem;
}
.privacy-header .lgpd-badge {
display: inline-block;
background-color: var(--secondary-color);
color: white;
font-size: 0.8rem;
padding: 4px 12px;
border-radius: 20px;
margin-top: 10px;
font-weight: 600;
}
.privacy-section {
margin-bottom: 30px;
animation: fadeIn 0.5s ease-out forwards;
padding: 0 10px;
}
.privacy-section h2 {
color: var(--primary-color);
font-weight: 700;
font-size: 1.4rem;
padding-bottom: 10px;
border-bottom: 2px solid var(--secondary-color);
margin-bottom: 15px;
display: flex;
align-items: center;
}
.privacy-section h2 i {
margin-right: 10px;
color: var(--secondary-color);
}
.privacy-section p {
margin-bottom: 15px;
font-size: 1rem;
}
.privacy-section ul {
padding-left: 20px;
margin-bottom: 20px;
}
.privacy-section ul li {
margin-bottom: 10px;
position: relative;
padding-left: 5px;
}
.privacy-section ul li strong {
color: var(--primary-color);
}
.data-category {
background-color: var(--light-bg);
border-radius: var(--border-radius);
padding: 20px;
margin: 15px 0;
border-left: 4px solid var(--secondary-color);
}
.data-category h3 {
font-size: 1.1rem;
color: var(--primary-color);
margin-bottom: 15px;
font-weight: 600;
}
.data-category ul {
padding-left: 25px;
}
.data-category li {
margin-bottom: 8px;
}
.legal-basis {
display: flex;
margin-bottom: 15px;
padding: 15px;
border-radius: var(--border-radius);
background-color: white;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.legal-basis-icon {
flex: 0 0 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
color: var(--secondary-color);
margin-right: 15px;
}
.legal-basis-content {
flex: 1;
}
.legal-basis-content h4 {
font-size: 1.1rem;
margin-bottom: 5px;
color: var(--primary-color);
}
.privacy-footer {
text-align: center;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eaeaea;
}
.btn-privacy {
padding: 10px 25px;
font-weight: 600;
border-radius: var(--border-radius);
text-transform: uppercase;
letter-spacing: 0.5px;
transition: var(--transition);
font-size: 0.9rem;
}
.btn-primary {
background: linear-gradient(135deg, var(--secondary-color), #2980b9);
border: none;
box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);
}
.btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(52, 152, 219, 0.4);
background: linear-gradient(135deg, #3498db, #2272a5);
}
.btn-outline-secondary {
border: 2px solid var(--secondary-color);
color: var(--secondary-color);
background: transparent;
}
.btn-outline-secondary:hover {
background-color: var(--secondary-color);
color: white;
transform: translateY(-3px);
}
.privacy-navigation {
display: flex;
justify-content: center;
margin-bottom: 30px;
flex-wrap: wrap;
gap: 5px;
}
.privacy-navigation .nav-item {
margin: 0 3px;
}
.privacy-navigation .nav-link {
font-weight: 600;
color: var(--primary-color);
border-radius: var(--border-radius);
padding: 8px 12px;
font-size: 0.85rem;
transition: var(--transition);
display: flex;
align-items: center;
}
.privacy-navigation .nav-link i {
margin-right: 5px;
}
.privacy-navigation .nav-link:hover {
background-color: rgba(52, 152, 219, 0.1);
}
.privacy-navigation .nav-link.active {
background-color: var(--secondary-color);
color: white;
}
.contact-box {
background-color: var(--light-bg);
border-radius: var(--border-radius);
padding: 20px;
margin-top: 15px;
display: flex;
flex-wrap: wrap;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.contact-item {
flex: 1 0 50%;
min-width: 250px;
padding: 10px;
display: flex;
align-items: flex-start;
}
.contact-icon {
color: var(--secondary-color);
font-size: 1.2rem;
margin-right: 10px;
margin-top: 3px;
}
.contact-details h4 {
font-size: 1rem;
margin: 0 0 5px 0;
color: var(--primary-color);
}
.contact-details p {
margin: 0;
font-size: 0.95rem;
}
/* Animações */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* Print-friendly styles */
@media print {
.privacy-container {
box-shadow: none;
max-width: 100%;
padding: 0;
}
.privacy-footer, .no-print {
display: none;
}
.privacy-section {
page-break-inside: avoid;
}
body {
background-color: #fff;
font-size: 12pt;
}
}
/* Responsive adjustments */
@media (max-width: 768px) {
.privacy-container {
padding: 20px;
margin: 0;
border-radius: 0;
}
.privacy-header h1 {
font-size: 1.8rem;
}
.privacy-navigation {
flex-wrap: wrap;
justify-content: flex-start;
}
.privacy-navigation .nav-item {
margin-bottom: 8px;
}
.contact-item {
flex: 1 0 100%;
}
}
</style>
</head>
<body>
<div class="privacy-container">
<div class="privacy-header">
<!-- <img src="assets/images/logo.png" alt="Logo" class="company-logo"> -->
<h1>Política de Privacidade</h1>
<p class="privacy-meta">
<span><i class="fas fa-building me-1"></i><?php echo htmlspecialchars(NOME_EMPRESA); ?></span> •
<span><i class="fas fa-calendar-alt me-1"></i>Última atualização: <?php echo date('d/m/Y'); ?></span>
</p>
<div class="lgpd-badge">
<i class="fas fa-shield-alt me-1"></i> Em conformidade com a LGPD
</div>
</div>
<!-- Navegação rápida -->
<nav class="privacy-navigation no-print">
<div class="nav nav-pills">
<div class="nav-item">
<a href="#intro" class="nav-link"><i class="fas fa-info-circle"></i> Introdução</a>
</div>
<div class="nav-item">
<a href="#data" class="nav-link"><i class="fas fa-database"></i> Dados</a>
</div>
<div class="nav-item">
<a href="#purposes" class="nav-link"><i class="fas fa-tasks"></i> Finalidades</a>
</div>
<div class="nav-item">
<a href="#sharing" class="nav-link"><i class="fas fa-share-alt"></i> Compartilhamento</a>
</div>
<div class="nav-item">
<a href="#security" class="nav-link"><i class="fas fa-lock"></i> Segurança</a>
</div>
<div class="nav-item">
<a href="#rights" class="nav-link"><i class="fas fa-user-shield"></i> Seus Direitos</a>
</div>
<div class="nav-item">
<a href="#contact" class="nav-link"><i class="fas fa-envelope"></i> Contato</a>
</div>
</div>
</nav>
<!-- Introdução -->
<div id="intro" class="privacy-section">
<p>A <strong><?php echo htmlspecialchars(NOME_EMPRESA); ?></strong>, inscrita no CNPJ sob o nº <?php echo htmlspecialchars(CNPJ_EMPRESA); ?>, com sede em <?php echo htmlspecialchars(ENDERECO_EMPRESA); ?>, <?php echo htmlspecialchars(CIDADE_EMPRESA); ?>-<?php echo htmlspecialchars(ESTADO_EMPRESA); ?>, está comprometida em proteger sua privacidade. Esta Política descreve como tratamos seus dados pessoais em conformidade com a Lei Geral de Proteção de Dados Pessoais (LGPD - Lei nº 13.709/2018), especialmente no contexto do <?php echo htmlspecialchars(NOME_PORTAL); ?> ("Portal") e do formulário de Pré-Cadastro.</p>
</div>
<!-- Controlador de Dados -->
<div class="privacy-section">
<h2><i class="fas fa-building"></i>1. Controlador de Dados</h2>
<p>O controlador dos seus dados é a <?php echo htmlspecialchars(NOME_EMPRESA); ?>.</p>
</div>
<!-- Dados Pessoais Coletados -->
<div id="data" class="privacy-section">
<h2><i class="fas fa-database"></i>2. Dados Pessoais Coletados</h2>
<p>Coletamos dados que você fornece diretamente (Pré-Cadastro, Meu Perfil, Solicitações, Chamados) e dados gerados durante o uso do Portal ou obtidos via integração com sistemas de gestão (SGP), tais como:</p>
<div class="data-category">
<h3><i class="fas fa-id-card me-2"></i>Dados de Identificação</h3>
<ul>
<li>Nome completo</li>
<li>CPF/CNPJ</li>
<li>RG</li>
<li>Data de Nascimento</li>
<li>Razão Social (para pessoas jurídicas)</li>
<li>Nome Fantasia (para pessoas jurídicas)</li>
</ul>
</div>
<div class="data-category">
<h3><i class="fas fa-address-book me-2"></i>Dados de Contato</h3>
<ul>
<li>Endereço de e-mail</li>
<li>Número de telefone/celular</li>
</ul>
</div>
<div class="data-category">
<h3><i class="fas fa-map-marker-alt me-2"></i>Dados de Endereço</h3>
<ul>
<li>CEP</li>
<li>Logradouro</li>
<li>Número</li>
<li>Complemento</li>
<li>Bairro</li>
<li>Cidade</li>
<li>UF</li>
</ul>
</div>
<div class="data-category">
<h3><i class="fas fa-sign-in-alt me-2"></i>Dados de Acesso ao Portal</h3>
<ul>
<li>CPF/CNPJ</li>
<li>Senha (armazenada em formato hash)</li>
<li>Logs de acesso (IP, data/hora, ações realizadas)</li>
</ul>
</div>
<div class="data-category">
<h3><i class="fas fa-wifi me-2"></i>Dados do Serviço Contratado</h3>
<ul>
<li>ID do Contrato</li>
<li>ID do Cliente no SGP</li>
<li>Plano Contratado</li>
<li>Status do Contrato e da Conexão</li>
<li>Login/Senha de Serviço (se aplicável)</li>
<li>Histórico de Faturas e Notas Fiscais</li>
<li>Detalhes de Chamados Abertos</li>
<li>Equipamentos em Comodato</li>
</ul>
</div>
<div class="data-category">
<h3><i class="fas fa-cookie-bite me-2"></i>Cookies</h3>
<ul>
<li>Cookies essenciais para funcionamento do portal</li>
<li>Cookies analíticos e de marketing (apenas com consentimento)</li>
</ul>
</div>
</div>
<!-- Finalidade e Base Legal -->
<div id="purposes" class="privacy-section">
<h2><i class="fas fa-tasks"></i>3. Finalidade e Base Legal (LGPD)</h2>
<p>Tratamos seus dados para as seguintes finalidades, de acordo com as bases legais estabelecidas pela LGPD:</p>
<div class="legal-basis">
<div class="legal-basis-icon">
<i class="fas fa-file-contract"></i>
</div>
<div class="legal-basis-content">
<h4>Execução de Contrato</h4>
<p>Fornecimento do serviço, gerenciamento da sua conta, processamento de pré-cadastro, atendimento a solicitações e chamados, emissão de cobranças e notas fiscais.</p>
</div>
</div>
<div class="legal-basis">
<div class="legal-basis-icon">
<i class="fas fa-balance-scale"></i>
</div>
<div class="legal-basis-content">
<h4>Cumprimento de Obrigação Legal</h4>
<p>Guarda de logs conforme Marco Civil da Internet, emissão de documentos fiscais, atendimento a ordens judiciais.</p>
</div>
</div>
<div class="legal-basis">
<div class="legal-basis-icon">
<i class="fas fa-clipboard-check"></i>
</div>
<div class="legal-basis-content">
<h4>Legítimo Interesse</h4>
<p>Melhorias no portal, prevenção de fraudes, comunicações sobre o serviço.</p>
</div>
</div>
<div class="legal-basis">
<div class="legal-basis-icon">
<i class="fas fa-check-circle"></i>
</div>
<div class="legal-basis-content">
<h4>Consentimento</h4>
<p>Para o pré-cadastro (aceite dos termos), envio de comunicações de marketing (com opção de opt-out), utilização de cookies não essenciais.</p>
</div>
</div>
</div>
<!-- Compartilhamento de Dados -->
<div id="sharing" class="privacy-section">
<h2><i class="fas fa-share-alt"></i>4. Compartilhamento de Dados</h2>
<p>Podemos compartilhar seus dados com:</p>
<ul>
<li><strong>Sistemas de Gestão (SGP):</strong> Para consulta e atualização de informações essenciais ao serviço e ao portal.</li>
<li><strong>Prestadores de Serviço:</strong> Parceiros que nos auxiliam (hospedagem, análise, gateways de pagamento), sob sigilo e conformidade com a LGPD.</li>
<li><strong>Autoridades:</strong> Se exigido por lei ou ordem judicial.</li>
</ul>
<p class="alert alert-info">
<i class="fas fa-info-circle me-2"></i>Não vendemos seus dados pessoais a terceiros.
</p>
</div>
<!-- Armazenamento e Segurança -->
<div id="security" class="privacy-section">
<h2><i class="fas fa-lock"></i>5. Armazenamento e Segurança</h2>
<p>Seus dados são armazenados em ambiente seguro com medidas técnicas e administrativas para protegê-los. São mantidos pelo tempo necessário para as finalidades descritas, cumprimento legal ou defesa em processos.</p>
<div class="alert alert-secondary">
<h5><i class="fas fa-shield-alt me-2"></i>Nossas medidas de segurança incluem:</h5>
<ul class="mb-0">
<li>Criptografia de dados sensíveis</li>
<li>Senhas armazenadas em formato hash</li>
<li>Controle de acesso aos sistemas</li>
<li>Atualizações regulares de segurança</li>
<li>Treinamento da equipe sobre proteção de dados</li>
</ul>
</div>
</div>
<!-- Seus Direitos como Titular -->
<div id="rights" class="privacy-section">
<h2><i class="fas fa-user-shield"></i>6. Seus Direitos como Titular (LGPD)</h2>
<p>Conforme a LGPD, você tem os seguintes direitos em relação aos seus dados pessoais:</p>
<div class="row">
<div class="col-md-6 mb-3">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title"><i class="fas fa-search me-2"></i>Confirmação e Acesso</h5>
<p class="card-text">Confirmar a existência de tratamento e acessar seus dados.</p>
</div>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title"><i class="fas fa-edit me-2"></i>Correção</h5>
<p class="card-text">Solicitar a correção de dados incompletos ou desatualizados.</p>
</div>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title"><i class="fas fa-eye-slash me-2"></i>Anonimização/Bloqueio/Eliminação</h5>
<p class="card-text">Solicitar anonimização, bloqueio ou eliminação de dados desnecessários ou excessivos (sujeito a condições legais).</p>
</div>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title"><i class="fas fa-exchange-alt me-2"></i>Portabilidade</h5>
<p class="card-text">Solicitar a portabilidade dos dados para outro fornecedor de serviço.</p>
</div>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title"><i class="fas fa-info-circle me-2"></i>Informação</h5>
<p class="card-text">Ser informado sobre compartilhamento de dados e consequências de não fornecer consentimento.</p>
</div>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title"><i class="fas fa-undo me-2"></i>Revogação do Consentimento</h5>
<p class="card-text">Revogar o consentimento a qualquer momento.</p>
</div>
</div>
</div>
</div>
<p class="alert alert-success mt-3">
<i class="fas fa-info-circle me-2"></i>Para exercer seus direitos, entre em contato conosco pelos canais indicados na seção "Contato e Encarregado (DPO)".
</p>
</div>
<!-- Cookies -->
<div class="privacy-section">
<h2><i class="fas fa-cookie-bite"></i>7. Cookies</h2>
<p>Utilizamos cookies para melhorar sua experiência em nosso portal. Cookies são pequenos arquivos armazenados no seu navegador que nos ajudam a lembrar suas preferências e entender como você interage com nosso site.</p>
<div class="alert alert-light">
<h5><i class="fas fa-cookie me-2"></i>Tipos de cookies que utilizamos:</h5>
<ul class="mb-0">
<li><strong>Cookies essenciais:</strong> Necessários para o funcionamento básico do portal e login.</li>
<li><strong>Cookies analíticos:</strong> Ajudam a melhorar o site, coletando informações sobre como é utilizado.</li>
<li><strong>Cookies de preferências:</strong> Lembram suas escolhas para melhorar sua experiência.</li>
</ul>
</div>
<p>Você pode gerenciar as configurações de cookies através do seu navegador, incluindo a opção de recusar certos tipos de cookies.</p>
</div>
<!-- Alterações nesta Política -->
<div class="privacy-section">
<h2><i class="fas fa-edit"></i>8. Alterações nesta Política</h2>
<p>Podemos atualizar esta Política de Privacidade periodicamente. A versão mais recente estará sempre disponível no Portal. Alterações significativas serão comunicadas por meio dos canais apropriados.</p>
</div>
<!-- Contato e Encarregado -->
<div id="contact" class="privacy-section">
<h2><i class="fas fa-envelope"></i>9. Contato e Encarregado (DPO)</h2>
<p>Se você tiver dúvidas sobre privacidade ou quiser exercer seus direitos, entre em contato com nosso Encarregado pela Proteção de Dados (DPO):</p>
<div class="contact-box">
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-user-tie"></i>
</div>
<div class="contact-details">
<h4>Encarregado (DPO)</h4>
<p><?php echo htmlspecialchars(NOME_DPO); ?></p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-envelope"></i>
</div>
<div class="contact-details">
<h4>Email para Contato (Privacidade)</h4>
<p><?php echo htmlspecialchars(EMAIL_DPO); ?></p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-building"></i>
</div>
<div class="contact-details">
<h4>Empresa</h4>
<p><?php echo htmlspecialchars(NOME_EMPRESA); ?></p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="contact-details">
<h4>Endereço</h4>
<p><?php echo htmlspecialchars(ENDERECO_EMPRESA); ?></p>
</div>
</div>
</div>
</div>
<!-- Footer com botões -->
<div class="privacy-footer no-print">
<div class="d-flex justify-content-center gap-3">
<button type="button" class="btn btn-privacy btn-outline-secondary" onclick="window.print()">
<i class="fas fa-print me-2"></i>Imprimir
</button>
</div>
</div>
</div>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Script para scroll suave para âncoras -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Scroll suave para âncoras
document.querySelectorAll('.nav-link').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
// Remove active de todos
document.querySelectorAll('.nav-link').forEach(item => {
item.classList.remove('active');
});
// Adiciona active ao clicado
this.classList.add('active');
// Scroll suave
const targetId = this.getAttribute('href');
const targetElement = document.querySelector(targetId);
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 100,
behavior: 'smooth'
});
}
});
});
// Marcar seção ativa no scroll
window.addEventListener('scroll', function() {
const sections = document.querySelectorAll('.privacy-section[id]');
let currentSection = '';
sections.forEach(section => {
const sectionTop = section.offsetTop - 150;
const sectionHeight = section.offsetHeight;
if (window.pageYOffset >= sectionTop && window.pageYOffset < sectionTop + sectionHeight) {
currentSection = '#' + section.getAttribute('id');
}
});
if (currentSection) {
document.querySelectorAll('.nav-link').forEach(link => {
link.classList.remove('active');
if (link.getAttribute('href') === currentSection) {
link.classList.add('active');
}
});
}
});
});
</script>
</body>
</html>