{"id":160,"date":"2026-03-17T15:48:28","date_gmt":"2026-03-17T18:48:28","guid":{"rendered":"https:\/\/phenixbeneficios.com.br\/cursos\/login-cursos-2\/"},"modified":"2026-03-25T14:19:20","modified_gmt":"2026-03-25T17:19:20","slug":"login-cursos","status":"publish","type":"page","link":"https:\/\/phenixbeneficios.com.br\/cursos\/login-cursos\/","title":{"rendered":"Login Cursos"},"content":{"rendered":"<style id=\"clog-style\">\n.clog-wrap {\n    min-height: 80vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 16px;\n    background: #f8fafc;\n    box-sizing: border-box;\n}\n.clog-card {\n    width: 100%;\n    max-width: 420px;\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 16px;\n    padding: 40px 36px 32px;\n    box-shadow: 0 4px 24px rgba(0,0,0,.07);\n    box-sizing: border-box;\n    text-align: center;\n}\n.clog-icon {\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: #eff6ff;\n    border: 1px solid #bfdbfe;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 20px;\n    color: #2563eb;\n}\n.clog-title {\n    margin: 0 0 6px;\n    font-size: 22px;\n    font-weight: 700;\n    color: #111827;\n    line-height: 1.2;\n}\n.clog-sub {\n    margin: 0 0 24px;\n    font-size: 14px;\n    color: #6b7280;\n}\n.clog-tabs {\n    display: flex;\n    gap: 6px;\n    padding: 4px;\n    background: #f1f5f9;\n    border: 1px solid #e2e8f0;\n    border-radius: 12px;\n    margin-bottom: 24px;\n}\n.clog-tab {\n    flex: 1;\n    appearance: none;\n    border: none;\n    border-radius: 9px;\n    padding: 9px 12px;\n    font-size: 13px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: all .2s ease;\n    background: transparent;\n    color: #64748b;\n    font-family: inherit;\n}\n.clog-tab.is-active {\n    background: #2563eb;\n    color: #ffffff;\n    box-shadow: 0 3px 8px rgba(37,99,235,.28);\n}\n.clog-panel { display: none; text-align: left; }\n.clog-panel.is-active { display: block; }\n\n.clog-subtabs {\n    display: flex;\n    gap: 6px;\n    padding: 3px;\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 10px;\n    margin-bottom: 18px;\n}\n.clog-subtab {\n    flex: 1;\n    appearance: none;\n    border: 1px solid transparent;\n    border-radius: 8px;\n    padding: 7px 10px;\n    font-size: 12px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: all .2s ease;\n    background: transparent;\n    color: #64748b;\n    font-family: inherit;\n}\n.clog-subtab.is-active {\n    background: #ffffff;\n    color: #1d4ed8;\n    border-color: #bfdbfe;\n    box-shadow: 0 2px 6px rgba(37,99,235,.12);\n}\n.clog-subpanel { display: none; }\n.clog-subpanel.is-active { display: block; }\n\n.clog-hint {\n    margin: 0 0 14px;\n    font-size: 12px;\n    color: #6b7280;\n}\n.clog-field {\n    margin-bottom: 14px;\n}\n.clog-field label {\n    display: block;\n    margin-bottom: 5px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #374151;\n}\n.clog-field input[type=\"text\"],\n.clog-field input[type=\"email\"],\n.clog-field input[type=\"password\"] {\n    width: 100%;\n    height: 44px;\n    padding: 0 12px;\n    border: 1px solid #d1d5db;\n    border-radius: 8px;\n    font-size: 14px;\n    color: #1f2937;\n    background: #fff;\n    box-sizing: border-box;\n    transition: border-color .18s, box-shadow .18s;\n    font-family: inherit;\n}\n.clog-field input:focus {\n    outline: none;\n    border-color: #3b82f6;\n    box-shadow: 0 0 0 3px rgba(59,130,246,.12);\n}\n.clog-remember {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 14px;\n    font-size: 13px;\n    color: #374151;\n    cursor: pointer;\n}\n.clog-remember input[type=\"checkbox\"] {\n    width: 15px;\n    height: 15px;\n    cursor: pointer;\n    flex-shrink: 0;\n}\n.clog-submit {\n    width: 100%;\n    height: 46px;\n    border: none;\n    border-radius: 10px;\n    background: #111827;\n    color: #ffffff;\n    font-size: 15px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: background .18s, transform .15s, box-shadow .18s;\n    font-family: inherit;\n    box-shadow: 0 4px 12px rgba(17,24,39,.22);\n}\n.clog-submit:hover {\n    background: #1f2937;\n    transform: translateY(-1px);\n    box-shadow: 0 6px 18px rgba(17,24,39,.28);\n}\n.clog-submit:disabled {\n    opacity: .65;\n    cursor: not-allowed;\n    transform: none;\n}\n.clog-error {\n    padding: 9px 12px;\n    background: #fef2f2;\n    border: 1px solid #fecaca;\n    border-radius: 6px;\n    color: #dc2626;\n    font-size: 13px;\n    margin-bottom: 14px;\n    display: none;\n}\n.clog-success {\n    padding: 9px 12px;\n    background: #ecfdf5;\n    border: 1px solid #a7f3d0;\n    border-radius: 6px;\n    color: #047857;\n    font-size: 13px;\n    margin-bottom: 14px;\n    display: none;\n}\n.clog-back {\n    display: block;\n    margin-top: 22px;\n    font-size: 13px;\n    color: #6b7280;\n    text-decoration: none;\n    text-align: center;\n    transition: color .18s;\n}\n.clog-back:hover { color: #374151; }\n@media (max-width: 480px) {\n    .clog-card { padding: 32px 20px 24px; }\n}\n<\/style>\n\n<div class=\"clog-wrap\">\n    <div class=\"clog-card\">\n        <div class=\"clog-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" width=\"36\" height=\"36\">\n                <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\n                <path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/>\n            <\/svg>\n        <\/div>\n        <h1 class=\"clog-title\">\u00c1rea do Aluno<\/h1>\n        <p class=\"clog-sub\">Acesse sua conta Phenix Benef\u00edcios<\/p>\n\n        <div class=\"clog-tabs\" role=\"tablist\">\n            <button type=\"button\" class=\"clog-tab is-active\" data-clog-tab=\"associado\">Associado<\/button>\n            <button type=\"button\" class=\"clog-tab\" data-clog-tab=\"nao-associado\">N\u00e3o Associado<\/button>\n        <\/div>\n\n        <!-- Painel: Associado -->\n        <div class=\"clog-panel is-active\" data-clog-panel=\"associado\">\n            <form id=\"cursos-lms-login-form\">\n                <div class=\"clog-field\">\n                    <label for=\"cursos-lms-cpf\">CPF<\/label>\n                    <input type=\"text\" id=\"cursos-lms-cpf\" name=\"cpf\" placeholder=\"000.000.000-00\" maxlength=\"14\" required autocomplete=\"off\">\n                <\/div>\n                <input type=\"hidden\" id=\"cursos-lms-redirect-to\" name=\"redirect_to\" value=\"https:\/\/phenixbeneficios.com.br\/cursos\/meu-painel\/\">\n                <div id=\"cursos-lms-login-error\" class=\"clog-error\"><\/div>\n                <button type=\"submit\" class=\"clog-submit\" id=\"clog-cpf-btn\">Entrar com CPF<\/button>\n            <\/form>\n        <\/div>\n\n        <!-- Painel: N\u00e3o Associado -->\n        <div class=\"clog-panel\" data-clog-panel=\"nao-associado\">\n            <div class=\"clog-subtabs\" role=\"tablist\">\n                <button type=\"button\" class=\"clog-subtab is-active\" data-clog-subtab=\"login\">J\u00e1 tenho conta<\/button>\n                <button type=\"button\" class=\"clog-subtab\" data-clog-subtab=\"register\">Criar conta<\/button>\n            <\/div>\n\n            <!-- Sub: Login -->\n            <div class=\"clog-subpanel is-active\" data-clog-subpanel=\"login\">\n                <p class=\"clog-hint\">Entre com usu\u00e1rio\/e-mail e senha para acessar seus cursos.<\/p>\n                <form id=\"cursos-lms-wp-login-form\">\n                    <div class=\"clog-field\">\n                        <label for=\"cursos-wp-username\">Usu\u00e1rio ou E-mail<\/label>\n                        <input type=\"text\" id=\"cursos-wp-username\" name=\"log\" placeholder=\"Digite seu usu\u00e1rio ou e-mail\" required autocomplete=\"username\">\n                    <\/div>\n                    <div class=\"clog-field\">\n                        <label for=\"cursos-wp-password\">Senha<\/label>\n                        <input type=\"password\" id=\"cursos-wp-password\" name=\"pwd\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\" required autocomplete=\"current-password\">\n                    <\/div>\n                    <label class=\"clog-remember\">\n                        <input type=\"checkbox\" name=\"rememberme\" value=\"forever\"> Lembrar-me\n                    <\/label>\n                    <input type=\"hidden\" id=\"cursos-wp-redirect-to\" name=\"redirect_to\" value=\"https:\/\/phenixbeneficios.com.br\/cursos\/meu-painel\/\">\n                    <div id=\"cursos-lms-wp-login-error\" class=\"clog-error\"><\/div>\n                    <button type=\"submit\" class=\"clog-submit\">Entrar com senha<\/button>\n                <\/form>\n            <\/div>\n\n            <!-- Sub: Cadastro -->\n            <div class=\"clog-subpanel\" data-clog-subpanel=\"register\">\n                <p class=\"clog-hint\">Crie seu cadastro para comprar e acompanhar cursos como n\u00e3o associado.<\/p>\n                <form id=\"cursos-lms-wp-register-form\">\n                    <div class=\"clog-field\">\n                        <label for=\"cursos-register-nome\">Nome completo<\/label>\n                        <input type=\"text\" id=\"cursos-register-nome\" name=\"nome\" placeholder=\"Seu nome completo\" required autocomplete=\"name\">\n                    <\/div>\n                    <div class=\"clog-field\">\n                        <label for=\"cursos-register-email\">E-mail<\/label>\n                        <input type=\"email\" id=\"cursos-register-email\" name=\"email\" placeholder=\"voce@email.com\" required autocomplete=\"email\">\n                    <\/div>\n                    <div class=\"clog-field\">\n                        <label for=\"cursos-register-cpf\">CPF<\/label>\n                        <input type=\"text\" id=\"cursos-register-cpf\" name=\"cpf\" placeholder=\"000.000.000-00\" maxlength=\"14\" required autocomplete=\"off\">\n                    <\/div>\n                    <div class=\"clog-field\">\n                        <label for=\"cursos-register-telefone\">Telefone (opcional)<\/label>\n                        <input type=\"text\" id=\"cursos-register-telefone\" name=\"telefone\" placeholder=\"(00) 00000-0000\" autocomplete=\"tel\">\n                    <\/div>\n                    <div class=\"clog-field\">\n                        <label for=\"cursos-register-password\">Senha<\/label>\n                        <input type=\"password\" id=\"cursos-register-password\" name=\"password\" placeholder=\"M\u00ednimo 8 caracteres\" required autocomplete=\"new-password\">\n                    <\/div>\n                    <div class=\"clog-field\">\n                        <label for=\"cursos-register-password-confirm\">Confirmar senha<\/label>\n                        <input type=\"password\" id=\"cursos-register-password-confirm\" name=\"password_confirm\" placeholder=\"Repita a senha\" required autocomplete=\"new-password\">\n                    <\/div>\n                    <input type=\"hidden\" id=\"cursos-register-redirect-to\" name=\"redirect_to\" value=\"https:\/\/phenixbeneficios.com.br\/cursos\/meu-painel\/\">\n                    <div id=\"cursos-lms-register-error\" class=\"clog-error\"><\/div>\n                    <div id=\"cursos-lms-register-success\" class=\"clog-success\"><\/div>\n                    <button type=\"submit\" class=\"clog-submit\">Criar cadastro<\/button>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <a href=\"https:\/\/phenixbeneficios.com.br\/cursos\/\" class=\"clog-back\">\u2190 Voltar para os cursos<\/a>\n    <\/div>\n<\/div>\n\n<script>\n(function(){\n    \/\/ Tabs principais (Associado \/ N\u00e3o Associado)\n    document.querySelectorAll('[data-clog-tab]').forEach(function(btn){\n        btn.addEventListener('click', function(){\n            var tab = this.dataset.clogTab;\n            document.querySelectorAll('[data-clog-tab]').forEach(function(b){ b.classList.remove('is-active'); });\n            document.querySelectorAll('[data-clog-panel]').forEach(function(p){ p.classList.remove('is-active'); });\n            this.classList.add('is-active');\n            var panel = document.querySelector('[data-clog-panel=\"' + tab + '\"]');\n            if (panel) panel.classList.add('is-active');\n        }.bind(btn));\n    });\n\n    \/\/ Sub-tabs N\u00e3o Associado (J\u00e1 tenho conta \/ Criar conta)\n    document.querySelectorAll('[data-clog-subtab]').forEach(function(btn){\n        btn.addEventListener('click', function(){\n            var subtab = this.dataset.clogSubtab;\n            document.querySelectorAll('[data-clog-subtab]').forEach(function(b){ b.classList.remove('is-active'); });\n            document.querySelectorAll('[data-clog-subpanel]').forEach(function(p){ p.classList.remove('is-active'); });\n            this.classList.add('is-active');\n            var subpanel = document.querySelector('[data-clog-subpanel=\"' + subtab + '\"]');\n            if (subpanel) subpanel.classList.add('is-active');\n        }.bind(btn));\n    });\n\n    \/\/ M\u00e1scara telefone (CPF j\u00e1 tratado pelo frontend.js)\n    var telEl = document.getElementById('cursos-register-telefone');\n    if (telEl) {\n        telEl.addEventListener('input', function(){\n            var v = this.value.replace(\/\\D\/g,'');\n            if (v.length > 11) v = v.slice(0, 11);\n            v = v.replace(\/^(\\d{2})(\\d)\/, '($1) $2');\n            v = v.replace(\/(\\d{5})(\\d{1,4})$\/, '$1-$2');\n            this.value = v;\n        });\n    }\n})();\n<\/script>\n        \n","protected":false},"excerpt":{"rendered":"","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-160","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/phenixbeneficios.com.br\/cursos\/wp-json\/wp\/v2\/pages\/160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phenixbeneficios.com.br\/cursos\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/phenixbeneficios.com.br\/cursos\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/phenixbeneficios.com.br\/cursos\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phenixbeneficios.com.br\/cursos\/wp-json\/wp\/v2\/comments?post=160"}],"version-history":[{"count":1,"href":"https:\/\/phenixbeneficios.com.br\/cursos\/wp-json\/wp\/v2\/pages\/160\/revisions"}],"predecessor-version":[{"id":175,"href":"https:\/\/phenixbeneficios.com.br\/cursos\/wp-json\/wp\/v2\/pages\/160\/revisions\/175"}],"wp:attachment":[{"href":"https:\/\/phenixbeneficios.com.br\/cursos\/wp-json\/wp\/v2\/media?parent=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}