<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://recifes.digital/</loc>
    <changefreq>weekly</changefreq>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=services</loc>
    <changefreq>weekly</changefreq>
    <priority>0.9</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=seo-planos</loc>
    <changefreq>weekly</changefreq>
    <priority>0.9</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=servicos-seo</loc>
    <changefreq>monthly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=assessoria-imprensa</loc>
    <changefreq>monthly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=freemium-dashboard</loc>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://recifes.digital/diagnostico</loc>
    <changefreq>monthly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://recifes.digital/privacy-policy</loc>
    <changefreq>yearly</changefreq>
    <priority>0.2</priority>
  </url>
  <url>
    <loc>https://recifes.digital/terms-of-service</loc>
    <changefreq>yearly</changefreq>
    <priority>0.2</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=services-show&amp;slug=all-in-one</loc>
    <lastmod>2026-03-13</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=services-show&amp;slug=criacao-de-sites</loc>
    <lastmod>2026-03-23</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=services-show&amp;slug=datamax-audiences</loc>
    <lastmod>2026-03-23</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=services-show&amp;slug=email</loc>
    <lastmod>2026-03-23</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=services-show&amp;slug=google-ads</loc>
    <lastmod>2026-03-06</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=services-show&amp;slug=meta-ads</loc>
    <lastmod>2026-03-10</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=services-show&amp;slug=recifes-ads</loc>
    <lastmod>2026-03-13</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=services-show&amp;slug=tiktok_ads</loc>
    <lastmod>2026-02-20</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://recifes.digital/?page=services-show&amp;slug=whatsapp</loc>
    <lastmod>2026-03-23</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.7</priority>
  </url>
