{"id":144,"date":"2026-09-21T21:52:11","date_gmt":"2026-09-21T21:52:11","guid":{"rendered":"https:\/\/app.zonesoflife.com\/acceso\/"},"modified":"2026-09-21T21:52:11","modified_gmt":"2026-09-21T21:52:11","slug":"acceso","status":"publish","type":"page","link":"https:\/\/app.zonesoflife.com\/es\/acceso\/","title":{"rendered":"Acceso al Portal"},"content":{"rendered":"        <!-- Google Fonts -->\n        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n        \n        <style>\n            .aclc-auth-container {\n                font-family: var(--aclc-font-family), 'Inter', sans-serif;\n                background-color: var(--aclc-bg-color, #0b0f17);\n                color: var(--aclc-text-color, #f3f4f6);\n                padding: 40px 20px;\n                border-radius: 24px;\n                max-width: 800px;\n                margin: 30px auto;\n                box-shadow: 0 15px 40px rgba(0,0,0,0.5);\n                position: relative;\n                overflow: hidden;\n                box-sizing: border-box;\n            }\n            .aclc-auth-container * {\n                box-sizing: border-box;\n            }\n            .aclc-auth-glow {\n                position: absolute;\n                width: 300px;\n                height: 300px;\n                border-radius: 50%;\n                background: var(--aclc-primary-glow);\n                filter: blur(80px);\n                z-index: 0;\n                pointer-events: none;\n            }\n            .aclc-auth-grid {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 40px;\n                position: relative;\n                z-index: 10;\n            }\n            @media(max-width: 768px) {\n                .aclc-auth-grid {\n                    grid-template-columns: 1fr;\n                }\n                            }\n            .aclc-auth-box {\n                background: var(--aclc-card-bg);\n                backdrop-filter: blur(15px);\n                border: 1px solid var(--aclc-card-border);\n                border-radius: 16px;\n                padding: 30px;\n                text-align: left;\n            }\n            .aclc-auth-title {\n                font-family: 'Outfit', sans-serif;\n                font-size: 1.5rem;\n                font-weight: 700;\n                color: #fff;\n                margin-bottom: 20px;\n                border-bottom: 2px solid var(--aclc-primary-glow);\n                padding-bottom: 8px;\n            }\n            .aclc-form-field {\n                margin-bottom: 16px;\n            }\n            .aclc-form-field label {\n                display: block;\n                font-size: 0.88rem;\n                color: var(--aclc-text-muted, #9ca3af);\n                margin-bottom: 6px;\n                font-weight: 500;\n            }\n            .aclc-input-text {\n                width: 100%;\n                padding: 10px 14px;\n                background: rgba(255, 255, 255, 0.04);\n                border: 1px solid rgba(255, 255, 255, 0.1);\n                border-radius: 8px;\n                color: #fff;\n                font-size: 0.95rem;\n                transition: all 0.3s ease;\n            }\n            .aclc-input-text:focus {\n                outline: none;\n                border-color: var(--aclc-primary-color);\n                box-shadow: 0 0 10px var(--aclc-primary-glow);\n            }\n            .aclc-select {\n                width: 100%;\n                padding: 10px 14px;\n                background: rgba(22, 27, 38, 0.9);\n                border: 1px solid rgba(255, 255, 255, 0.1);\n                border-radius: 8px;\n                color: #fff;\n                font-size: 0.95rem;\n            }\n            .aclc-submit-btn {\n                width: 100%;\n                padding: 12px;\n                background: linear-gradient(135deg, var(--aclc-primary-color) 0%, rgba(0, 0, 0, 0.2) 100%);\n                color: #fff;\n                border: none;\n                border-radius: 8px;\n                font-family: 'Outfit', sans-serif;\n                font-weight: 700;\n                font-size: 1rem;\n                cursor: pointer;\n                box-shadow: 0 4px 12px var(--aclc-primary-glow);\n                transition: all 0.3s ease;\n            }\n            .aclc-submit-btn:hover {\n                transform: translateY(-1px);\n                box-shadow: 0 6px 16px var(--aclc-primary-glow);\n            }\n            .aclc-forgot-link {\n                display: block;\n                text-align: center;\n                margin-top: 12px;\n                color: var(--aclc-primary-color);\n                font-size: 0.85rem;\n                text-decoration: none;\n                cursor: pointer;\n            }\n            .aclc-forgot-link:hover {\n                text-decoration: underline;\n            }\n            .aclc-forgot-box {\n                display: none;\n                margin-top: 15px;\n                padding-top: 15px;\n                border-top: 1px solid rgba(255, 255, 255, 0.08);\n            }\n            .aclc-form-message {\n                padding: 10px 14px;\n                border-radius: 8px;\n                font-size: 0.9rem;\n                margin-bottom: 16px;\n                display: none;\n                font-weight: 500;\n            }\n            .aclc-form-message-success {\n                background: rgba(0, 125, 25, 0.15);\n                border: 1px solid rgba(0, 125, 25, 0.3);\n                color: #52c41a;\n            }\n            .aclc-form-message-error {\n                background: rgba(239, 68, 68, 0.15);\n                border: 1px solid rgba(239, 68, 68, 0.3);\n                color: #fca5a5;\n            }\n        <\/style>\n\n        <div class=\"aclc-auth-wrapper\">\n            <input type=\"hidden\" id=\"aclc-auth-redirect\" value=\"\">\n            <div class=\"aclc-auth-container\">\n                <div class=\"aclc-auth-glow\" style=\"top: -10%; left: -10%;\"><\/div>\n                <div class=\"aclc-auth-glow\" style=\"bottom: -10%; right: -10%; background: rgba(0, 68, 255, 0.12);\"><\/div>\n                \n                \n                <div class=\"aclc-auth-grid\">\n                    <!-- LOGIN FORM -->\n                    <div class=\"aclc-auth-box\">\n                        <h2 class=\"aclc-auth-title\">Ya tengo una cuenta<\/h2>\n                        <div id=\"aclc-login-msg\" class=\"aclc-form-message\"><\/div>\n                        <form id=\"aclc-login-form\" onsubmit=\"event.preventDefault(); submitAclcLogin();\">\n                            <div class=\"aclc-form-field\">\n                                <label for=\"aclc-login-email\">Correo Electr\u00f3nico o Usuario<\/label>\n                                <input type=\"text\" id=\"aclc-login-email\" class=\"aclc-input-text\" value=\"\" required>\n                            <\/div>\n                            <div class=\"aclc-form-field\">\n                                <label for=\"aclc-login-pass\">Contrase\u00f1a<\/label>\n                                <input type=\"password\" id=\"aclc-login-pass\" class=\"aclc-input-text\" required>\n                            <\/div>\n                            <button type=\"submit\" class=\"aclc-submit-btn\">Iniciar Sesi\u00f3n<\/button>\n                            <a class=\"aclc-forgot-link\" onclick=\"toggleForgotBox()\">\u00bfOlvidaste tu contrase\u00f1a?<\/a>\n                        <\/form>\n\n                        <!-- FORGOT PASSWORD -->\n                        <div id=\"aclc-forgot-box\" class=\"aclc-forgot-box\">\n                            <form id=\"aclc-forgot-form\" onsubmit=\"event.preventDefault(); submitAclcForgot();\">\n                                <div class=\"aclc-form-field\">\n                                    <label for=\"aclc-forgot-email\">Ingresa tu Correo Electr\u00f3nico<\/label>\n                                    <input type=\"email\" id=\"aclc-forgot-email\" class=\"aclc-input-text\" required>\n                                <\/div>\n                                <button type=\"submit\" class=\"aclc-submit-btn\" style=\"background:#4b5563; box-shadow:none;\">Enviar Contrase\u00f1a<\/button>\n                            <\/form>\n                        <\/div>\n                    <\/div>\n\n                    <!-- REGISTRATION FORM -->\n                    <div class=\"aclc-auth-box\" id=\"aclc-register-box\" style=\"\">\n                        <h2 class=\"aclc-auth-title\">Crear una cuenta<\/h2>\n                        <div id=\"aclc-register-msg\" class=\"aclc-form-message\"><\/div>\n                        <form id=\"aclc-register-form\" onsubmit=\"event.preventDefault(); submitAclcRegister();\">\n                            <div class=\"aclc-form-field\">\n                                <label for=\"aclc-reg-name\">Nombre Completo<\/label>\n                                <input type=\"text\" id=\"aclc-reg-name\" class=\"aclc-input-text\" value=\"\" required>\n                            <\/div>\n                            <div class=\"aclc-form-field\">\n                                <label for=\"aclc-reg-email\">Correo Electr\u00f3nico<\/label>\n                                <input type=\"email\" id=\"aclc-reg-email\" class=\"aclc-input-text\" value=\"\" required>\n                            <\/div>\n                            <div class=\"aclc-form-field\">\n                                <label for=\"aclc-reg-phone\">WhatsApp (con lada del pa\u00eds)<\/label>\n                                <input type=\"tel\" id=\"aclc-reg-phone\" class=\"aclc-input-text\" value=\"\" placeholder=\"+52 55 1234 5678\" required>\n                            <\/div>\n                            <div class=\"aclc-form-field\">\n                                <label for=\"aclc-reg-pass\">Contrase\u00f1a<\/label>\n                                <input type=\"password\" id=\"aclc-reg-pass\" class=\"aclc-input-text\" placeholder=\"Elige tu contrase\u00f1a\" required>\n                            <\/div>\n                            <div class=\"aclc-form-field\">\n                                <label for=\"aclc-reg-ref\">\u00bfC\u00f3mo supiste de nosotros?<\/label>\n                                <select id=\"aclc-reg-ref\" class=\"aclc-select\">\n                                    <option value=\"Mini Perfil\" selected>Mini Perfil<\/option>\n                                    <option value=\"Recomendaci\u00f3n\">Recomendaci\u00f3n<\/option>\n                                    <option value=\"Google\">Google<\/option>\n                                    <option value=\"Facebook\">Facebook<\/option>\n                                    <option value=\"Otro\">Otro<\/option>\n                                <\/select>\n                            <\/div>\n                            <button type=\"submit\" class=\"aclc-submit-btn\">Crear Cuenta y Continuar<\/button>\n                        <\/form>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            function toggleForgotBox() {\n                var box = document.getElementById('aclc-forgot-box');\n                box.style.display = (box.style.display === 'block') ? 'none' : 'block';\n            }\n\n            function submitAclcLogin() {\n                const msgBox = document.getElementById('aclc-login-msg');\n                msgBox.style.display = 'none';\n                msgBox.className = 'aclc-form-message';\n                msgBox.textContent = '';\n\n                const email = document.getElementById('aclc-login-email').value;\n                const pass = document.getElementById('aclc-login-pass').value;\n\n                const data = new FormData();\n                data.append('action', 'aclc_login');\n                data.append('email', email);\n                data.append('password', pass);\n\n                fetch(\"https:\/\/app.zonesoflife.com\/wp-admin\/admin-ajax.php\", {\n                    method: 'POST',\n                    body: data\n                })\n                .then(r => r.json())\n                .then(res => {\n                    if (res.success) {\n                        msgBox.textContent = '\u00a1Inicio de sesi\u00f3n exitoso! Redirigiendo...';\n                        msgBox.classList.add('aclc-form-message-success');\n                        msgBox.style.display = 'block';\n                        const redirectInput = document.getElementById('aclc-auth-redirect');\n                        const redirectUrl = redirectInput ? redirectInput.value : '';\n                        setTimeout(() => {\n                            if (redirectUrl) {\n                                window.location.href = redirectUrl;\n                            } else {\n                                window.location.reload();\n                            }\n                        }, 800);\n                    } else {\n                        msgBox.textContent = res.message || 'Error al iniciar sesi\u00f3n.';\n                        msgBox.classList.add('aclc-form-message-error');\n                        msgBox.style.display = 'block';\n                    }\n                })\n                .catch(e => {\n                    msgBox.textContent = 'Error de conexi\u00f3n.';\n                    msgBox.classList.add('aclc-form-message-error');\n                    msgBox.style.display = 'block';\n                });\n            }\n\n            function submitAclcRegister() {\n                const msgBox = document.getElementById('aclc-register-msg');\n                msgBox.style.display = 'none';\n                msgBox.className = 'aclc-form-message';\n                msgBox.textContent = '';\n\n                const name = document.getElementById('aclc-reg-name').value;\n                const email = document.getElementById('aclc-reg-email').value;\n                const pass = document.getElementById('aclc-reg-pass').value;\n                const ref = document.getElementById('aclc-reg-ref').value;\n                const phoneEl = document.getElementById('aclc-reg-phone');\n                const phone = phoneEl ? phoneEl.value : '';\n\n                const data = new FormData();\n                data.append('action', 'aclc_register');\n                data.append('name', name);\n                data.append('email', email);\n                data.append('password', pass);\n                data.append('referredby', ref);\n                data.append('phone', phone);\n\n                fetch(\"https:\/\/app.zonesoflife.com\/wp-admin\/admin-ajax.php\", {\n                    method: 'POST',\n                    body: data\n                })\n                .then(r => r.json())\n                .then(res => {\n                    if (res.success) {\n                        msgBox.textContent = '\u00a1Cuenta creada exitosamente! Redirigiendo a tu compra...';\n                        msgBox.classList.add('aclc-form-message-success');\n                        msgBox.style.display = 'block';\n                        const redirectInput = document.getElementById('aclc-auth-redirect');\n                        const redirectUrl = redirectInput ? redirectInput.value : '';\n                        setTimeout(() => {\n                            if (redirectUrl) {\n                                window.location.href = redirectUrl;\n                            } else {\n                                window.location.reload();\n                            }\n                        }, 1000);\n                    } else {\n                        msgBox.textContent = res.message || 'Error al registrarse.';\n                        msgBox.classList.add('aclc-form-message-error');\n                        msgBox.style.display = 'block';\n                    }\n                })\n                .catch(e => {\n                    msgBox.textContent = 'Error de conexi\u00f3n.';\n                    msgBox.classList.add('aclc-form-message-error');\n                    msgBox.style.display = 'block';\n                });\n            }\n\n            document.addEventListener('DOMContentLoaded', function() {\n                const isReg = false;\n                if (isReg) {\n                    const passField = document.getElementById('aclc-reg-pass');\n                    if (passField) {\n                        setTimeout(() => { passField.focus(); }, 300);\n                    }\n                }\n            });\n\n            function submitAclcForgot() {\n                const email = document.getElementById('aclc-forgot-email').value;\n\n                const data = new FormData();\n                data.append('action', 'aclc_forgot_password');\n                data.append('email', email);\n\n                fetch(\"https:\/\/app.zonesoflife.com\/wp-admin\/admin-ajax.php\", {\n                    method: 'POST',\n                    body: data\n                })\n                .then(r => r.json())\n                .then(res => {\n                    alert(res.message);\n                    if(res.success) {\n                        document.getElementById('aclc-forgot-box').style.display = 'none';\n                    }\n                })\n                .catch(e => alert('Error de conexi\u00f3n.'));\n            }\n        <\/script>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-144","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/app.zonesoflife.com\/es\/wp-json\/wp\/v2\/pages\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.zonesoflife.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app.zonesoflife.com\/es\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/app.zonesoflife.com\/es\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":0,"href":"https:\/\/app.zonesoflife.com\/es\/wp-json\/wp\/v2\/pages\/144\/revisions"}],"wp:attachment":[{"href":"https:\/\/app.zonesoflife.com\/es\/wp-json\/wp\/v2\/media?parent=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}