{"id":990,"date":"2026-01-21T18:49:14","date_gmt":"2026-01-22T00:49:14","guid":{"rendered":"https:\/\/s-cool.net\/?page_id=990"},"modified":"2026-01-21T18:49:14","modified_gmt":"2026-01-22T00:49:14","slug":"registration","status":"publish","type":"page","link":"https:\/\/s-cool.net\/es\/registration\/","title":{"rendered":"Registration"},"content":{"rendered":"    \n    <style>\n        \/* Contenedor Principal *\/\n        .sc-box { \n            max-width: 450px; \n            margin: 30px auto; \n            padding: 30px; \n            border: 1px solid #e2e8f0; \n            border-radius: 12px; \n            background: #fff; \n            font-family: 'Segoe UI', sans-serif; \n            box-shadow: 0 4px 15px rgba(0,0,0,0.05); \n        }\n        \n        .sc-box h3 { \n            text-align: center; \n            color: #1e293b; \n            margin-top: 0; \n            font-size: 1.5rem; \n            margin-bottom: 20px; \n        }\n        \n        .sc-f-g { \n            margin-bottom: 15px; \n        }\n        \n        .sc-lbl { \n            display: block; \n            font-size: 14px; \n            font-weight: 700; \n            color: #334155; \n            margin-bottom: 8px; \n        }\n        \n        \/* CSS ROBUSTO PARA INPUTS (Evita cortes de texto) *\/\n        .sc-in { \n            display: block;\n            width: 100%; \n            height: auto !important; \n            min-height: 48px; \/* Altura m\u00ednima segura *\/\n            padding: 12px 15px !important; \n            margin: 0;\n            border: 1px solid #cbd5e1; \n            border-radius: 6px; \n            font-size: 16px !important; \n            line-height: 1.5 !important;\n            background-color: #ffffff !important;\n            color: #0f172a !important;\n            box-shadow: none;\n            box-sizing: border-box;\n            appearance: none;\n            -webkit-appearance: none;\n        }\n        \n        \/* Flecha personalizada para Select *\/\n        select.sc-in {\n            background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\n            background-repeat: no-repeat;\n            background-position: right 15px center;\n            background-size: 16px;\n            padding-right: 40px !important;\n        }\n\n        .sc-in:focus { \n            border-color: #2563eb; \n            outline: none; \n            box-shadow: 0 0 0 3px rgba(37,99,235,0.1); \n        }\n        \n        .sc-in.error { \n            border-color: #dc2626 !important; \n            background: #fef2f2 !important; \n        }\n        \n        .sc-in.success { \n            border-color: #16a34a !important; \n            background: #f0fdf4 !important; \n        }\n        \n        \/* Botones *\/\n        .sc-btn { \n            width: 100%; \n            padding: 15px; \n            background: #2563eb; \n            color: #fff; \n            border: none; \n            border-radius: 8px; \n            font-weight: bold; \n            cursor: pointer; \n            font-size: 16px; \n            margin-top: 10px; \n            transition: 0.3s; \n        }\n        \n        .sc-btn:hover { background: #1d4ed8; }\n        .sc-btn:disabled { background: #94a3b8; cursor: not-allowed; opacity: 0.8; }\n\n        \/* Links e Intercambio *\/\n        .sc-sw { \n            text-align: center; \n            margin-top: 20px; \n            font-size: 14px; \n            color: #64748b; \n        }\n        \n        .sc-sw a { \n            color: #2563eb; \n            cursor: pointer; \n            font-weight: bold; \n            text-decoration: none; \n        }\n        \n        \/* Alertas y Errores *\/\n        .sc-alert { \n            padding: 15px; \n            border-radius: 6px; \n            font-size: 14px; \n            margin-bottom: 20px; \n            text-align: center; \n        }\n        \n        .sc-alert.error { \n            background: #fee2e2; \n            color: #b91c1c; \n            border: 1px solid #fca5a5; \n        }\n        \n        .sc-live-err { \n            color: #dc2626; \n            font-size: 13px; \n            font-weight: bold; \n            margin-top: 5px; \n            display: none; \n        }\n    <\/style>\n\n    <div class=\"sc-box\" id=\"reg-div\">\n        <h3 id=\"lbl_reg_title\">Parent Registration<\/h3>\n        \n        \n        <form method=\"post\" id=\"reg_form\" autocomplete=\"off\">\n            \n            <div class=\"sc-f-g\">\n                <label class=\"sc-lbl\" id=\"lbl_lang\">Language \/ Idioma<\/label>\n                <select name=\"lang_pref\" id=\"reg_lang\" class=\"sc-in\">\n                    <option value=\"en\" >\ud83c\uddfa\ud83c\uddf8 English<\/option>\n                    <option value=\"es\"  selected='selected'>\ud83c\uddea\ud83c\uddf8 Espa\u00f1ol<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"sc-f-g\">\n                <label class=\"sc-lbl\" id=\"lbl_fn\">Parent First Name<\/label>\n                <input type=\"text\" name=\"p_fname\" class=\"sc-in\" value=\"\" required>\n            <\/div>\n\n            <div class=\"sc-f-g\">\n                <label class=\"sc-lbl\" id=\"lbl_ln\">Parent Last Name<\/label>\n                <input type=\"text\" name=\"p_lname\" class=\"sc-in\" value=\"\" required>\n            <\/div>\n\n            <div class=\"sc-f-g\">\n                <label class=\"sc-lbl\" id=\"lbl_em\">Parent Email<\/label>\n                <input type=\"email\" name=\"email\" class=\"sc-in\" value=\"\" required>\n            <\/div>\n\n            <div style=\"display:flex; gap:10px;\">\n                <div class=\"sc-f-g\" style=\"flex:1;\">\n                    <label class=\"sc-lbl\" id=\"lbl_pw\">Password<\/label>\n                    <input type=\"password\" name=\"reg_pwd1\" id=\"rp1\" class=\"sc-in\" required minlength=\"6\">\n                <\/div>\n                <div class=\"sc-f-g\" style=\"flex:1;\">\n                    <label class=\"sc-lbl\" id=\"lbl_cpw\">Confirm Password<\/label>\n                    <input type=\"password\" name=\"reg_pwd2\" id=\"rp2\" class=\"sc-in\" required minlength=\"6\">\n                <\/div>\n            <\/div>\n            \n            <div id=\"pwd_match_err\" class=\"sc-live-err\" style=\"margin-bottom:10px;\">Passwords do not match<\/div>\n\n            <button type=\"submit\" name=\"sc_reg_v42\" id=\"btn_reg\" class=\"sc-btn\" disabled>Create Account<\/button>\n        <\/form>\n        \n        <div class=\"sc-sw\">\n            <span id=\"lbl_have_acc\">Already registered?<\/span> \n            <a onclick=\"scSwap('login')\" id=\"lbl_login_link\">Login here<\/a>\n        <\/div>\n    <\/div>\n\n    <div class=\"sc-box\" id=\"log-div\" style=\"display:none;\">\n        <h3 id=\"lbl_log_title\">Login<\/h3>\n        <form method=\"post\" action=\"https:\/\/s-cool.net\/wp-login.php\">\n            <div class=\"sc-f-g\">\n                <input type=\"text\" name=\"log\" class=\"sc-in\" id=\"ph_user\" placeholder=\"User or Email\" required>\n            <\/div>\n            <div class=\"sc-f-g\">\n                <input type=\"password\" name=\"pwd\" class=\"sc-in\" id=\"ph_pass\" placeholder=\"Password\" required>\n            <\/div>\n            <button type=\"submit\" class=\"sc-btn\" id=\"btn_enter\">Enter Locker<\/button>\n            <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/s-cool.net\/es\/locker\">\n        <\/form>\n        \n        <div class=\"sc-sw\">\n            <span id=\"lbl_new\">New here?<\/span> \n            <a onclick=\"scSwap('reg')\" id=\"lbl_reg_link\">Register<\/a>\n        <\/div>\n    <\/div>\n\n    <script>\n    \/\/ Diccionario de Traducci\u00f3n\n    const scDic = {\n        'en': {\n            reg_title: 'Parent Registration',\n            lang: 'Language \/ Idioma',\n            fn: 'Parent First Name',\n            ln: 'Parent Last Name',\n            em: 'Parent Email',\n            pw: 'Password',\n            cpw: 'Confirm Password',\n            btn_reg: 'Create Account',\n            have_acc: 'Already registered?',\n            login_link: 'Login here',\n            log_title: 'Login',\n            ph_u: 'User or Email',\n            ph_p: 'Password',\n            btn_ent: 'Enter Locker',\n            new_here: 'New here?',\n            reg_link: 'Register',\n            err_match: 'Passwords do not match',\n            err_short: 'Password too short (min 6 chars)'\n        },\n        'es': {\n            reg_title: 'Registro de Tutores',\n            lang: 'Idioma \/ Language',\n            fn: 'Nombre del Padre\/Tutor',\n            ln: 'Apellido del Padre\/Tutor',\n            em: 'Email del Padre\/Tutor',\n            pw: 'Contrase\u00f1a',\n            cpw: 'Confirmar Contrase\u00f1a',\n            btn_reg: 'Crear Cuenta',\n            have_acc: '\u00bfYa tienes cuenta?',\n            login_link: 'Inicia Sesi\u00f3n',\n            log_title: 'Iniciar Sesi\u00f3n',\n            ph_u: 'Usuario o Email',\n            ph_p: 'Contrase\u00f1a',\n            btn_ent: 'Entrar al Locker',\n            new_here: '\u00bfNuevo aqu\u00ed?',\n            reg_link: 'Reg\u00edstrate',\n            err_match: 'Las contrase\u00f1as no coinciden',\n            err_short: 'Contrase\u00f1a muy corta (min 6 car\u00e1cteres)'\n        }\n    };\n\n    document.addEventListener('DOMContentLoaded', function() {\n        const sel = document.getElementById('reg_lang');\n        const p1 = document.getElementById('rp1');\n        const p2 = document.getElementById('rp2');\n        const btnReg = document.getElementById('btn_reg');\n        const errDiv = document.getElementById('pwd_match_err');\n        \n        \/\/ Auto-select based on PHP detection (URL) or fallback to Browser\n        if(!sel.value) { \n            sel.value='es';        }\n        \n        \/\/ Apply Translation on Load\n        scApplyLang();\n        \n        \/\/ Listeners\n        sel.addEventListener('change', scApplyLang);\n        p1.addEventListener('input', scCheckPwd);\n        p2.addEventListener('input', scCheckPwd);\n\n        function scApplyLang() {\n            const t = scDic[sel.value];\n            \/\/ Update Text Elements\n            document.getElementById('lbl_reg_title').innerText = t.reg_title;\n            document.getElementById('lbl_lang').innerText = t.lang;\n            document.getElementById('lbl_fn').innerText = t.fn;\n            document.getElementById('lbl_ln').innerText = t.ln;\n            document.getElementById('lbl_em').innerText = t.em;\n            document.getElementById('lbl_pw').innerText = t.pw;\n            document.getElementById('lbl_cpw').innerText = t.cpw;\n            document.getElementById('btn_reg').innerText = t.btn_reg;\n            document.getElementById('lbl_have_acc').innerText = t.have_acc;\n            document.getElementById('lbl_login_link').innerText = t.login_link;\n            document.getElementById('lbl_log_title').innerText = t.log_title;\n            document.getElementById('ph_user').placeholder = t.ph_u;\n            document.getElementById('ph_pass').placeholder = t.ph_p;\n            document.getElementById('btn_enter').innerText = t.btn_ent;\n            document.getElementById('lbl_new').innerText = t.new_here;\n            document.getElementById('lbl_reg_link').innerText = t.reg_link;\n            \n            \/\/ Re-validate if user was typing to update error language\n            if(p2.value.length > 0) scCheckPwd();\n        }\n\n        function scCheckPwd() {\n            const v1 = p1.value;\n            const v2 = p2.value;\n            const lang = sel.value;\n            \n            \/\/ Reset state\n            p2.classList.remove('error', 'success');\n            errDiv.style.display = 'none';\n            btnReg.disabled = true;\n\n            \/\/ Wait until min length\n            if(v1.length > 0 && v1.length < 6) return; \n\n            \/\/ Validate match\n            if(v2.length > 0) {\n                if(v1 !== v2) {\n                    p2.classList.add('error');\n                    errDiv.innerText = scDic[lang].err_match;\n                    errDiv.style.display = 'block';\n                    btnReg.disabled = true;\n                } else {\n                    if(v1.length >= 6) {\n                        p2.classList.add('success');\n                        errDiv.style.display = 'none';\n                        btnReg.disabled = false;\n                    } else {\n                         errDiv.innerText = scDic[lang].err_short;\n                         errDiv.style.display = 'block';\n                    }\n                }\n            }\n        }\n    });\n\n    function scSwap(mode) {\n        document.getElementById('reg-div').style.display = (mode==='reg')?'block':'none';\n        document.getElementById('log-div').style.display = (mode==='login')?'block':'none';\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":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-990","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Headmaster","author_link":"https:\/\/s-cool.net\/es\/author\/headmaster\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/s-cool.net\/es\/wp-json\/wp\/v2\/pages\/990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s-cool.net\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/s-cool.net\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/s-cool.net\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/s-cool.net\/es\/wp-json\/wp\/v2\/comments?post=990"}],"version-history":[{"count":1,"href":"https:\/\/s-cool.net\/es\/wp-json\/wp\/v2\/pages\/990\/revisions"}],"predecessor-version":[{"id":991,"href":"https:\/\/s-cool.net\/es\/wp-json\/wp\/v2\/pages\/990\/revisions\/991"}],"wp:attachment":[{"href":"https:\/\/s-cool.net\/es\/wp-json\/wp\/v2\/media?parent=990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}