</urlset>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="/public/uploads/logos/logo_favicon_1771297981.png" type="image/x-icon">
    <link rel="shortcut icon" href="/public/uploads/logos/logo_favicon_1771297981.png" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Erro 500 · Marketing Digital com IA | Recifes Digital</title>
    <meta name="description" content="Recifes Digital é a plataforma de marketing 360º com IA: Google Ads, Meta Ads, SEO, assessoria de imprensa, WhatsApp e e-mail marketing em um só lugar.">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1">
    <link rel="canonical" href="https://recifes.digital/">
    <link rel="alternate" hreflang="pt-BR" href="https://recifes.digital/">
    <meta property="og:url" content="https://recifes.digital/">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Recifes Digital">
    <meta property="og:locale" content="pt_BR">
    <meta property="og:title" content="Erro 500 · Marketing Digital com IA | Recifes Digital">
    <meta property="og:description" content="Recifes Digital é a plataforma de marketing 360º com IA: Google Ads, Meta Ads, SEO, assessoria de imprensa, WhatsApp e e-mail marketing em um só lugar.">
    <meta property="og:image" content="https://recifes.digital/public/images/recifes.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Erro 500 · Marketing Digital com IA | Recifes Digital">
    <meta name="twitter:description" content="Recifes Digital é a plataforma de marketing 360º com IA: Google Ads, Meta Ads, SEO, assessoria de imprensa, WhatsApp e e-mail marketing em um só lugar.">
    <meta name="twitter:image" content="https://recifes.digital/public/images/recifes.png">
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://recifes.digital/#organization","name":"Recifes Digital","url":"https://recifes.digital/","logo":"https://recifes.digital/public/images/recifes.png","sameAs":["https://recifes.net"],"contactPoint":{"@type":"ContactPoint","telephone":"+55-11-4003-4425","contactType":"sales","areaServed":"BR","availableLanguage":["Portuguese"]}}</script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://recifes.digital/#website","name":"Recifes Digital","url":"https://recifes.digital/","inLanguage":"pt-BR","publisher":{"@id":"https://recifes.digital/#organization"}}</script>
    
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
    <link rel="manifest" href="/public/manifest.webmanifest">
    <meta name="theme-color" content="#06b6d4">

    
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
        * { font-family: 'Inter', sans-serif; }

        body { background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%); min-height: 100vh; }

        /* ── Glass utilities ── */
        .glass-soft   { background: rgba(255,255,255,.05); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.1); }
        .glass-strong { background: rgba(255,255,255,.10); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,.2); }

        /* ── Header ── */
        .header-fixed {
            position: sticky; top: 0; z-index: 1000;
            background: rgba(15,23,42,.97);
            backdrop-filter: blur(24px);
            border-bottom: 1px solid rgba(255,255,255,.08);
        }

        /* ── Dropdown ── */
        .dropdown { position: relative; }
        .dropdown-menu {
            display: none; position: absolute; top: calc(100% + 6px); left: 50%; transform: translateX(-50%);
            min-width: 210px;
            background: rgba(15,23,42,.98);
            border: 1px solid rgba(255,255,255,.1);
            border-radius: .75rem;
            box-shadow: 0 16px 48px rgba(0,0,0,.6);
            overflow: hidden;
        }
        .dropdown-menu.align-right { left: auto; right: 0; transform: none; }
        .dropdown:hover .dropdown-menu,
        .dropdown.active .dropdown-menu { display: block; }
        .dropdown-menu a, .dropdown-menu button {
            display: flex; align-items: center; gap: .5rem;
            width: 100%; padding: .55rem 1rem; font-size: .8rem;
            color: #cbd5e1; white-space: nowrap;
            transition: background .15s;
        }
        .dropdown-menu a:hover, .dropdown-menu button:hover { background: rgba(255,255,255,.07); color: #fff; }
        .dropdown-menu .menu-section {
            padding: .4rem 1rem .25rem;
            font-size: .65rem; font-weight: 700;
            text-transform: uppercase; letter-spacing: .08em;
            color: rgba(255,255,255,.35);
            border-top: 1px solid rgba(255,255,255,.07);
            margin-top: .25rem;
        }
        .dropdown-menu .menu-section:first-child { border-top: none; margin-top: 0; }

        /* ── Badges ── */
        .admin-badge { background: linear-gradient(135deg, #f59e0b, #ef4444); animation: pulse 2s infinite; }
        .agency-badge { background: linear-gradient(135deg, #8b5cf6, #06b6d4); }
        @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.8} }

        /* ── Mobile menu ── */
        .mobile-menu { transform: translateX(-100%); transition: transform .3s ease; }
        .mobile-menu.active { transform: translateX(0); }
        @media (max-width:1200px) { .desktop-only { display:none !important; } }
        @media (min-width:1201px) { .mobile-only  { display:none !important; } }

        /* ── Logo ── */
        .logo-recifes { transition: all .25s ease; }
        .logo-recifes:hover { opacity: .85; }

        /* ── Forms (compartilhados com views) ── */
        .form-group   { margin-bottom: 1.25rem; }
        .form-label   { display:block; font-weight:600; color:#e2e8f0; margin-bottom:.4rem; font-size:.875rem; }
        .form-input, .form-select, .form-textarea {
            width:100%; padding:.7rem 1rem;
            background: rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
            border-radius:.5rem; color:#fff; font-size:.875rem; transition:all .2s;
        }
        .form-input:focus, .form-select:focus, .form-textarea:focus {
            outline:none; border-color:#06b6d4; background:rgba(255,255,255,.08);
            box-shadow:0 0 0 3px rgba(6,182,212,.12);
        }
        .form-select { cursor:pointer; }
        .form-textarea { resize:vertical; min-height:90px; }

        /* ── Buttons ── */
        .btn-primary {
            display:inline-flex; align-items:center; justify-content:center;
            padding:.7rem 1.4rem;
            background:linear-gradient(135deg,#06b6d4,#3b82f6);
            color:#fff; font-weight:600; border-radius:.5rem; border:none;
            cursor:pointer; transition:all .3s; text-decoration:none;
        }
        .btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 20px -4px rgba(6,182,212,.4); }
        .btn-primary:disabled { opacity:.5; cursor:not-allowed; transform:none; }
        .btn-secondary {
            display:inline-flex; align-items:center; justify-content:center;
            padding:.7rem 1.4rem;
            background:rgba(255,255,255,.08); color:#fff; font-weight:600;
            border-radius:.5rem; border:1px solid rgba(255,255,255,.15);
            cursor:pointer; transition:all .3s; text-decoration:none;
        }
        .btn-secondary:hover { background:rgba(255,255,255,.14); }
        .btn-sm  { padding:.45rem .9rem; font-size:.8rem; }
        .btn-lg  { padding:.9rem 2rem; font-size:1.1rem; }

        /* ── Alerts ── */
        .alert { padding:.9rem 1.25rem; border-radius:.5rem; margin-bottom:1rem; font-size:.875rem; }
        .alert-success { background:rgba(16,185,129,.1);  border:1px solid rgba(16,185,129,.3); color:#10b981; }
        .alert-error   { background:rgba(239,68,68,.1);   border:1px solid rgba(239,68,68,.3);  color:#ef4444; }
        .alert-warning { background:rgba(245,158,11,.1);  border:1px solid rgba(245,158,11,.3); color:#f59e0b; }
        .alert-info    { background:rgba(59,130,246,.1);  border:1px solid rgba(59,130,246,.3); color:#3b82f6; }

        /* ── Cards ── */
        .card-kpi { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius:.75rem; padding:1.25rem; }
        .kpi-label { font-size:.75rem; color:#94a3b8; text-transform:uppercase; letter-spacing:.04em; }
        .kpi-value { font-size:1.8rem; font-weight:700; margin:.25rem 0; }
        .kpi-trend.positive { color:#10b981; font-size:.75rem; }
        .kpi-trend.neutral  { color:#64748b; font-size:.75rem; }
        .kpi-trend.negative { color:#ef4444; font-size:.75rem; }
        .glass { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:.75rem; }

        /* ── Page container (módulos Social / ContentStudio) ── */
        .page-container {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            color: #e2e8f0;
        }
        /* Forçar legibilidade de cards com fundo claro (light theme → dark app) */
        .page-container [style*="background:#fff"],
        .page-container [style*="background: #fff"] {
            background: rgba(255,255,255,.07) !important;
            border-color: rgba(255,255,255,.12) !important;
        }
        .page-container [style*="background:#f9fafb"],
        .page-container [style*="background:#f3f4f6"] {
            background: rgba(255,255,255,.04) !important;
            border-color: rgba(255,255,255,.08) !important;
        }
        /* Textos escuros → claros */
        .page-container [style*="color:#111827"] { color: #f1f5f9 !important; }
        .page-container [style*="color:#374151"] { color: #e2e8f0 !important; }
        .page-container [style*="color:#1f2937"] { color: #e2e8f0 !important; }
        .page-container [style*="color:#6b7280"] { color: #94a3b8 !important; }
        .page-container [style*="color:#9ca3af"] { color: #64748b !important; }
        /* Bordas claras → semitransparentes */
        .page-container [style*="border:1px solid #e5e7eb"],
        .page-container [style*="border: 1px solid #e5e7eb"] {
            border-color: rgba(255,255,255,.12) !important;
        }
        /* Inputs / textareas */
        .page-container input:not([type=color]):not([type=checkbox]):not([type=radio]),
        .page-container textarea,
        .page-container select {
            background: rgba(255,255,255,.08) !important;
            border-color: rgba(255,255,255,.15) !important;
            color: #e2e8f0 !important;
        }
        /* 2026-08-18 fix: o popup nativo de <option> de um <select> ignora o
           background translucido do select (rgba .08) e renderiza sobre fundo
           branco do SO -- com color #e2e8f0 (quase branco) ficava ilegivel.
           Fundo solido garante contraste em qualquer navegador/SO. */
        .page-container select option {
            background: #1e293b !important;
            color: #e2e8f0 !important;
        }
        .page-container input::placeholder,
        .page-container textarea::placeholder { color: #64748b !important; }
        /* Botões e links de ação */
        .page-container .btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 8px 18px;
            border-radius: 8px;
            font-size: .875rem;
            font-weight: 600;
            text-decoration: none;
            border: none;
            cursor: pointer;
            transition: opacity .15s;
        }
        .page-container .btn-primary   { background: #6366f1; color: #fff; }
        .page-container .btn-secondary { background: rgba(255,255,255,.08); color: #e2e8f0; border: 1px solid rgba(255,255,255,.12); }
        .page-container .btn:hover     { opacity: .85; }
        /* Tabs de status */
        .page-container [style*="background:#f3f4f6"] a,
        .page-container [style*="background:#f3f4f6"] { color: #94a3b8 !important; }
    </style>

    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CN11PE4BE5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-CN11PE4BE5');
</script>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1255186803218579');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1255186803218579&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- Meta Pixel Code — Cubee / Recifes Digital -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2344411542749148');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2344411542749148&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code --></head>
<body class="text-white">

<!-- ═══════════════════════════════════════════════════════════
     HEADER FIXO
═══════════════════════════════════════════════════════════════ -->
<header class="header-fixed">
<div class="container mx-auto px-4">
<div class="flex items-center justify-between h-16 gap-2">

    <!-- ── Logo ── -->
    <a href="/?page=home" class="logo-recifes flex items-center gap-2 shrink-0">
        <img src="/public/uploads/logos/logo_horizontal_1771328742.png"
             alt="Recifes Digital"
             class="h-9 w-auto"
             onerror="this.style.display='none';this.nextElementSibling.style.display='flex'">
        <span style="display:none;align-items:center;gap:.4rem;">
            <svg width="28" height="28" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                <defs><linearGradient id="lg" x1="0%" y1="0%" x2="100%" y2="100%">
                    <stop offset="0%" style="stop-color:#06b6d4"/>
                    <stop offset="100%" style="stop-color:#3b82f6"/>
                </linearGradient></defs>
                <path d="M4 16 Q8 10 12 16 T20 16" stroke="url(#lg)" stroke-width="2.5" fill="none" stroke-linecap="round"/>
                <path d="M4 20 Q8 14 12 20 T20 20" stroke="url(#lg)" stroke-width="2.5" fill="none" stroke-linecap="round" opacity=".6"/>
                <circle cx="24" cy="16" r="2.5" fill="#06b6d4"/>
            </svg>
            <span style="font-size:1.1rem;font-weight:700;color:#fff">Recifes Digital</span>
        </span>
    </a>

    <!-- ── Desktop Nav ── -->
        <!-- ── Nav para visitantes ── -->
    <nav class="desktop-only flex items-center gap-2 text-xs ml-auto">
        <a href="/?page=freemium-dashboard" class="text-gray-300 hover:text-white transition px-2 py-1.5">Análise Grátis com IA</a>
        <a href="/?page=services" class="text-gray-300 hover:text-white transition px-2 py-1.5">Serviços</a>
        <a href="/?page=seo-planos" class="text-gray-300 hover:text-white transition px-2 py-1.5">SEO Autopilot</a>
        <a href="/?page=login" class="text-gray-300 hover:text-white transition px-2 py-1.5">Entrar</a>

        <!-- ── Language Selector (Visitor) ── -->
        <div class="mr-1">
            <label for="visitor-locale" class="sr-only">Idioma</label>
            <select id="visitor-locale" class="bg-black/30 border border-white/10 rounded-lg px-2 py-1 text-xs text-gray-200 cursor-pointer">
                <option value="pt-BR" selected>PT-BR</option>
                <option value="en" >EN</option>
                <option value="es" >ES</option>
            </select>
        </div>

        <a href="/?page=register" class="bg-gradient-to-r from-blue-500 to-purple-600 px-5 py-2 rounded-lg font-semibold hover:shadow-lg hover:shadow-purple-500/30 transition">
            Começar Grátis        </a>
    </nav>
    
    <!-- ── Mobile hamburger ── -->
    <button id="mobile-menu-btn" class="mobile-only text-white text-xl p-2">
        <i class="fas fa-bars"></i>
    </button>

</div>
</div>
</header>


<!-- ═══════════════════════════════════════════════════════════
     MENU MOBILE (drawer lateral)
═══════════════════════════════════════════════════════════════ -->
<div id="mobile-menu" class="mobile-menu mobile-only fixed top-0 left-0 w-80 h-full glass-strong z-50 shadow-2xl overflow-y-auto">
<div class="p-5">

    <button id="mobile-menu-close" class="absolute top-4 right-4 text-white text-xl">
        <i class="fas fa-times"></i>
    </button>
    <div class="mt-10 px-3">
        <label for="mobile-locale" class="text-xs text-gray-400">Idioma</label>
        <select id="mobile-locale" class="mt-1 w-full bg-black/30 border border-white/10 rounded-lg px-3 py-2 text-sm text-gray-200">
            <option value="pt-BR" selected>Português (BR)</option>
            <option value="en" >English</option>
            <option value="es" >Español</option>
        </select>
    </div>

            <nav class="space-y-2 text-sm">
            <a href="/?page=freemium-dashboard" class="flex items-center gap-3 px-3 py-3 rounded-lg hover:bg-white/8 transition"><i class="fas fa-chart-line w-4 text-center text-green-400"></i> Análise Grátis com IA</a>
            <a href="/?page=services"           class="flex items-center gap-3 px-3 py-3 rounded-lg hover:bg-white/8 transition"><i class="fas fa-th w-4 text-center"></i> Serviços</a>
            <a href="/?page=seo-planos"         class="flex items-center gap-3 px-3 py-3 rounded-lg hover:bg-white/8 transition"><i class="fas fa-rocket w-4 text-center text-cyan-400"></i> SEO Autopilot</a>
            <a href="/?page=login"              class="flex items-center gap-3 px-3 py-3 rounded-lg hover:bg-white/8 transition"><i class="fas fa-sign-in-alt w-4 text-center"></i> Entrar</a>
            <a href="/?page=register"           class="flex items-center justify-center gap-2 px-3 py-3 rounded-lg bg-gradient-to-r from-blue-500 to-purple-600 font-semibold mt-2">Começar Grátis</a>
        </nav>
    
</div>
</div>

<!-- Overlay mobile -->
<div id="mobile-menu-overlay" class="mobile-only fixed inset-0 bg-black/60 z-40 hidden"></div>

<script>
(function() {
    const btn     = document.getElementById('mobile-menu-btn');
    const menu    = document.getElementById('mobile-menu');
    const close   = document.getElementById('mobile-menu-close');
    const overlay = document.getElementById('mobile-menu-overlay');

    function open()  { menu.classList.add('active');    overlay.classList.remove('hidden'); document.body.style.overflow='hidden'; }
    function shut()  { menu.classList.remove('active'); overlay.classList.add('hidden');    document.body.style.overflow=''; }

    btn     && btn.addEventListener('click',    open);
    close   && close.addEventListener('click',  shut);
    overlay && overlay.addEventListener('click', shut);

    // Dropdowns desktop
    document.querySelectorAll('.dropdown > button').forEach(b => {
        b.addEventListener('click', e => {
            e.preventDefault(); e.stopPropagation();
            const d = b.closest('.dropdown');
            document.querySelectorAll('.dropdown').forEach(x => x !== d && x.classList.remove('active'));
            d.classList.toggle('active');
        });
    });
    document.addEventListener('click', () =>
        document.querySelectorAll('.dropdown').forEach(d => d.classList.remove('active'))
    );

    const localeSelect = document.getElementById('header-locale');
    const mobileLocale = document.getElementById('mobile-locale');
    const visitorLocale = document.getElementById('visitor-locale');
    const switchLocale = (value) => {
        const current = window.location.pathname + window.location.search;
        const url = new URL(window.location.origin + '/');
        url.searchParams.set('set_locale', value);
        url.searchParams.set('return_url', current);
        window.location.href = url.toString();
    };
    localeSelect && localeSelect.addEventListener('change', function(){ switchLocale(this.value); });
    mobileLocale && mobileLocale.addEventListener('change', function(){ switchLocale(this.value); });
    visitorLocale && visitorLocale.addEventListener('change', function(){ switchLocale(this.value); });
})();
</script>

<!-- Main Content Wrapper -->
<main class="container mx-auto px-4 py-8">

        <div class="min-h-[70vh] flex items-center justify-center">
            <div class="text-center max-w-xl mx-auto px-6">
                <!-- Ícone animado -->
                <div class="relative mb-8">
                    <div class="w-32 h-32 mx-auto rounded-full bg-gradient-to-br from-cyan-500/20 to-blue-500/20 flex items-center justify-center animate-pulse">
                        <div class="w-24 h-24 rounded-full bg-gradient-to-br from-cyan-500/30 to-blue-500/30 flex items-center justify-center">
                                                            <i class="fas fa-exclamation-triangle text-5xl text-yellow-400"></i>
                                                    </div>
                    </div>
                </div>

                <!-- Código do erro -->
                <h1 class="text-8xl font-black mb-4 bg-gradient-to-r from-cyan-400 to-blue-500 bg-clip-text text-transparent">
                    500                </h1>

                <!-- Mensagem -->
                <p class="text-2xl text-white font-semibold mb-2">Ocorreu um erro inesperado. Nossa equipe foi notificada.</p>
                <p class="text-gray-400 mb-8">
                                            Ocorreu um erro interno. Nossa equipe foi notificada.
                                    </p>

                <!-- Ações -->
                <div class="flex flex-col sm:flex-row gap-4 justify-center">
                    <a href="https://recifes.digital/public/?page=home"
                       class="inline-flex items-center justify-center px-8 py-3 rounded-xl bg-gradient-to-r from-cyan-500 to-blue-600 text-white font-bold hover:shadow-lg hover:shadow-cyan-500/25 transition-all">
                        <i class="fas fa-home mr-2"></i>
                        Ir para Home                    </a>
                    <button onclick="history.back()"
                            class="inline-flex items-center justify-center px-8 py-3 rounded-xl glass-soft text-white font-semibold hover:bg-white/10 transition-all border border-gray-600">
                        <i class="fas fa-arrow-left mr-2"></i>
                        Voltar
                    </button>
                </div>

                <!-- Link de suporte -->
                <p class="mt-8 text-gray-500 text-sm">
                    Precisa de ajuda?
                    <a href="https://wa.me/551140034425?text=Olá! Encontrei um erro 500 no site."
                       target="_blank"
                       class="text-cyan-400 hover:text-cyan-300 transition">
                        Fale com o suporte
                    </a>
                </p>
            </div>
        </div>

        </main>

<!-- Footer -->
<footer class="glass-soft mt-16 py-8">
    <div class="container mx-auto px-4">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">

            <!-- Sobre -->
            <div>
                                <img src="/public/uploads/logos/logo_horizontal_1771328742.png" alt="Recifes Digital"
                     class="h-10 object-contain mb-3 max-w-[160px]"
                     onerror="this.style.display='none'">
                                <p class="text-gray-400 text-sm">Recifes Digital — AI-Powered Marketing Platform for Latin American and Brazilian businesses worldwide.</p>
            </div>

            <!-- Links Rápidos -->
            <div>
                <h4 class="font-bold text-lg mb-4">Links Rápidos</h4>
                <ul class="space-y-2 text-sm">
                    <li><a href="/?page=dashboard" class="text-gray-400 hover:text-white transition">Dashboard</a></li>
                    <li><a href="/?page=freemium-connect" class="text-gray-400 hover:text-white transition">Análise Grátis IA</a></li>
                    <li><a href="/?page=billing-modules" class="text-gray-400 hover:text-white transition">Planos e Preços</a></li>
                    <li><a href="/?page=services" class="text-gray-400 hover:text-white transition">Nossos Serviços</a></li>
                    <li><a href="/?page=faq" class="text-gray-400 hover:text-white transition">Central de Ajuda</a></li>
                </ul>
            </div>

            <!-- Módulos -->
            <div>
                <h4 class="font-bold text-lg mb-4">Módulos</h4>
                <ul class="space-y-2 text-sm">
                    <li><a href="/?page=meta-ads" class="text-gray-400 hover:text-white transition">Meta Ads</a></li>
                    <li><a href="/?page=google-ads" class="text-gray-400 hover:text-white transition">Google Ads</a></li>
                    <li><a href="/?page=whatsapp" class="text-gray-400 hover:text-white transition">WhatsApp Marketing</a></li>
                    <li><a href="/?page=email" class="text-gray-400 hover:text-white transition">Email Marketing</a></li>
                    <li><a href="/?page=recifes-ads" class="text-gray-400 hover:text-white transition">Recifes ADS</a></li>
                </ul>
            </div>

            <!-- Contato -->
            <div>
                <h4 class="font-bold text-lg mb-4">Contato</h4>
                <ul class="space-y-2 text-sm text-gray-400">
                                        <li><i class="fas fa-envelope mr-2 text-cyan-400"></i> info@recifes.digital</li>
                                                            <li><i class="fab fa-whatsapp mr-2 text-green-400"></i> +55 47 3091-1909</li>
                                        <li><a href="/?page=support-create" class="hover:text-white transition mt-1 inline-block">
                        <i class="fas fa-ticket-alt mr-2 text-purple-400"></i> Abrir Suporte                    </a></li>
                    <li class="flex gap-4 mt-3">
                        <a href="https://facebook.com/recifesdigital" target="_blank" class="hover:text-white transition"><i class="fab fa-facebook text-xl"></i></a>                        <a href="https://instagram.com/recifes.digital" target="_blank" class="hover:text-white transition"><i class="fab fa-instagram text-xl text-pink-400"></i></a>                                                                                            </li>
                </ul>
            </div>

        </div>

        <!-- Legal Links -->
        <div class="border-t border-gray-700 pt-6 mb-4">
            <div class="flex flex-wrap justify-center gap-6 text-sm text-gray-400">
                <a href="/privacy-policy" class="hover:text-white transition">
                    <i class="fas fa-shield-alt mr-1"></i> Política de Privacidade                </a>
                <span class="text-gray-600">•</span>
                <a href="/terms-of-service" class="hover:text-white transition">
                    <i class="fas fa-file-contract mr-1"></i> Termos de Serviço                </a>
                <span class="text-gray-600">•</span>
                <a href="mailto:info@recifes.digital" class="hover:text-white transition">
                    <i class="fas fa-envelope mr-1"></i> Contato                </a>
                <span class="text-gray-600">•</span>
                <a href="/?page=support" class="hover:text-white transition">
                    <i class="fas fa-life-ring mr-1"></i> Suporte                </a>
            </div>
        </div>

        <div class="text-center text-sm text-gray-400">
            <p>© 2026 Recifes Digital. All rights reserved.</p>
        </div>
    </div>
</footer>

<script src="/public/assets/js/pwa-init.js"></script>
</body>
</html>
