{"id":17021,"date":"2024-12-22T11:22:56","date_gmt":"2024-12-22T16:22:56","guid":{"rendered":"https:\/\/demo2.mybscu.org\/?page_id=17021"},"modified":"2025-03-12T23:01:34","modified_gmt":"2025-03-13T03:01:34","slug":"sign-in","status":"publish","type":"page","link":"https:\/\/demo2.mybscu.org\/es\/sign-in\/","title":{"rendered":"Iniciar sesi\u00f3n"},"content":{"rendered":"<div data-parent=\"true\" class=\"vc_row row-container\" id=\"row-unique-0\"><div class=\"row full-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" >\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        brand: '#00475f',\n                    }\n                }\n            }\n        }\n    <\/script>\n    \n    <!-- Modal styles -->\n    <style>\n        .modal-overlay {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background-color: rgba(0, 0, 0, 0.5);\n            z-index: 50;\n            justify-content: center;\n            align-items: center;\n        }\n        \n        .modal-container {\n            background-color: white;\n            border-radius: 0.75rem;\n            width: 90%;\n            max-width: 500px;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n            padding: 1.5rem;\n        }\n        \n        .modal-close {\n            position: absolute;\n            right: 1rem;\n            top: 1rem;\n            font-size: 1.5rem;\n            cursor: pointer;\n        }\n        \n        select:focus {\n            box-shadow: 0 0 0 2px rgba(0, 71, 95, 0.2);\n        }\n    <\/style>\n    <!-- WordPress CSS Isolation -->\n    <style>\n        \/* Create a namespace for our styles to prevent WordPress conflicts *\/\n        #bscu-login-portal {\n            \/* Reset styles *\/\n            all: initial;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            box-sizing: border-box;\n            color: #333;\n            line-height: 1.5;\n        }\n        \n        #bscu-login-portal * {\n            box-sizing: border-box;\n        }\n        \n        \/* Move our existing styles inside the namespace *\/\n        .login-button, .login-button * {\n            background-color: #00475f !important;\n            color: white !important;\n            font-weight: 500 !important;\n            width: 100% !important;\n            padding-top: 0.75rem !important;\n            padding-bottom: 0.75rem !important;\n            border-radius: 0.5rem !important;\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;\n            transition: opacity 0.3s !important;\n            text-align: center !important;\n            display: block !important;\n        }\n        \n        .login-button:hover {\n            opacity: 0.9 !important;\n        }\n        .active-tab, .active-tab * {\n            background-color: #eaaf00 !important;\n            color: white !important;\n            font-weight: 800;\n        }\n        input:focus ~ label,\n        input:not(:placeholder-shown) ~ label {\n            transform: translateY(-1.5rem) scale(0.75);\n            background-color: white;\n            padding: 0 0.2rem;\n        }\n        \n        \/* Enhanced link styles *\/\n        .enhanced-link {\n            font-weight: 700 !important;\n            font-size: 1.1rem !important;\n        }\n    <\/style>\n\n    <script src=\"https:\/\/demo2.mybscu.org\/ads-data.js\" defer><\/script>\n<div id=\"bscu-login-portal\">\n    <div class=\"min-h-screen flex items-center justify-center p-4\">\n        <div class=\"container mx-auto max-w-6xl flex flex-col lg:flex-row gap-8 items-start mt-28 sm:mt-14 md:mt-16 lg:mt-0\">\n            <!-- Login Section -->\n            <div class=\"w-full lg:w-1\/2\">\n                <div class=\"bg-white rounded-xl shadow-lg overflow-hidden\">\n                    <!-- Tabs -->\n                    <div class=\"grid grid-cols-3 border-b\">\n                        <button onclick=\"switchTab('banking')\" \n                                id=\"banking-tab\"\n                                class=\"active-tab p-4 text-center font-medium transition-colors\">\n                            Banca en L\u00ednea\n                        <\/button>\n                        <button onclick=\"switchTab('business')\" \n                                id=\"business-tab\"\n                                class=\"p-4 text-center font-medium transition-colors hover:bg-gray-50\">\n                            Pr\u00e9stamos Comerciales\n                        <\/button>\n                        <button onclick=\"switchTab('mortgage')\" \n                                id=\"mortgage-tab\"\n                                class=\"p-4 text-center font-medium transition-colors hover:bg-gray-50\">\n                            Hipoteca\n                        <\/button>\n                    <\/div>\n\n                    <!-- Forms Container -->\n                    <div class=\"p-6\">\n                        <!-- Online Banking Form -->\n                        <form id=\"banking-form\" \n                              action=\"https:\/\/olb.bscu.org\/bscu\/uux.aspx\" \n                              method=\"post\" \n                              class=\"space-y-6\">\n                            <div class=\"relative\">\n                                <input type=\"text\" \n                                       id=\"banking-username\" \n                                       name=\"user_id\"\n                                       class=\"w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-brand focus:border-brand outline-none transition-all\"\n                                       placeholder=\" \"\n                                       required>\n                                <label for=\"banking-username\"\n                                       class=\"absolute left-4 top-3 text-gray-500 transition-all duration-200\">\n                                    ID de miembro\/inicio de sesi\u00f3n\n                                <\/label>\n                            <\/div>\n                            <div class=\"relative\">\n                                <input type=\"password\" \n                                       id=\"banking-password\" \n                                       name=\"password\"\n                                       class=\"w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-brand focus:border-brand outline-none transition-all\"\n                                       placeholder=\" \"\n                                       required>\n                                <label for=\"banking-password\"\n                                       class=\"absolute left-4 top-3 text-gray-500 transition-all duration-200\">\n                                    Contrase\u00f1a\n                                <\/label>\n                            <\/div>\n                            <button type=\"submit\" class=\"login-button\">\n                                Iniciar sesi\u00f3n en la banca en l\u00ednea\n                            <\/button>\n                            <div class=\"text-center text-sm space-x-2\">\n                                <a href=\"#\" class=\"text-brand hover:underline enhanced-link\" onclick=\"openEnrollModal(); return false;\">Inscribirse<\/a>\n                                <span class=\"text-gray-400\">|<\/span>\n                                <a href=\"#\" class=\"text-brand hover:underline enhanced-link\" onclick=\"openForgotModal(); return false;\">Olvid\u00e9 mi nombre de usuario o contrase\u00f1a<\/a>\n                            <\/div>\n                        <\/form>\n\n                        <!-- Business Loans Form -->\n                        <form id=\"business-form\" \n                              action=\"https:\/\/bscu.ficsloanstat.com\/User\/Login\" \n                              method=\"post\" \n                              class=\"space-y-6 hidden\">\n                            <div class=\"relative\">\n                                <input type=\"text\" \n                                       id=\"business-username\" \n                                       name=\"user_id\"\n                                       class=\"w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-brand focus:border-brand outline-none transition-all\"\n                                       placeholder=\" \"\n                                       required>\n                                <label for=\"business-username\"\n                                       class=\"absolute left-4 top-3 text-gray-500 transition-all duration-200\">\n                                    Nombre de usuario\n                                <\/label>\n                            <\/div>\n                            <div class=\"relative\">\n                                <input type=\"password\" \n                                       id=\"business-password\" \n                                       name=\"password\"\n                                       class=\"w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-brand focus:border-brand outline-none transition-all\"\n                                       placeholder=\" \"\n                                       required>\n                                <label for=\"business-password\"\n                                       class=\"absolute left-4 top-3 text-gray-500 transition-all duration-200\">\n                                    Contrase\u00f1a\n                                <\/label>\n                            <\/div>\n                            <button type=\"submit\" class=\"login-button\">\n                                Iniciar sesi\u00f3n en Pr\u00e9stamos para empresas\n                            <\/button>\n                            <div class=\"text-center text-sm space-x-2\">\n                                <a href=\"#\" class=\"text-brand hover:underline enhanced-link\">Registro<\/a>\n                                <span class=\"text-gray-400\">|<\/span>\n                                <a href=\"#\" class=\"text-brand hover:underline enhanced-link\">Cont\u00e1ctenos<\/a>\n                                <span class=\"text-gray-400\">|<\/span>\n                                <a href=\"#\" class=\"text-brand hover:underline enhanced-link\">Has olvidado tu contrase\u00f1a<\/a>\n                            <\/div>\n                        <\/form>\n\n                        <!-- Mortgage Form -->\n                        <div id=\"mortgage-form\" class=\"space-y-6 hidden\">\n                            <a href=\"https:\/\/loansphereservicingdigital.bkiconnect.com\/mtgserv\/#\/login\"\n                               class=\"login-button\">\n                                Acceso al portal hipotecario\n                            <\/a>\n                            <div class=\"text-center\">\n                                <p class=\"font-medium mb-2\">\u00bfA\u00fan no tienes una cuenta?<\/p>\n                                <a href=\"#\" class=\"text-brand hover:underline font-medium\">\n                                    Registre su cuenta\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Ads Section -->\n            <div class=\"w-full lg:w-1\/2\">\n                <div id=\"ad-container\" class=\"bg-white rounded-xl shadow-lg transition-all duration-300 hover:shadow-xl\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Forgot Modal -->\n    <div id=\"forgotModal\" class=\"modal-overlay\">\n        <div class=\"modal-container relative\">\n            <span class=\"modal-close\" onclick=\"closeForgotModal()\">\u00d7<\/span>\n            <h2 class=\"!text-2xl !font-bold !mb-4 !text-brand\">Opciones de recuperaci\u00f3n de cuenta<\/h2>\n            <p class=\"mb-6\">Seleccione el \u00e1rea en la que necesita ayuda:<\/p>\n            \n            <form id=\"forgotForm\" class=\"space-y-4\" action=\"\">\n                <div class=\"relative\">\n                    <select id=\"recoveryType\" name=\"recoveryType\" class=\"w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-brand focus:border-brand outline-none appearance-none transition-all bg-white\">\n                        <option value=\"\" disabled selected>-- Seleccionar opci\u00f3n de recuperaci\u00f3n --<\/option>\n                        <option value=\"username\">Olvid\u00e9 mi nombre de usuario<\/option>\n                        <option value=\"password\">Has olvidado tu contrase\u00f1a<\/option>\n                        <option value=\"unlock\">Desbloquear cuenta<\/option>\n                    <\/select>\n                    <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\">\n                        \n                    <\/div>\n                <\/div>\n                \n                <button type=\"button\" onclick=\"continueRecovery()\" class=\"login-button\">\n                    Continuar\n                <\/button>\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n        <\/div>\n    <\/div>\n    \n    <!-- Enroll Modal -->\n    <div id=\"enrollModal\" class=\"modal-overlay\">\n        <div class=\"modal-container relative\">\n            <span class=\"modal-close\" onclick=\"closeEnrollModal()\">\u00d7<\/span>\n            <h2 class=\"!text-2xl !font-bold !mb-4 !text-brand\">Inscr\u00edbase en la Banca en L\u00ednea<\/h2>\n            <p class=\"mb-6\">Seleccione su tipo de cuenta para continuar:<\/p>\n            \n            <form id=\"enrollForm\" class=\"space-y-4\" action=\"\">\n                <div class=\"relative\">\n                    <select id=\"accountType\" name=\"accountType\" class=\"w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-brand focus:border-brand outline-none appearance-none transition-all bg-white\">\n                        <option value=\"\" disabled selected>-- Seleccione su tipo de cuenta --<\/option>\n                        <option value=\"primary\">Soy el titular principal de la cuenta.<\/option>\n                        <option value=\"joint\">Soy el cotitular de la cuenta.<\/option>\n                        <option value=\"business\">Tengo una cuenta comercial<\/option>\n                    <\/select>\n                    <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\">\n                        \n                    <\/div>\n                <\/div>\n                \n                <button type=\"button\" onclick=\"continueEnrollment()\" class=\"login-button\">\n                    Continuar\n                <\/button>\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n        <\/div>\n    <\/div>\n    \n    <script>\n        function switchTab(tab) {\n            \/\/ Update tab styles\n            ['banking', 'business', 'mortgage'].forEach(t => {\n                const tabEl = document.getElementById(`${t}-tab`);\n                const formEl = document.getElementById(`${t}-form`);\n                if (t === tab) {\n                    tabEl.classList.add('active-tab');\n                    formEl.classList.remove('hidden');\n                } else {\n                    tabEl.classList.remove('active-tab');\n                    formEl.classList.add('hidden');\n                }\n            });\n        }\n\n        \/\/ Ad rotation functionality\n        function displayRandomAd() {\n            const adContainer = document.getElementById('ad-container');\n            if (window.promotionalAds && window.promotionalAds.length > 0) {\n                const randomAd = window.promotionalAds[Math.floor(Math.random() * window.promotionalAds.length)];\n                adContainer.innerHTML = randomAd.content;\n            }\n        }\n\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Initialize ads if available\n            if (window.promotionalAds) {\n                displayRandomAd();\n                setInterval(displayRandomAd, 30000);\n            }\n        });\n        \n        \/\/ Modal functions\n        function openEnrollModal() {\n            document.getElementById('enrollModal').style.display = 'flex';\n        }\n        \n        function closeEnrollModal() {\n            document.getElementById('enrollModal').style.display = 'none';\n            \/\/ Reset form\n            document.getElementById('enrollForm').reset();\n        }\n        \n        function openForgotModal() {\n            document.getElementById('forgotModal').style.display = 'flex';\n        }\n        \n        function closeForgotModal() {\n            document.getElementById('forgotModal').style.display = 'none';\n            \/\/ Reset form\n            document.getElementById('forgotForm').reset();\n        }\n        \n        function continueRecovery() {\n            const dropdown = document.getElementById('recoveryType');\n            const selectedOption = dropdown.options[dropdown.selectedIndex];\n            \n            if (!selectedOption || selectedOption.disabled) {\n                alert('Please select a recovery option to continue.');\n                return;\n            }\n            \n            const recoveryType = selectedOption.value;\n            let redirectUrl;\n            \n            switch(recoveryType) {\n                case 'username':\n                    redirectUrl = 'https:\/\/olb.bscu.org\/bscu\/sdk\/AccountRecovery';\n                    break;\n                case 'password':\n                    redirectUrl = 'https:\/\/olb.bscu.org\/bscu\/uux.aspx#\/login\/resetPasswordUsername';\n                    break;\n                case 'unlock':\n                    redirectUrl = 'https:\/\/olb.bscu.org\/bscu\/sdk\/AccountRecovery';\n                    break;\n                default:\n                    redirectUrl = 'https:\/\/olb.bscu.org\/bscu\/sdk\/AccountRecovery';\n            }\n            \n            \/\/ Redirect to the appropriate recovery page\n            window.location.href = redirectUrl;\n        }\n        \n        function continueEnrollment() {\n            const dropdown = document.getElementById('accountType');\n            const selectedOption = dropdown.options[dropdown.selectedIndex];\n            \n            if (!selectedOption || selectedOption.disabled) {\n                alert('Please select an account type to continue.');\n                return;\n            }\n            \n            const accountType = selectedOption.value;\n            let redirectUrl;\n            \n            switch(accountType) {\n                case 'primary':\n                    redirectUrl = 'https:\/\/www.bscu.org\/enroll';\n                    break;\n                case 'joint':\n                    redirectUrl = 'https:\/\/www.bscu.org\/jointenroll';\n                    break;\n                case 'business':\n                    redirectUrl = 'https:\/\/www.bscu.org\/businessenroll';\n                    break;\n                default:\n                    redirectUrl = 'https:\/\/www.bscu.org\/enroll';\n            }\n            \n            \/\/ Redirect to the appropriate enrollment page\n            window.location.href = redirectUrl;\n        }\n    <\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-0\" data-row=\"script-row-unique-0\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-0\"));<\/script><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"Online Banking Business Loans Mortgage Member\/Login ID Password Log in to Online Banking Enroll | Forgot Username or Password Username [...]","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17021","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/pages\/17021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/comments?post=17021"}],"version-history":[{"count":4,"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/pages\/17021\/revisions"}],"predecessor-version":[{"id":17353,"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/pages\/17021\/revisions\/17353"}],"wp:attachment":[{"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/media?parent=17021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}