.elementor-3 .elementor-element.elementor-element-9c2bf4f{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS */<!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 Cookies | Gurgel do Amaral Advogados</title>
    <!-- Font Awesome for icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <!-- Google Fonts: Montserrat -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        /* CSS Variables for color theme */
        :root {
            --primary: #013F64; /* Changed to client's primary color */
            --secondary: #3498db;
            --accent: #e74c3c;
            --light: #ecf0f1;
            --dark: #2c3e50;
            --success: #27ae60;
            --warning: #f39c12;
            --google-blue: #4285F4;
            --google-red: #EA4335;
            --google-yellow: #FBBC05;
            --google-green: #34A853;
            --meta-blue: #0084FF;
        }
        
        /* General styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Montserrat', sans-serif; /* Changed to Montserrat */
        }
        
        body {
            background-color: #f5f7fa;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        
        /* Header styles */
        header {
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            color: #FFFFFF; /* Explicitly set to white */
            padding: 2rem 0;
            border-radius: 0 0 20px 20px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            margin-bottom: 2rem;
        }
        
        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .logo {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .logo img {
            height: 60px;
        }
        
        .logo-text h1 {
            font-size: 1.8rem;
            margin-bottom: 5px;
        }
        
        .logo-text p {
            font-size: 0.9rem;
            opacity: 0.9;
        }
        
        /* Card styles */
        .card {
            background: #FFFFFF; /* Explicitly set to white */
            border-radius: 10px;
            padding: 25px;
            margin-bottom: 25px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
        }
        
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(0,0,0,0.1);
        }
        
        .card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }
        
        .card-title {
            font-size: 1.5rem;
            color: var(--primary);
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .card-icon {
            font-size: 1.8rem;
            color: var(--secondary);
        }
        
        /* Partner section styles */
        .partners {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .partner-card {
            flex: 1;
            min-width: 250px;
            text-align: center;
            padding: 20px;
            border-radius: 10px;
            background: linear-gradient(145deg, #ffffff, #f0f4f8);
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        }
        
        .partner-card h3 {
            margin: 15px 0 10px;
            color: var(--primary);
            font-size: 1.3rem;
            font-weight: 600;
        }
        
        .partner-card p {
            font-size: 0.9rem;
            color: #666;
        }
        
        .partner-logo {
            height: 50px;
            max-width: 100%;
            max-height: 70px;
            object-fit: contain;
        }
        
        /* Credentials section styles */
        .credential-banner {
            background: linear-gradient(135deg, var(--google-blue), var(--google-green));
            color: #FFFFFF;
            padding: 20px;
            border-radius: 10px;
            margin: 25px 0;
            display: flex;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }
        
        .credential-content {
            flex: 1;
            min-width: 300px;
        }
        
        .credential-badges {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .credential-badge {
            height: 100px;
            width: auto;
            border-radius: 10px;
            transition: transform 0.3s ease;
            object-fit: contain;
            background: #FFFFFF;
            padding: 10px;
            border: 2px solid transparent;
        }
        
        .credential-badge:hover {
            transform: scale(1.05);
        }
        
        .google-badge {
            border-color: var(--google-blue);
        }
        
        .gdg-badge {
            border-color: var(--google-green);
        }
        
        .credential-badge-link {
            display: inline-block;
            transition: all 0.3s ease;
        }
        
        .credential-badge-link:hover {
            transform: scale(1.05);
            opacity: 0.9;
        }
        
        /* Table styles */
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }
        
        th, td {
            padding: 12px 15px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        
        th {
            background-color: var(--primary);
            color: #FFFFFF;
        }
        
        tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        
        tr:hover {
            background-color: #f1f1f1;
        }
        
        /* Button styles */
        .btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: var(--secondary);
            color: #FFFFFF;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
        }
        
        .btn:hover {
            background-color: #2980b9;
            transform: translateY(-2px);
        }
        
        .btn-outline {
            background-color: transparent;
            border: 1px solid var(--secondary);
            color: var(--secondary);
        }
        
        .btn-outline:hover {
            background-color: var(--secondary);
            color: #FFFFFF;
        }
        
        /* Banner styles */
        .commercial-banner {
            background: linear-gradient(135deg, #f8f9fa, #e9ecef);
            border-left: 4px solid var(--secondary);
            padding: 20px;
            border-radius: 8px;
            margin: 25px 0;
        }
        
        .platforms {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
            margin-top: 15px;
        }
        
        .platform-badge {
            display: flex;
            align-items: center;
            gap: 8px;
            background: #FFFFFF;
            padding: 12px 18px;
            border-radius: 30px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
        }
        
        .platform-badge:hover {
            transform: translateY(-3px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.15);
        }
        
        /* Cookie controls styles */
        .cookie-controls {
            display: flex;
            gap: 15px;
            margin: 20px 0;
            flex-wrap: wrap;
        }
        
        .cookie-option {
            flex: 1;
            min-width: 200px;
            padding: 15px;
            border-radius: 8px;
            background: #f8f9fa;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        
        .cookie-icon {
            font-size: 2rem;
            margin-bottom: 10px;
        }
        
        /* Responsive design */
        @media (max-width: 768px) {
            .header-content {
                flex-direction: column;
                gap: 20px;
                text-align: center;
            }
            
            .credential-banner {
                flex-direction: column;
                text-align: center;
            }
            
            .cookie-controls {
                flex-direction: column;
            }
        }
    </style>
</head>
<body>
    <header>
        <div class="container header-content">
            <div class="logo">
                <img src="https://arodrigues.adv.br/wp-content/uploads/2025/07/logotipo-principal-2-1.png" alt="Gurgel do Amaral Advogados"  onerror="this.onerror=null;this.src='https://placehold.co/200x60/013F64/FFFFFF?text=Logo+Error';">
                <div class="logo-text">
                    <h1>Política de Cookies</h1>
                    <p>Transparência e conformidade com a LGPD</p>
                </div>
            </div>
        </div>
    </header>
    
    <main class="container">
        <section class="card">
            <div class="card-header">
                <h2 class="card-title">
                    <i class="fas fa-balance-scale card-icon"></i>
                    A.Rodrigues Sociedade de advogados
                </h2>
            </div>
            <p><strong>CNPJ:</strong> 13.537.601/0001-80</p>
            <p><strong>Endereço:</strong> Avenida Marques de São Vicente, 446, Andar 5 Conj 513 A 517-A - Barra Funda, São Paulo/SP</p>
            <p><strong>CEP:</strong> 01139-001</p>
        </section>
        
        <section class="card">
            <div class="card-header">
                <h2 class="card-title">
                    <i class="fas fa-code-branch card-icon"></i>
                    Ecossistema de Desenvolvimento
                </h2>
            </div>
            
            <div class="partners">
                <div class="partner-card">
                    <img src="https://sousmart.com.br/wp-content/uploads/2022/07/logo-smart.png" alt="A Sou Smart" class="partner-logo" onerror="this.onerror=null;this.src='https://placehold.co/150x50/ffffff/333?text=Sou+Smart';">
                    <h3>- Sou Smart</h3>
                    <p>Tecnologia aplicada ao Direito com inteligência regulatória</p>
                </div>
                
                <div class="partner-card">
                    <img src="https://lp.taggo.com.br/wp-content/uploads/2025/02/logos-taggo-2.png" alt="Taggo" class="partner-logo" style="height:70px;" onerror="this.onerror=null;this.src='https://placehold.co/150x70/ffffff/333?text=Taggo';">
                    <h3>- Taggo Software House</h3>
                    <p>From concept to code: full-stack innovation</p>
                </div>
                
                <div class="partner-card">
                    <img src="https://lp.taggo.com.br/wp-content/uploads/logos-taggo-5.png" alt="Eduardo Gomes" class="partner-logo" onerror="this.onerror=null;this.src='https://placehold.co/150x50/ffffff/333?text=E.+Gomes';">
                    <h3>- Eduardo Gomes</h3>
                    <p>Certificações Google e soluções inovadoras</p>
                    <a href="#credentials" class="btn btn-outline" style="margin-top: 10px;">Ver Credenciais</a>
                </div>
            </div>
        </section>
        
        <section class="card" id="credentials">
            <div class="card-header">
                <h2 class="card-title">
                    <i class="fas fa-award card-icon"></i>
                    Credenciais e Certificações
                </h2>
            </div>
            
            <div class="credential-banner">
                <div class="credential-content">
                    <h3 style="color:white; margin-bottom:15px;">Eduardo Gomes</h3>
                    <p>Desenvolvedor certificado pelo programa Google Developers e membro ativo da comunidade GDG (Google Developers Group), com especialização em desenvolvimento de soluções tecnológicas para o setor jurídico.</p>
                </div>
                
                <div class="credential-badges">
                    <a href="https://g.dev/edugomes323" target="_blank" class="credential-badge-link">
                        <img src="https://res.cloudinary.com/startup-grind/image/upload/c_fill,w_500,h_500,g_center/c_fill,dpr_2.0,f_auto,g_center,q_auto:good/v1/gcs/platform-data-goog/events/blob_DlcE1z0" alt="Google Developer Profile" class="credential-badge google-badge" style="height:100px;" onerror="this.onerror=null;this.src='https://placehold.co/100x100/ffffff/4285F4?text=G+Dev';">
                    </a>
                    <a href="https://gdg.community.dev/u/mn8sjr/" target="_blank" class="credential-badge-link">
                        <img src="https://www.inovex.de/wp-content/uploads/2020/12/communities-gdg.png" alt="GDG Community Profile" class="credential-badge gdg-badge" style="height:100px;" onerror="this.onerror=null;this.src='https://placehold.co/100x100/ffffff/34A853?text=GDG';">
                    </a>
                </div>
            </div>
            
            <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; margin-top: 20px;">
                <div style="background: #f8f9fa; padding: 15px; border-radius: 8px; border-left: 4px solid var(--google-blue);">
                    <h4><i class="fab fa-google" style="color:var(--google-blue);"></i> Google Developer</h4>
                    <p style="font-size:0.9rem;">Desenvolvedor certificado</p>
                </div>
                
                <div style="background: #f8f9fa; padding: 15px; border-radius: 8px; border-left: 4px solid var(--google-green);">
                    <h4><i class="fas fa-users" style="color:var(--google-green);"></i> GDG Member</h4>
                    <p style="font-size:0.9rem;">Membro ativo da comunidade</p>
                </div>
                
                <div style="background: #f8f9fa; padding: 15px; border-radius: 8px; border-left: 4px solid var(--google-red);">
                    <h4><i class="fas fa-certificate" style="color:var(--google-red);"></i> Google I/O</h4>
                    <p style="font-size:0.9rem;">Participante oficial</p>
                </div>
                
                <div style="background: #f8f9fa; padding: 15px; border-radius: 8px; border-left: 4px solid var(--google-yellow);">
                    <h4><i class="fas fa-cloud" style="color:var(--google-yellow);"></i> Google Cloud</h4>
                    <p style="font-size:0.9rem;">Inovador certificado</p>
                </div>
            </div>
        </section>
        
        <section class="card">
            <div class="card-header">
                <h2 class="card-title">
                    <i class="fas fa-bullseye card-icon"></i>
                    Finalidades Comerciais
                </h2>
            </div>
            
            <div class="commercial-banner">
                <h3 style="margin-bottom: 15px;">Este projeto possui fins comerciais</h3>
                <p>Utilizamos tecnologias de marketing digital para:</p>
                <ul style="margin: 15px 0 15px 20px;">
                    <li>Atrair potenciais clientes qualificados</li>
                    <li>Otimizar nossas campanhas de marketing</li>
                    <li>Melhorar a experiência do usuário</li>
                    <li>Medir o desempenho de nossos conteúdos</li>
                </ul>
                
                <h3 style="margin: 25px 0 15px;">Plataformas de Publicidade Utilizadas</h3>
                <div class="platforms">
                    <div class="platform-badge">
                        <img src="https://agenciatrivio.com.br/wp-content/uploads/2024/01/google-ads-trivio-trafego-pago.png" alt="Google Ads" style="height:40px;" onerror="this.onerror=null;this.src='https://placehold.co/40x40/ffffff/333?text=G-Ads';">
                        Google Ads
                    </div>
                    <div class="platform-badge">
                        <img src="https://logodownload.org/wp-content/uploads/2018/03/google-analytics-logo-5.png" alt="Google Analytics" style="height:40px;" onerror="this.onerror=null;this.src='https://placehold.co/40x40/ffffff/333?text=G-Analytics';">
                        Google Analytics
                    </div>
                    <div class="platform-badge">
                        <img src="https://kondado.com.br/assets/images/xconectores_meta_ads.png.pagespeed.ic.EyIV6fqRTc.png" alt="Meta Ads" style="height:40px;" onerror="this.onerror=null;this.src='https://placehold.co/40x40/ffffff/333?text=Meta';">
                        Meta Ads (Facebook/Instagram)
                    </div>
                </div>
            </div>
            
            <h3 style="margin: 25px 0 15px;">Como Funciona o Rastreamento</h3>
            <p>Para atingir esses objetivos comerciais, utilizamos:</p>
            <ul style="margin: 15px 0 15px 20px;">
                <li><strong>Cookies de Publicidade:</strong> Para direcionar anúncios relevantes baseados no comportamento de navegação</li>
                <li><strong>Pixels de Conversão:</strong> Para medir a eficácia das campanhas</li>
                <li><strong>Remarketing:</strong> Para reengajar visitantes que demonstraram interesse</li>
            </ul>
        </section>
        
        <section class="card">
            <div class="card-header">
                <h2 class="card-title">
                    <i class="fas fa-cookie-bite card-icon"></i>
                    Política de Cookies Completa
                </h2>
            </div>
            
            <h3 style="margin-bottom: 15px;">1. O Que São Cookies?</h3>
            <p>Cookies são pequenos arquivos de texto armazenados no seu dispositivo quando você visita nosso site. Eles nos ajudam a:</p>
            <ul style="margin: 15px 0 15px 20px;">
                <li>Melhorar a experiência de navegação</li>
                <li>Personalizar conteúdo e anúncios</li>
                <li>Analisar nosso tráfego</li>
                <li>Garantir a segurança do site</li>
            </ul>
            
            <h3 style="margin: 25px 0 15px;">2. Tipos de Cookies Utilizados</h3>
            <table>
                <thead>
                    <tr>
                        <th>Tipo</th>
                        <th>Finalidade</th>
                        <th>Exemplos</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><strong>Essenciais</strong></td>
                        <td>Funcionalidades básicas do site</td>
                        <td>Autenticação, segurança</td>
                    </tr>
                    <tr>
                        <td><strong>Preferências</strong></td>
                        <td>Lembrar suas configurações</td>
                        <td>Idioma, região</td>
                    </tr>
                    <tr>
                        <td><strong>Estatísticos</strong></td>
                        <td>Analisar uso do site</td>
                        <td>Google Analytics</td>
                    </tr>
                    <tr>
                        <td><strong>Marketing</strong></td>
                        <td>Personalizar anúncios</td>
                        <td>Meta Pixel, Google Ads</td>
                    </tr>
                </tbody>
            </table>
        </section>
        
        <section class="card">
            <div class="card-header">
                <h2 class="card-title">
                    <i class="fas fa-user-shield card-icon"></i>
                    Controle de Cookies
                </h2>
            </div>
            
            <h3 style="margin-bottom: 15px;">Escolha Suas Preferências</h3>
            <div class="cookie-controls">
                <div class="cookie-option">
                    <i class="fas fa-check-circle cookie-icon" style="color:var(--success);"></i>
                    <h4>Aceitar Todos</h4>
                    <p>Concorda com todos os cookies essenciais e de marketing</p>
                </div>
                
                <div class="cookie-option">
                    <i class="fas fa-cog cookie-icon" style="color:var(--secondary);"></i>
                    <h4>Personalizar</h4>
                    <p>Escolha quais categorias de cookies aceitar</p>
                </div>
                
                <div class="cookie-option">
                    <i class="fas fa-times-circle cookie-icon" style="color:var(--warning);"></i>
                    <h4>Rejeitar</h4>
                    <p>Aceita apenas cookies essenciais</p>
                </div>
            </div>
            
            <h3 style="margin: 25px 0 15px;">Configurações por Navegador</h3>
            <p>Você pode gerenciar cookies diretamente nas configurações do seu navegador:</p>
            
            <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; margin-top: 20px;">
                <a href="https://support.google.com/chrome/answer/95647" target="_blank" style="padding: 12px; background: #4285F4; color: white; border-radius: 5px; text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 8px;">
                    <i class="fab fa-chrome"></i> Chrome
                </a>
                <a href="https://support.mozilla.org/pt-BR/kb/gerencie-configuracoes-de-armazenamento-local-de-sit" target="_blank" style="padding: 12px; background: #FF7139; color: white; border-radius: 5px; text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 8px;">
                    <i class="fab fa-firefox"></i> Firefox
                </a>
                <a href="https://support.apple.com/pt-br/guide/safari/sfri11471/mac" target="_blank" style="padding: 12px; background: #000000; color: white; border-radius: 5px; text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 8px;">
                    <i class="fab fa-safari"></i> Safari
                </a>
                <a href="https://support.microsoft.com/pt-br/microsoft-edge/excluir-cookies-no-microsoft-edge-63947406-40ac-c3b8-57b9-2a946a29ae09" target="_blank" style="padding: 12px; background: #0078D7; color: white; border-radius: 5px; text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 8px;">
                    <i class="fab fa-edge"></i> Edge
                </a>
            </div>
        </section>
        
        <section class="card">
            <div class="card-header">
                <h2 class="card-title">
                    <i class="fas fa-shield-alt card-icon"></i>
                    Proteção de Dados e LGPD
                </h2>
            </div>
            
            <p>Nossa política de cookies está em plena conformidade com a Lei Geral de Proteção de Dados (LGPD - Lei 13.709/2018).</p>
            
            <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 15px; margin-top: 20px;">
                <div style="background: #f8f9fa; padding: 15px; border-radius: 8px;">
                    <h4><i class="fas fa-user-check"></i> Consentimento</h4>
                    <p>Só coletamos cookies não essenciais após seu consentimento explícito.</p>
                </div>
                
                <div style="background: #f8f9fa; padding: 15px; border-radius: 8px;">
                    <h4><i class="fas fa-database"></i> Transparência</h4>
                    <p>Informamos claramente sobre todos os cookies utilizados.</p>
                </div>
                
                <div style="background: #f8f9fa; padding: 15px; border-radius: 8px;">
                    <h4><i class="fas fa-user-edit"></i> Controle</h4>
                    <p>Você pode alterar suas preferências a qualquer momento.</p>
                </div>
            </div>
        </section>
    </main>
</body>
</html>/* End custom CSS */