{"id":5,"date":"2023-11-14T08:24:40","date_gmt":"2023-11-14T11:24:40","guid":{"rendered":"https:\/\/seudireito.pro\/?page_id=5"},"modified":"2026-01-19T17:35:43","modified_gmt":"2026-01-19T20:35:43","slug":"pagina-oficial","status":"publish","type":"page","link":"https:\/\/seudireito.pro\/","title":{"rendered":"P\u00c1GINA MARCOS ALCANTARA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5\" class=\"elementor elementor-5\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff126d0 e-flex e-con-boxed e-con e-parent\" data-id=\"ff126d0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04ab477 elementor-widget elementor-widget-html\" data-id=\"04ab477\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Sistema - Marcos Alc\u00e2ntara Advogados<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&family=Lato:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@supabase\/supabase-js@2\"><\/script>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --primary-dark: #2c3e50;\r\n            --primary-light: #34495e;\r\n            --accent-gold: #c9a961;\r\n            --accent-blue: #3d5a80;\r\n            --bg-cream: #faf8f5;\r\n            --bg-light: #f5f5f5;\r\n            --bg-white: #ffffff;\r\n            --text-dark: #2c3e50;\r\n            --text-light: #5a6c7d;\r\n            --border-color: #e0ddd8;\r\n            --error-color: #e74c3c;\r\n            --success-color: #27ae60;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Lato', sans-serif;\r\n            background: linear-gradient(135deg, #faf8f5 0%, #f0ede8 100%);\r\n            min-height: 100vh;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 1rem;\r\n        }\r\n\r\n        .login-wrapper {\r\n            width: 100%;\r\n            max-width: 1100px;\r\n            animation: fadeIn 0.8s ease-out;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .logo-section {\r\n            text-align: center;\r\n            margin-bottom: 2rem;\r\n            animation: fadeIn 1s ease-out 0.2s backwards;\r\n        }\r\n\r\n        .logo-container {\r\n            max-width: 400px;\r\n            margin: 0 auto 1.5rem;\r\n            background: white;\r\n            padding: 1.5rem;\r\n            border-radius: 12px;\r\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .logo-container img {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .system-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 2rem;\r\n            color: var(--text-dark);\r\n            font-weight: 600;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .system-subtitle {\r\n            color: var(--text-light);\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .login-container {\r\n            background: var(--bg-white);\r\n            border-radius: 12px;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\r\n            padding: 3rem 3rem;\r\n            animation: fadeIn 1s ease-out 0.4s backwards;\r\n        }\r\n\r\n        .login-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n            align-items: start;\r\n        }\r\n\r\n        .login-form-section {\r\n            padding-right: 2.5rem;\r\n            border-right: 2px solid var(--border-color);\r\n        }\r\n\r\n        .action-buttons-section {\r\n            padding-left: 2.5rem;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .action-button {\r\n            width: 100%;\r\n            padding: 1.2rem 1.5rem;\r\n            border: none;\r\n            border-radius: 8px;\r\n            font-size: 0.95rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-family: 'Lato', sans-serif;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .cadastro-button {\r\n            background: linear-gradient(135deg, var(--accent-gold) 0%, #b8954d 100%);\r\n            color: white;\r\n            box-shadow: 0 6px 20px rgba(201, 169, 97, 0.3);\r\n        }\r\n\r\n        .cadastro-button:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 30px rgba(201, 169, 97, 0.4);\r\n        }\r\n\r\n        .cadastro-button::before {\r\n            content: '\ud83d\udc64';\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .suporte-button {\r\n            background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-light) 100%);\r\n            color: white;\r\n            box-shadow: 0 6px 20px rgba(44, 62, 80, 0.3);\r\n        }\r\n\r\n        .suporte-button:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 30px rgba(44, 62, 80, 0.4);\r\n        }\r\n\r\n        .suporte-button::before {\r\n            content: '\ud83d\udcac';\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .action-buttons-title {\r\n            font-size: 0.9rem;\r\n            font-weight: 600;\r\n            color: var(--text-dark);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 0.5rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .action-buttons-description {\r\n            font-size: 0.85rem;\r\n            color: var(--text-light);\r\n            text-align: center;\r\n            margin-bottom: 1rem;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .login-header {\r\n            text-align: center;\r\n            margin-bottom: 2rem;\r\n            padding-bottom: 1.5rem;\r\n            border-bottom: 2px solid var(--accent-gold);\r\n        }\r\n\r\n        .login-header h2 {\r\n            font-size: 1.4rem;\r\n            color: var(--text-dark);\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .form-group {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        label {\r\n            display: block;\r\n            font-size: 0.9rem;\r\n            font-weight: 600;\r\n            color: var(--text-dark);\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        input[type=\"email\"],\r\n        input[type=\"password\"] {\r\n            width: 100%;\r\n            padding: 0.9rem 1rem;\r\n            border: 2px solid var(--border-color);\r\n            border-radius: 8px;\r\n            font-size: 1rem;\r\n            font-family: 'Lato', sans-serif;\r\n            transition: all 0.3s ease;\r\n            background: var(--bg-cream);\r\n        }\r\n\r\n        input:focus {\r\n            outline: none;\r\n            border-color: var(--accent-blue);\r\n            background: white;\r\n            box-shadow: 0 4px 12px rgba(61, 90, 128, 0.1);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        input::placeholder {\r\n            color: #aaa;\r\n        }\r\n\r\n        .forgot-password {\r\n            text-align: center;\r\n            margin-top: 1rem;\r\n        }\r\n\r\n        .forgot-password a {\r\n            color: var(--accent-blue);\r\n            text-decoration: none;\r\n            font-size: 0.9rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .forgot-password a:hover {\r\n            color: var(--accent-gold);\r\n            text-decoration: underline;\r\n        }\r\n\r\n        .login-button {\r\n            width: 100%;\r\n            background: linear-gradient(135deg, var(--accent-blue) 0%, var(--primary-light) 100%);\r\n            color: white;\r\n            padding: 1rem;\r\n            border: none;\r\n            border-radius: 8px;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            margin-top: 1.5rem;\r\n            font-family: 'Lato', sans-serif;\r\n            box-shadow: 0 6px 20px rgba(61, 90, 128, 0.3);\r\n        }\r\n\r\n        .login-button:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 30px rgba(61, 90, 128, 0.4);\r\n        }\r\n\r\n        .login-button:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .login-button:disabled {\r\n            opacity: 0.6;\r\n            cursor: not-allowed;\r\n        }\r\n\r\n        .alert {\r\n            padding: 1rem;\r\n            border-radius: 4px;\r\n            margin-bottom: 1.5rem;\r\n            font-size: 0.9rem;\r\n            animation: slideDown 0.4s ease-out;\r\n        }\r\n\r\n        @keyframes slideDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .alert-error {\r\n            background: #fee;\r\n            border: 1px solid var(--error-color);\r\n            color: var(--error-color);\r\n        }\r\n\r\n        .alert-success {\r\n            background: #efe;\r\n            border: 1px solid var(--success-color);\r\n            color: var(--success-color);\r\n        }\r\n\r\n        .loading {\r\n            display: inline-block;\r\n            width: 14px;\r\n            height: 14px;\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            border-top-color: white;\r\n            border-radius: 50%;\r\n            animation: spin 0.8s linear infinite;\r\n            margin-left: 0.5rem;\r\n        }\r\n\r\n        @keyframes spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        \/* Modal styles *\/\r\n        .modal {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.5);\r\n            z-index: 1000;\r\n            align-items: center;\r\n            justify-content: center;\r\n            animation: fadeIn 0.3s ease-out;\r\n        }\r\n\r\n        .modal.active {\r\n            display: flex;\r\n        }\r\n\r\n        .modal-content {\r\n            background: white;\r\n            border-radius: 12px;\r\n            padding: 2rem;\r\n            max-width: 400px;\r\n            width: 90%;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n            animation: slideUp 0.4s ease-out;\r\n        }\r\n\r\n        @keyframes slideUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .modal-header {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.4rem;\r\n            color: var(--accent-blue);\r\n            margin-bottom: 1rem;\r\n            padding-bottom: 1rem;\r\n            border-bottom: 2px solid var(--accent-gold);\r\n        }\r\n\r\n        .modal-close {\r\n            background: none;\r\n            border: none;\r\n            font-size: 1.5rem;\r\n            cursor: pointer;\r\n            float: right;\r\n            color: var(--text-light);\r\n            transition: color 0.2s;\r\n        }\r\n\r\n        .modal-close:hover {\r\n            color: var(--error-color);\r\n        }\r\n\r\n        .footer {\r\n            text-align: center;\r\n            margin-top: 2rem;\r\n            padding: 1.5rem;\r\n            background: var(--bg-cream);\r\n            border-radius: 8px;\r\n            color: var(--text-light);\r\n            font-size: 0.85rem;\r\n            animation: fadeIn 1s ease-out 0.6s backwards;\r\n        }\r\n\r\n        \/* Desktop Grande *\/\r\n        @media (min-width: 1200px) {\r\n            .login-wrapper {\r\n                max-width: 1200px;\r\n            }\r\n\r\n            .logo-container {\r\n                max-width: 450px;\r\n            }\r\n\r\n            .login-container {\r\n                padding: 3.5rem 4rem;\r\n            }\r\n\r\n            .login-content {\r\n                gap: 5rem;\r\n            }\r\n\r\n            .system-title {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .system-subtitle {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .login-header h2 {\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n\r\n        \/* Tablet Landscape *\/\r\n        @media (max-width: 1024px) {\r\n            .login-wrapper {\r\n                max-width: 900px;\r\n            }\r\n\r\n            .logo-container {\r\n                max-width: 350px;\r\n            }\r\n\r\n            .login-container {\r\n                padding: 2.5rem 2rem;\r\n            }\r\n\r\n            .login-content {\r\n                gap: 3rem;\r\n            }\r\n\r\n            .system-title {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .system-subtitle {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n\r\n        \/* Tablet *\/\r\n        @media (max-width: 768px) {\r\n            .login-wrapper {\r\n                max-width: 600px;\r\n            }\r\n\r\n            .logo-container {\r\n                max-width: 280px;\r\n            }\r\n\r\n            .system-title {\r\n                font-size: 1.6rem;\r\n            }\r\n\r\n            .system-subtitle {\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .login-header h2 {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            .login-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n            }\r\n\r\n            .login-form-section {\r\n                padding-right: 0;\r\n                border-right: none;\r\n                padding-bottom: 2rem;\r\n                border-bottom: 2px solid var(--border-color);\r\n            }\r\n\r\n            .action-buttons-section {\r\n                padding-left: 0;\r\n                padding-top: 0.5rem;\r\n            }\r\n        }\r\n\r\n        \/* Mobile *\/\r\n        @media (max-width: 480px) {\r\n            .login-container {\r\n                padding: 2rem 1.5rem;\r\n            }\r\n\r\n            .logo-container {\r\n                max-width: 220px;\r\n                padding: 1rem;\r\n            }\r\n\r\n            .system-title {\r\n                font-size: 1.3rem;\r\n            }\r\n\r\n            .system-subtitle {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .login-header h2 {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .login-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n            }\r\n\r\n            .login-form-section {\r\n                padding-right: 0;\r\n                border-right: none;\r\n                padding-bottom: 2rem;\r\n                border-bottom: 2px solid var(--border-color);\r\n            }\r\n\r\n            .action-buttons-section {\r\n                padding-left: 0;\r\n                padding-top: 0.5rem;\r\n            }\r\n\r\n            .action-button {\r\n                padding: 1rem 1.2rem;\r\n                font-size: 0.9rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"login-wrapper\">\r\n        <div class=\"logo-section\">\r\n            <div class=\"logo-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/seudireito.pro\/wp-content\/uploads\/2026\/01\/marcos-alcantara-300-x-150-px-1.jpg\" alt=\"Marcos Alc\u00e2ntara Advogados Associados\">\r\n            <\/div>\r\n            <h1 class=\"system-title\">Plataforma Jur\u00eddica<\/h1>\r\n            <p class=\"system-subtitle\">Marcos Alc\u00e2ntara Advogados Associados<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"login-container\">\r\n            <div class=\"login-header\">\r\n                <h2>Acesso ao Sistema<\/h2>\r\n            <\/div>\r\n\r\n            <div id=\"alertContainer\"><\/div>\r\n\r\n            <div class=\"login-content\">\r\n                <!-- Se\u00e7\u00e3o do Formul\u00e1rio de Login -->\r\n                <div class=\"login-form-section\">\r\n                    <form id=\"loginForm\">\r\n                        <div class=\"form-group\">\r\n                            <label for=\"email\">CPF\/CNPJ ou E-mail<\/label>\r\n                            <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Digite seu CPF ou e-mail\" required>\r\n                        <\/div>\r\n\r\n                        <div class=\"form-group\">\r\n                            <label for=\"password\">Senha<\/label>\r\n                            <input type=\"password\" id=\"password\" name=\"password\" placeholder=\"Digite sua senha\" required>\r\n                        <\/div>\r\n\r\n                        <button type=\"submit\" class=\"login-button\" id=\"loginButton\">\r\n                            Entrar\r\n                        <\/button>\r\n\r\n                        <div class=\"forgot-password\">\r\n                            <a href=\"#\" id=\"forgotPasswordLink\">Solicitar nova senha<\/a>\r\n                        <\/div>\r\n                    <\/form>\r\n                <\/div>\r\n\r\n                <!-- Se\u00e7\u00e3o de Bot\u00f5es de A\u00e7\u00e3o -->\r\n                <div class=\"action-buttons-section\">\r\n                    <div class=\"action-buttons-title\">Op\u00e7\u00f5es de Acesso<\/div>\r\n                    <div class=\"action-buttons-description\">\r\n                        Primeira vez aqui? Cadastre-se para acessar a plataforma ou entre em contato com nosso suporte.\r\n                    <\/div>\r\n                    \r\n                    <button type=\"button\" class=\"action-button cadastro-button\" id=\"cadastroButton\">\r\n                        Fa\u00e7a Aqui Seu Cadastro\r\n                    <\/button>\r\n                    \r\n                    <button type=\"button\" class=\"action-button suporte-button\" id=\"suporteButton\">\r\n                        Acessar Suporte\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"footer\">\r\n            \u00a9 2026 Marcos Alc\u00e2ntara Advogados Associados\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal de Recupera\u00e7\u00e3o de Senha -->\r\n    <div id=\"forgotPasswordModal\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n            <button class=\"modal-close\" onclick=\"closeForgotPasswordModal()\">&times;<\/button>\r\n            <h2 class=\"modal-header\">Recuperar Senha<\/h2>\r\n            <p style=\"color: var(--text-light); margin-bottom: 1.5rem;\">\r\n                Digite seu e-mail cadastrado para receber o link de recupera\u00e7\u00e3o de senha.\r\n            <\/p>\r\n            <form id=\"forgotPasswordForm\">\r\n                <div class=\"form-group\">\r\n                    <label for=\"resetEmail\">E-mail<\/label>\r\n                    <input type=\"email\" id=\"resetEmail\" name=\"resetEmail\" placeholder=\"seu@email.com\" required>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"login-button\">\r\n                    Enviar Link\r\n                <\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ =====================================================\r\n        \/\/ CONFIGURA\u00c7\u00c3O DO SUPABASE\r\n        \/\/ =====================================================\r\n        \/\/ IMPORTANTE: Substitua com suas credenciais do Supabase\r\n        const SUPABASE_URL = 'SUA_URL_DO_SUPABASE';\r\n        const SUPABASE_ANON_KEY = 'SUA_CHAVE_ANONIMA_DO_SUPABASE';\r\n\r\n        let supabase;\r\n        \r\n        \/\/ Inicializa o Supabase\r\n        try {\r\n            supabase = supabase.createClient(SUPABASE_URL, SUPABASE_ANON_KEY);\r\n        } catch (error) {\r\n            console.error('Erro ao inicializar Supabase:', error);\r\n        }\r\n\r\n        \/\/ =====================================================\r\n        \/\/ FUN\u00c7\u00d5ES DE ALERTA\r\n        \/\/ =====================================================\r\n        function showAlert(message, type = 'error') {\r\n            const alertContainer = document.getElementById('alertContainer');\r\n            const alert = document.createElement('div');\r\n            alert.className = `alert alert-${type}`;\r\n            alert.textContent = message;\r\n            alertContainer.innerHTML = '';\r\n            alertContainer.appendChild(alert);\r\n\r\n            setTimeout(() => {\r\n                alert.style.animation = 'slideDown 0.4s ease-out reverse';\r\n                setTimeout(() => alert.remove(), 400);\r\n            }, 5000);\r\n        }\r\n\r\n        \/\/ =====================================================\r\n        \/\/ LOGIN\r\n        \/\/ =====================================================\r\n        document.getElementById('loginForm').addEventListener('submit', async (e) => {\r\n            e.preventDefault();\r\n            \r\n            const button = document.getElementById('loginButton');\r\n            const email = document.getElementById('email').value;\r\n            const password = document.getElementById('password').value;\r\n\r\n            button.disabled = true;\r\n            button.innerHTML = 'Entrando... <span class=\"loading\"><\/span>';\r\n\r\n            try {\r\n                \/\/ Autentica\u00e7\u00e3o com Supabase\r\n                const { data, error } = await supabase.auth.signInWithPassword({\r\n                    email: email,\r\n                    password: password,\r\n                });\r\n\r\n                if (error) throw error;\r\n\r\n                showAlert('Acesso autorizado!', 'success');\r\n                \r\n                \/\/ Redirecionar para a p\u00e1gina do dashboard\/sistema\r\n                setTimeout(() => {\r\n                    window.location.href = 'dashboard.html'; \/\/ ou sua p\u00e1gina de destino\r\n                }, 1500);\r\n\r\n            } catch (error) {\r\n                showAlert('Acesso negado. Verifique suas credenciais.', 'error');\r\n                button.disabled = false;\r\n                button.innerHTML = 'Entrar';\r\n            }\r\n        });\r\n\r\n        \/\/ =====================================================\r\n        \/\/ RECUPERA\u00c7\u00c3O DE SENHA\r\n        \/\/ =====================================================\r\n        document.getElementById('forgotPasswordLink').addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            document.getElementById('forgotPasswordModal').classList.add('active');\r\n        });\r\n\r\n        function closeForgotPasswordModal() {\r\n            document.getElementById('forgotPasswordModal').classList.remove('active');\r\n        }\r\n\r\n        document.getElementById('forgotPasswordForm').addEventListener('submit', async (e) => {\r\n            e.preventDefault();\r\n            \r\n            const email = document.getElementById('resetEmail').value;\r\n\r\n            try {\r\n                \/\/ Enviar e-mail de recupera\u00e7\u00e3o\r\n                const { data, error } = await supabase.auth.resetPasswordForEmail(email, {\r\n                    redirectTo: window.location.origin + '\/reset-password.html',\r\n                });\r\n\r\n                if (error) throw error;\r\n\r\n                closeForgotPasswordModal();\r\n                showAlert('Link de recupera\u00e7\u00e3o enviado! Verifique seu e-mail.', 'success');\r\n                \r\n                \/\/ Limpar formul\u00e1rio\r\n                document.getElementById('forgotPasswordForm').reset();\r\n\r\n            } catch (error) {\r\n                showAlert('Erro ao enviar e-mail de recupera\u00e7\u00e3o.', 'error');\r\n            }\r\n        });\r\n\r\n        \/\/ Fechar modal ao clicar fora\r\n        document.getElementById('forgotPasswordModal').addEventListener('click', (e) => {\r\n            if (e.target.id === 'forgotPasswordModal') {\r\n                closeForgotPasswordModal();\r\n            }\r\n        });\r\n\r\n        \/\/ =====================================================\r\n        \/\/ VERIFICAR SE USU\u00c1RIO J\u00c1 EST\u00c1 LOGADO\r\n        \/\/ =====================================================\r\n        window.addEventListener('load', async () => {\r\n            try {\r\n                const { data: { session } } = await supabase.auth.getSession();\r\n                \r\n                if (session) {\r\n                    \/\/ Usu\u00e1rio j\u00e1 est\u00e1 logado, redirecionar\r\n                    window.location.href = 'dashboard.html';\r\n                }\r\n            } catch (error) {\r\n                console.error('Erro ao verificar sess\u00e3o:', error);\r\n            }\r\n        });\r\n\r\n        \/\/ =====================================================\r\n        \/\/ WEBHOOKS - BOT\u00d5ES DE A\u00c7\u00c3O\r\n        \/\/ =====================================================\r\n        \r\n        \/\/ WEBHOOK - Cadastro\r\n        document.getElementById('cadastroButton').addEventListener('click', async function() {\r\n            \/\/ URL do seu webhook para cadastro\r\n            const WEBHOOK_CADASTRO_URL = 'SUA_URL_WEBHOOK_CADASTRO';\r\n            \r\n            try {\r\n                \/\/ Voc\u00ea pode enviar dados para o webhook se necess\u00e1rio\r\n                const response = await fetch(WEBHOOK_CADASTRO_URL, {\r\n                    method: 'POST',\r\n                    headers: {\r\n                        'Content-Type': 'application\/json',\r\n                    },\r\n                    body: JSON.stringify({\r\n                        action: 'cadastro_solicitado',\r\n                        timestamp: new Date().toISOString()\r\n                    })\r\n                });\r\n\r\n                if (response.ok) {\r\n                    \/\/ Redirecionar para p\u00e1gina de cadastro ou abrir modal\r\n                    window.location.href = 'cadastro.html'; \/\/ ou abra um modal\r\n                } else {\r\n                    showAlert('Erro ao processar solicita\u00e7\u00e3o de cadastro.', 'error');\r\n                }\r\n            } catch (error) {\r\n                console.error('Erro ao chamar webhook de cadastro:', error);\r\n                \/\/ Se n\u00e3o configurou webhook ainda, apenas redireciona\r\n                window.location.href = 'cadastro.html';\r\n            }\r\n        });\r\n\r\n        \/\/ WEBHOOK - Suporte\r\n        document.getElementById('suporteButton').addEventListener('click', async function() {\r\n            \/\/ URL do seu webhook para suporte\r\n            const WEBHOOK_SUPORTE_URL = 'SUA_URL_WEBHOOK_SUPORTE';\r\n            \r\n            try {\r\n                \/\/ Voc\u00ea pode enviar dados para o webhook se necess\u00e1rio\r\n                const response = await fetch(WEBHOOK_SUPORTE_URL, {\r\n                    method: 'POST',\r\n                    headers: {\r\n                        'Content-Type': 'application\/json',\r\n                    },\r\n                    body: JSON.stringify({\r\n                        action: 'suporte_acessado',\r\n                        timestamp: new Date().toISOString()\r\n                    })\r\n                });\r\n\r\n                if (response.ok) {\r\n                    \/\/ Redirecionar para p\u00e1gina de suporte, WhatsApp, ou chat\r\n                    \/\/ Exemplos:\r\n                    \/\/ window.location.href = 'suporte.html';\r\n                    \/\/ window.open('https:\/\/wa.me\/5511999999999', '_blank');\r\n                    \/\/ window.open('https:\/\/tawk.to\/chat\/xxxxx', '_blank');\r\n                    \r\n                    \/\/ Exemplo com WhatsApp:\r\n                    const numeroWhatsApp = '5511999999999'; \/\/ Substitua pelo n\u00famero do escrit\u00f3rio\r\n                    const mensagem = encodeURIComponent('Ol\u00e1! Preciso de suporte para acesso \u00e0 plataforma.');\r\n                    window.open(`https:\/\/wa.me\/${numeroWhatsApp}?text=${mensagem}`, '_blank');\r\n                } else {\r\n                    showAlert('Erro ao processar solicita\u00e7\u00e3o de suporte.', 'error');\r\n                }\r\n            } catch (error) {\r\n                console.error('Erro ao chamar webhook de suporte:', error);\r\n                \/\/ Se n\u00e3o configurou webhook ainda, abre WhatsApp direto\r\n                const numeroWhatsApp = '5511999999999'; \/\/ Substitua pelo n\u00famero do escrit\u00f3rio\r\n                const mensagem = encodeURIComponent('Ol\u00e1! Preciso de suporte para acesso \u00e0 plataforma.');\r\n                window.open(`https:\/\/wa.me\/${numeroWhatsApp}?text=${mensagem}`, '_blank');\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sistema &#8211; Marcos Alc\u00e2ntara Advogados Plataforma Jur\u00eddica Marcos Alc\u00e2ntara Advogados Associados Acesso ao Sistema CPF\/CNPJ ou E-mail Senha Entrar Solicitar nova senha Op\u00e7\u00f5es de Acesso Primeira vez aqui? Cadastre-se para acessar a plataforma ou entre em contato com nosso suporte. Fa\u00e7a Aqui Seu Cadastro Acessar Suporte \u00a9 2026 Marcos Alc\u00e2ntara Advogados Associados &times; Recuperar Senha [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seudireito.pro\/index.php\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seudireito.pro\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seudireito.pro\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seudireito.pro\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seudireito.pro\/index.php\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":2732,"href":"https:\/\/seudireito.pro\/index.php\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":3587,"href":"https:\/\/seudireito.pro\/index.php\/wp-json\/wp\/v2\/pages\/5\/revisions\/3587"}],"wp:attachment":[{"href":"https:\/\/seudireito.pro\/index.php\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}