{"id":243,"date":"2016-08-15T15:35:58","date_gmt":"2016-08-15T15:35:58","guid":{"rendered":"https:\/\/old.mybscu.org\/?page_id=243"},"modified":"2026-03-02T17:07:59","modified_gmt":"2026-03-02T22:07:59","slug":"locations","status":"publish","type":"page","link":"https:\/\/old.mybscu.org\/es\/locations\/","title":{"rendered":"Ubicaciones"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><section data-parent=\"true\" class=\"vc_section row-container\" id=\"section-unique-0\"><div class=\"row-background background-element\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"background-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"background-inner\" style=\"background-image: url(https:\/\/old.mybscu.org\/wp-content\/uploads\/2019\/01\/locations-bg.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"block-bg-overlay style-color-wayh-bg\" style=\"opacity: 0.5;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div><div class=\"row no-top-padding no-bottom-padding no-h-padding full-width row-parent\"><div data-parent=\"true\" class=\"vc_row row-container\" id=\"row-unique-0\"><div class=\"row unequal limit-width row-parent\" data-height-ratio=\"40\" data-minheight=\"300\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-middle pos-center align_center align_center_mobile column_parent col-lg-12 no-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div id=\"ultimate-heading-116669e140323ad57\" class=\"uvc-heading ult-adjust-bottom-margin ultimate-heading-116669e140323ad57 uvc-8479\" data-hspacer=\"no_spacer\"  data-halign=\"center\" style=\"text-align:center\"><div class=\"uvc-heading-spacer no_spacer\" style=\"top\"><\/div><div class=\"uvc-main-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-116669e140323ad57 h1'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}' ><h1 style=\"font-weight:bold;color:#ffffff;\">Ubicaciones<\/h1><\/div><div class=\"uvc-sub-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-116669e140323ad57 .uvc-sub-heading '  data-responsive-json-new='{\"font-size\":\"desktop:36px;mobile:25px;\",\"line-height\":\"\"}'  style=\"font-weight:normal;color:#ffffff;\"><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Encuentre una sucursal de BrightStar CU cerca de usted.<\/span><\/p>\n<p><\/div><\/div><div class=\"ult-spacer spacer-69e140323ad9b\" data-id=\"69e140323ad9b\" data-height=\"\" data-height-mobile=\"\" data-height-tab=\"\" data-height-tab-portrait=\"\" data-height-mobile-landscape=\"\" style=\"clear:both;display:block;\"><\/div><\/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><script id=\"script-section-unique-0\" data-section=\"script-section-unique-0\" type=\"text\/javascript\">UNCODE.initSection(document.getElementById(\"section-unique-0\"));<\/script><\/div><\/section><div data-parent=\"true\" class=\"vc_row style-color-lxmt-bg vc_custom_1737470479250 row-container onepage-section\" data-label=\"appointment-request\" data-name=\"appointment-request\" style=\"padding-top: 20px ;padding-bottom: 20px ;\" id=\"row-unique-1\"><div class=\"row col-half-gutter limit-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_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/18.2.0\/umd\/react.production.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react-dom\/18.2.0\/umd\/react-dom.production.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-standalone\/7.23.5\/babel.min.js\"><\/script>\n\n<!-- Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" \/>\n<div id=\"root\"><\/div>\n\n<script type=\"text\/babel\">\n\tfunction IconCarousel() {\n\t\tconst [currentPage, setCurrentPage] = React.useState(0);\n\t\t\n\t\tconst items = [\n\t\t   { icon: 'fa-solid fa-location-pin', text: 'Locate a Branch', href: '#locate' },\n\t\t\t{ icon: 'fa-solid fa-calendar', text: 'Book an Appointment', href: 'https:\/\/oac.fmsiportal.com\/AppointmentWidget\/service?urlCode=9PI5197YG4ODRDVJEJAU' },\n\t\t\t{ icon: 'fa-solid fa-calendar', text: 'Financial Advisor Appointment', href: '\/financial-counselors\/' },\n\t\t\t{ icon: 'fa-solid fa-money-bills', text: 'Publix Presto ATMs', href: 'https:\/\/pages.publix.com\/presto-customer' },\n\t\t\t{ icon: 'fa-solid fa-bank', text: 'Find a Shared Branch', href: '\/shared-branching' },\n\t\t\t{ icon: 'fa-solid fa-money-bills', text: 'CULIANCE (ATM Locator)', href: 'https:\/\/www.culiance.com\/ATMLocator\/?charterNum=67347' }\n\t\t];\n\n\t\tconst itemsPerPage = 6;\n\t\tconst totalPages = Math.ceil(items.length \/ itemsPerPage);\n\n\t\tconst navigate = (direction) => {\n\t\t\tsetCurrentPage((prev) => (prev + direction + totalPages) % totalPages);\n\t\t};\n\n\t\tconst visibleItems = items.slice(\n\t\t\tcurrentPage * itemsPerPage,\n\t\t\t(currentPage + 1) * itemsPerPage\n\t\t);\n\n\t\treturn (\n\t\t\t<div className=\"max-w-6xl mx-auto px-4 py-8\">\n\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() => navigate(-1)}\n\t\t\t\t\t\tclassName=\"absolute -left-4 top-1\/2 -translate-y-1\/2 bg-gradient-to-r from-[#00475f] to-[#006184] text-white rounded-full p-2 shadow-lg hover:opacity-90 transition-opacity z-10 w-10 h-10 flex items-center justify-center\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<i className=\"fa-solid fa-chevron-left\"><\/i>\n\t\t\t\t\t<\/button>\n\n\t\t\t\t\t<div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4\">\n\t\t\t\t\t\t{visibleItems.map((item, index) => (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref={item.href}\n\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\tclassName=\"bg-white rounded-lg p-6 shadow-md hover:-translate-y-1 hover:shadow-lg transition-all duration-300 flex flex-col items-center justify-center min-h-48 group no-underline\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<i className={`${item.icon} text-3xl mb-4 text-[#00475f] group-hover:scale-110 transition-transform`}><\/i>\n\t\t\t\t\t\t\t\t<p className=\"text-center font-semibold text-sm text-gray-800 group-hover:text-[#00475f] transition-colors\">\n\t\t\t\t\t\t\t\t\t{item.text}\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t))}\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() => navigate(1)}\n\t\t\t\t\t\tclassName=\"absolute -right-4 top-1\/2 -translate-y-1\/2 bg-gradient-to-r from-[#00475f] to-[#006184] text-white rounded-full p-2 shadow-lg hover:opacity-90 transition-opacity z-10 w-10 h-10 flex items-center justify-center\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<i className=\"fa-solid fa-chevron-right\"><\/i>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div className=\"flex justify-center space-x-2 mt-6\">\n\t\t\t\t\t{[...Array(totalPages)].map((_, index) => (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tonClick={() => setCurrentPage(index)}\n\t\t\t\t\t\t\tclassName={`w-2 h-2 rounded-full transition-colors ${\n\t\t\t\t\t\t\t\tcurrentPage === index ? 'bg-[#00475f]' : 'bg-gray-300'\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\/>\n\t\t\t\t\t))}\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t);\n\t}\n\n\t\/\/ Render the app\n\tconst root = ReactDOM.createRoot(document.getElementById('root'));\n\troot.render(<IconCarousel \/>);\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-1\" data-row=\"script-row-unique-1\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-1\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row style-color-lxmt-bg vc_custom_1737471056687 row-container onepage-section\" data-label=\"locate\" data-name=\"locate\" style=\"padding-top: 50px ;padding-bottom: 50px ;\" id=\"row-unique-2\"><div class=\"row limit-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_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    :root {\n        --primary-color: #00475f;\n        --primary-light: #005d7a;\n        --text-light: #ffffff;\n        --text-dark: #333333;\n        --bg-light: #f5f5f5;\n        --status-operational: #28a745;\n        --status-alert: #dc3545;\n    }\n\n    .branch-locator-container {\n        margin: 0 auto;\n    }\n\n    .search-container {\n        max-width: 600px !important;\n        margin: 0 auto 30px;\n    }\n\n    .search-input {\n        width: 100% !important;\n        padding: 15px !important;\n        font-size: 16px !important;\n        border: 2px solid var(--primary-color) !important;\n        border-radius: 5px !important;\n        margin-bottom: 10px !important;\n    }\n\n    .branches-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n        gap: 20px;\n    }\n\n    .branch-card {\n        background: white;\n        border-radius: 8px;\n        padding: 20px;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        transition: transform 0.2s;\n    }\n\n    .branch-card:hover {\n        transform: translateY(-5px);\n    }\n\n    .carousel-container {\n        margin-bottom: 20px;\n        border-radius: 8px;\n        overflow: hidden;\n    }\n\n    .carousel-item img {\n        width: 100%;\n        height: 200px;\n        object-fit: cover;\n    }\n\n    .branch-name {\n        color: var(--primary-color) !important;\n        font-size: 1.25rem !important;\n        margin-bottom: 10px !important;\n        border-bottom: 2px solid var(--primary-color) !important;\n        padding-bottom: 5px !important;\n    }\n\n    .branch-address {\n        font-weight: 500;\n        margin-bottom: 10px;\n        font-size: 0.9rem !important;\n    }\n\n    \/* Branch Status Styles *\/\n    .branch-status-row {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 15px;\n    }\n\n    .branch-status {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 4px 12px;\n        border-radius: 20px;\n        font-size: 0.85rem;\n        font-weight: 600;\n    }\n\n    .branch-status.operational {\n        background-color: #e6f4ea;\n        color: var(--status-operational);\n        border: 1px solid var(--status-operational);\n    }\n\n    .branch-status.alert {\n        background-color: #fce8e8;\n        color: var(--status-alert);\n        border: 1px solid var(--status-alert);\n    }\n\n    .status-dot {\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        display: inline-block;\n    }\n\n    .operational .status-dot {\n        background-color: var(--status-operational);\n    }\n\n    .alert .status-dot {\n        background-color: var(--status-alert);\n    }\n\n    .maintenance-read-btn {\n        background-color: var(--status-alert) !important;\n        color: white !important;\n        border: none;\n        padding: 4px 14px !important;\n        border-radius: 20px;\n        cursor: pointer;\n        font-size: 0.85rem;\n        font-weight: 600;\n        transition: background-color 0.2s;\n        white-space: nowrap;\n    }\n\n    .maintenance-read-btn:hover {\n        background-color: #c82333 !important;\n    }\n\n    \/* Modal Styles *\/\n    .maintenance-modal-overlay {\n        display: none;\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.6);\n        z-index: 99999;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .maintenance-modal-overlay.active {\n        display: flex;\n    }\n\n    .maintenance-modal {\n        background: white;\n        border-radius: 12px;\n        max-width: 500px;\n        width: 90%;\n        max-height: 80vh;\n        overflow-y: auto;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n        animation: modalSlideIn 0.25s ease-out;\n    }\n\n    @keyframes modalSlideIn {\n        from {\n            opacity: 0;\n            transform: translateY(-20px) scale(0.95);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n    }\n\n    .maintenance-modal-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 20px 24px;\n        border-bottom: 1px solid #e5e5e5;\n    }\n\n    .maintenance-modal-header h3 {\n        margin: 0 !important;\n        color: var(--status-alert) !important;\n        font-size: 1.15rem !important;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .maintenance-modal-header .modal-icon {\n        font-size: 1.3rem;\n    }\n\n    .maintenance-modal-close {\n        background: none !important;\n        border: none;\n        font-size: 1.5rem;\n        cursor: pointer;\n        color: #999;\n        padding: 0 !important;\n        line-height: 1;\n        transition: color 0.2s;\n    }\n\n    .maintenance-modal-close:hover {\n        color: #333;\n    }\n\n    .maintenance-modal-body {\n        padding: 24px;\n    }\n\n    .maintenance-modal-branch {\n        font-weight: 600;\n        color: var(--primary-color);\n        font-size: 1rem;\n        margin-bottom: 12px;\n    }\n\n    .maintenance-modal-message {\n        color: var(--text-dark);\n        font-size: 0.95rem;\n        line-height: 1.6;\n    }\n\n    .maintenance-modal-footer {\n        padding: 16px 24px;\n        border-top: 1px solid #e5e5e5;\n        text-align: right;\n    }\n\n    .maintenance-modal-footer button {\n        background-color: var(--primary-color) !important;\n        color: white !important;\n        border: none;\n        padding: 8px 24px !important;\n        border-radius: 5px;\n        cursor: pointer;\n        font-size: 0.9rem;\n        transition: background-color 0.2s;\n    }\n\n    .maintenance-modal-footer button:hover {\n        background-color: var(--primary-light) !important;\n    }\n\n    .map-container {\n        height: 200px;\n        margin: 15px 0;\n        border-radius: 8px;\n        overflow: hidden;\n    }\n\n    .button-group {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 10px;\n        margin-bottom: 15px;\n    }\n\n    .directions-btn, .branch-page-btn {\n        background-color: var(--primary-color) !important;\n        color: white !important;\n        border: none;\n        padding: 10px 20px !important;\n        border-radius: 5px;\n        cursor: pointer;\n        width: 100%;\n        font-size: 16px;\n        transition: background-color 0.2s !important;\n        text-decoration: none;\n        text-align: center;\n    }\n\n    .directions-btn:hover, .branch-page-btn:hover {\n        background-color: var(--primary-light);\n    }\n\n    .no-results {\n        grid-column: 1 \/ -1;\n        text-align: center;\n        padding: 40px;\n        background: white;\n        border-radius: 8px;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    }\n\n    .no-results h2 {\n        color: var(--primary-color);\n        margin-bottom: 10px;\n    }\n\n    .no-results p {\n        color: var(--text-dark);\n        font-size: 1.1rem;\n    }\n\n    .hours-section {\n        margin-bottom: 15px;\n    }\n\n    .hours-title {\n        font-weight: 600;\n        color: var(--primary-color) !important;\n        font-size: 1.2rem !important;\n        margin-bottom: 5px;\n    }\n\n    .hours-list {\n        list-style: none !important;\n        padding-left: 0 !important;\n    }\n    .post-content ul li\n    {\n        padding: 0 !important;\n    }\n\n    .options-list {\n        display: flex !important;\n        flex-wrap: wrap !important;\n        gap: 8px !important;\n        margin-top: 15px;\n    }\n\n    .option-tag {\n        background-color: var(--primary-color);\n        color: white;\n        padding: 4px 8px;\n        border-radius: 4px;\n        font-size: 0.85rem;\n    }\n\n    @media (max-width: 768px) {\n        .container {\n            padding: 10px;\n        }\n\n        .branches-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .left-2\n    {\n        animation: none !important;\n    }\n<\/style>\n\n<div class=\"branch-locator-container\">\n    <div class=\"search-container\">\n        <input type=\"text\" class=\"search-input\" placeholder=\"Buscar por nombre de ubicaci\u00f3n...\" id=\"searchInput\">\n    <\/div>\n\n    <div class=\"branches-grid\" id=\"branchesGrid\">\n        <!-- Branches will be populated by JavaScript -->\n    <\/div>\n<\/div>\n\n<!-- Maintenance Modal -->\n<div class=\"maintenance-modal-overlay\" id=\"maintenanceModal\">\n    <div class=\"maintenance-modal\">\n        <div class=\"maintenance-modal-header\">\n            <h3><span class=\"modal-icon\">\u26a0\ufe0f<\/span> <span id=\"modalTitle\">Aviso de mantenimiento<\/span><\/h3>\n            <button class=\"maintenance-modal-close\" onclick=\"closeMaintenanceModal()\">\u00d7<\/button>\n        <\/div>\n        <div class=\"maintenance-modal-body\">\n            <p class=\"maintenance-modal-branch\" id=\"modalBranch\"><\/p>\n            <div class=\"maintenance-modal-message\" id=\"modalMessage\"><\/div>\n        <\/div>\n        <div class=\"maintenance-modal-footer\">\n            <button onclick=\"closeMaintenanceModal()\">Entiendo<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n    \/\/ Define all functions and variables in global scope first\n    window.getDirections = function(address) {\n        window.open(`https:\/\/www.google.com\/maps\/dir\/?api=1&destination=${encodeURIComponent(address)}`);\n    }\n\n    window.currentSlides = {};\n\n    window.moveSlide = function(carouselIndex, direction) {\n        const wrapper = document.querySelector(`.carousel-items-${carouselIndex}`);\n        const slides = wrapper.children.length;\n\n        if (!window.currentSlides[carouselIndex]) {\n            window.currentSlides[carouselIndex] = 0;\n        }\n\n        window.currentSlides[carouselIndex] =\n            (window.currentSlides[carouselIndex] + direction + slides) % slides;\n\n        updateCarousel(carouselIndex);\n    };\n\n    window.goToSlide = function(carouselIndex, slideIndex) {\n        window.currentSlides[carouselIndex] = slideIndex;\n        updateCarousel(carouselIndex);\n    };\n\n    function updateCarousel(carouselIndex) {\n        const wrapper = document.querySelector(`.carousel-items-${carouselIndex}`);\n        const dots = document.querySelectorAll(`.carousel-dots-${carouselIndex} button`);\n        const currentSlide = window.currentSlides[carouselIndex];\n\n        wrapper.style.transform = `translateX(-${currentSlide * 100}%)`;\n\n        dots.forEach((dot, index) => {\n            if (index === currentSlide) {\n                dot.classList.remove('bg-white\/50');\n                dot.classList.add('bg-white');\n            } else {\n                dot.classList.add('bg-white\/50');\n                dot.classList.remove('bg-white');\n            }\n        });\n    }\n\n    \/\/ ========== MAINTENANCE MODAL FUNCTIONS ==========\n\n    window.openMaintenanceModal = function(index) {\n        var branch = window._renderedBranches[index];\n        if (!branch) return;\n\n        document.getElementById('modalTitle').textContent = branch.maintenanceTitle || 'Maintenance Notice';\n        document.getElementById('modalBranch').textContent = branch.name.replace(\/<[^>]*>\/g, '');\n        document.getElementById('modalMessage').innerHTML = branch.maintenanceMessage;\n        document.getElementById('maintenanceModal').classList.add('active');\n        document.body.style.overflow = 'hidden';\n    };\n\n    window.closeMaintenanceModal = function() {\n        document.getElementById('maintenanceModal').classList.remove('active');\n        document.body.style.overflow = '';\n    };\n\n    \/\/ Close modal on overlay click\n    document.getElementById('maintenanceModal').addEventListener('click', function(e) {\n        if (e.target === this) {\n            closeMaintenanceModal();\n        }\n    });\n\n    \/\/ Close modal on Escape key\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape') {\n            closeMaintenanceModal();\n        }\n    });\n\n    \/\/ ========== END MODAL FUNCTIONS ==========\n\n    function renderHours(hours) {\n        if (!hours) return '';\n        return Object.entries(hours)\n            .map(([day, time]) => `<li>${day}: ${time}<\/li>`)\n            .join('');\n    }\n\n    function renderStatus(branch, index) {\n        if (branch.maintenance) {\n            return '<div class=\"branch-status-row\">' +\n                '<div class=\"branch-status alert\">' +\n                    '<span class=\"status-dot\"><\/span>' +\n                    'Maintenance' +\n                '<\/div>' +\n                '<button class=\"maintenance-read-btn\" onclick=\"openMaintenanceModal(' + index + ')\">Read More<\/button>' +\n            '<\/div>';\n        }\n\n        return '<div class=\"branch-status-row\">' +\n            '<div class=\"branch-status operational\">' +\n                '<span class=\"status-dot\"><\/span>' +\n                'Operational' +\n            '<\/div>' +\n        '<\/div>';\n    }\n\n    function renderBranch(branch, index) {\n        const encodedAddress = encodeURIComponent(branch.address);\n\n        return `\n        <div class=\"branch-card\">\n            <div class=\"carousel-container relative\">\n                <div class=\"carousel-wrapper-${index} overflow-hidden relative\">\n                    <div class=\"carousel-items-${index} flex transition-transform duration-300 ease-in-out\">\n                        ${branch.images.map(img => `\n                            <div class=\"carousel-item flex-none w-full\">\n                                <img decoding=\"async\" src=\"${img}\" alt=\"Branch location image\" class=\"w-full h-[200px] object-cover\">\n                            <\/div>\n                        `).join('')}\n                    <\/div>\n                    <button onclick=\"moveSlide(${index}, -1)\" class=\"carousel-button absolute left-2 top-1\/2 -translate-y-1\/2 bg-[#00475f]\/70 hover:bg-[#00475f] text-white rounded-full w-10 h-10 flex items-center justify-center\">\n                        \u2190\n                    <\/button>\n                    <button onclick=\"moveSlide(${index}, 1)\" class=\"carousel-button absolute right-2 top-1\/2 -translate-y-1\/2 bg-[#00475f]\/70 hover:bg-[#00475f] text-white rounded-full w-10 h-10 flex items-center justify-center\">\n                        \u2192\n                    <\/button>\n                    <div class=\"carousel-dots-${index} absolute bottom-2 left-0 right-0 flex justify-center gap-2\">\n                        ${branch.images.map((_, i) => `\n                            <button onclick=\"goToSlide(${index}, ${i})\" class=\"w-2 h-2 rounded-full bg-white\/50 hover:bg-white\"><\/button>\n                        `).join('')}\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <h2 class=\"branch-name\">${branch.name}<\/h2>\n            <p class=\"branch-address\">${branch.address}<\/p>\n            \n            ${renderStatus(branch, index)}\n            \n            <div class=\"map-placeholder\" data-index=\"${index}\" data-loaded=\"false\" style=\"height: 200px; margin: 15px 0; border-radius: 8px; overflow: hidden; background-color: #f0f0f0; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;\">\n                <div id=\"map-placeholder-text-${index}\" style=\"color: var(--primary-color); font-weight: bold;\">Click to load map<\/div>\n                <div id=\"map-container-${index}\" style=\"width: 100%; height: 100%; display: none;\"><\/div>\n            <\/div>\n            \n            <div class=\"button-group\">\n                <button class=\"directions-btn\" onclick=\"getDirections('${branch.address}')\">\n                    Get Directions\n                <\/button>\n                <a href=\"${branch.link}\" class=\"branch-page-btn\">\n                    Learn More\n                <\/a>\n            <\/div>\n\n            <div class=\"hours-section\">\n                <h3 class=\"hours-title\">Lobby Hours<\/h3>\n                <ul class=\"hours-list\">\n                    ${renderHours(branch.lobbyHours)}\n                <\/ul>\n            <\/div>\n\n            ${branch.driveThruHours ? `\n                <div class=\"hours-section\">\n                    <h3 class=\"hours-title\">Drive Thru Hours<\/h3>\n                    <ul class=\"hours-list\">\n                        ${renderHours(branch.driveThruHours)}\n                    <\/ul>\n                <\/div>\n            ` : ''}\n            \n            ${branch.driveThru ? `\n                <div class=\"hours-section\">\n                    <h3 class=\"hours-title\">Drive Thru<\/h3>\n                    <p>${branch.driveThru}<\/p>\n                <\/div>\n            ` : ''}\n\n            <div class=\"options-list\">\n                ${branch.options.map(option => `\n                    <span class=\"option-tag\">${option}<\/span>\n                `).join('')}\n            <\/div>\n        <\/div>\n    `;\n    }\n\n    window.loadIframeMap = function(index, address) {\n        const placeholder = document.querySelector(`.map-placeholder[data-index=\"${index}\"]`);\n        const mapContainer = document.getElementById(`map-container-${index}`);\n        const placeholderText = document.getElementById(`map-placeholder-text-${index}`);\n\n        if (placeholder.getAttribute('data-loaded') === 'true') {\n            return;\n        }\n\n        const encodedAddress = encodeURIComponent(address);\n        const iframe = document.createElement('iframe');\n        iframe.style.width = '100%';\n        iframe.style.height = '100%';\n        iframe.style.border = 'none';\n        iframe.style.borderRadius = '8px';\n        iframe.src = `https:\/\/www.google.com\/maps\/embed\/v1\/place?key=AIzaSyBKDPO3sdCPLUrQbFH3rZyrdH8bT9Xm1Ec&q=${encodedAddress}&zoom=15`;\n\n        mapContainer.appendChild(iframe);\n        mapContainer.style.display = 'block';\n        placeholderText.style.display = 'none';\n        placeholder.setAttribute('data-loaded', 'true');\n        placeholder.style.cursor = 'default';\n    };\n\n    function renderBranches(branches) {\n        const branchesGrid = document.getElementById('branchesGrid');\n\n        \/\/ Store rendered branches for modal reference\n        window._renderedBranches = branches;\n\n        if (branches.length === 0) {\n            branchesGrid.innerHTML = `\n            <div class=\"no-results\">\n                <h2>No Branches Found<\/h2>\n                <p>Try adjusting your search terms or browsing all locations<\/p>\n            <\/div>\n        `;\n            return;\n        }\n\n        branchesGrid.innerHTML = branches\n            .map((branch, index) => renderBranch(branch, index))\n            .join('');\n\n        branches.forEach((_, index) => {\n            window.currentSlides[index] = 0;\n            updateCarousel(index);\n        });\n\n        branches.forEach((branch, index) => {\n            const placeholder = document.querySelector(`.map-placeholder[data-index=\"${index}\"]`);\n            if (placeholder) {\n                placeholder.addEventListener('click', function() {\n                    loadIframeMap(index, branch.address);\n                });\n            }\n        });\n    }\n\n    function handleSearch(event) {\n        const searchTerm = event.target.value.toLowerCase();\n        const filteredBranches = branchesData.filter(branch =>\n            branch.name.toLowerCase().includes(searchTerm) ||\n            branch.address.toLowerCase().includes(searchTerm)\n        );\n        renderBranches(filteredBranches);\n    }\n\n    \/\/ Load branch-data.js with cache buster - wrapped in IIFE to avoid conflicts\n    (function() {\n        const cacheBuster = new Date().getTime();\n        const branchScript = document.createElement('script');\n        branchScript.src = `\/wp-content\/themes\/uncode\/js\/branch-data.js?v=${cacheBuster}`;\n        branchScript.onload = function() {\n            if (typeof branchesData !== 'undefined') {\n                \/\/ Sort branches alphabetically by name\n                branchesData.sort((a, b) => {\n                    const nameA = a.name.replace(\/<[^>]*>\/g, '').trim().toLowerCase();\n                    const nameB = b.name.replace(\/<[^>]*>\/g, '').trim().toLowerCase();\n                    return nameA.localeCompare(nameB);\n                });\n                \n                renderBranches(branchesData);\n                document.getElementById('searchInput').addEventListener('input', handleSearch);\n            }\n        };\n        document.head.appendChild(branchScript);\n    })();\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-2\" data-row=\"script-row-unique-2\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-2\"));<\/script><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Locations Find a BrightStar CU branch near you. \u26a0\ufe0f Maintenance Notice \u00d7 Got It","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-243","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.4 (Yoast SEO v26.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Locations - BrightStar Credit Union<\/title>\n<meta name=\"description\" content=\"BrightStar Credit Union members have access to seven locations in South Florida as well as 24-hour ATM accessibility. Check our online branch\/ATM locator to find the closest to you!\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Locations\" \/>\n<meta property=\"og:description\" content=\"BrightStar Credit Union members have access to seven locations in South Florida as well as 24-hour ATM accessibility. Check our online branch\/ATM locator to find the closest to you!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/old.mybscu.org\/es\/locations\/\" \/>\n<meta property=\"og:site_name\" content=\"BrightStar Credit Union\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BrightStarCU\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-02T22:07:59+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/old.mybscu.org\/locations\/\",\"url\":\"https:\/\/old.mybscu.org\/locations\/\",\"name\":\"Locations - BrightStar Credit Union\",\"isPartOf\":{\"@id\":\"https:\/\/old.mybscu.org\/#website\"},\"datePublished\":\"2016-08-15T15:35:58+00:00\",\"dateModified\":\"2026-03-02T22:07:59+00:00\",\"description\":\"BrightStar Credit Union members have access to seven locations in South Florida as well as 24-hour ATM accessibility. Check our online branch\/ATM locator to find the closest to you!\",\"breadcrumb\":{\"@id\":\"https:\/\/old.mybscu.org\/locations\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/old.mybscu.org\/locations\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/old.mybscu.org\/locations\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/old.mybscu.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Locations\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/old.mybscu.org\/#website\",\"url\":\"https:\/\/old.mybscu.org\/\",\"name\":\"BrightStar Credit Union\",\"description\":\"Serving  Broward, Collier, Lee, Martin, Miami-Dade, Palm Beach or St. Lucie Counties, Florida.\",\"publisher\":{\"@id\":\"https:\/\/old.mybscu.org\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/old.mybscu.org\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/old.mybscu.org\/#organization\",\"name\":\"BrightStar Credit Union\",\"url\":\"https:\/\/old.mybscu.org\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/old.mybscu.org\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/old.mybscu.org\/wp-content\/uploads\/2016\/07\/logo-1.png\",\"contentUrl\":\"https:\/\/old.mybscu.org\/wp-content\/uploads\/2016\/07\/logo-1.png\",\"width\":500,\"height\":214,\"caption\":\"BrightStar Credit Union\"},\"image\":{\"@id\":\"https:\/\/old.mybscu.org\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/BrightStarCU\/\",\"https:\/\/www.instagram.com\/brightstar.creditunion\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ubicaciones - BrightStar Credit Union","description":"Los socios de BrightStar Credit Union tienen acceso a siete sucursales en el sur de Florida, adem\u00e1s de cajeros autom\u00e1ticos disponibles las 24 horas. \u00a1Consulta nuestro localizador de sucursales y cajeros autom\u00e1ticos en l\u00ednea para encontrar la m\u00e1s cercana!","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Locations","og_description":"BrightStar Credit Union members have access to seven locations in South Florida as well as 24-hour ATM accessibility. Check our online branch\/ATM locator to find the closest to you!","og_url":"https:\/\/old.mybscu.org\/es\/locations\/","og_site_name":"BrightStar Credit Union","article_publisher":"https:\/\/www.facebook.com\/BrightStarCU\/","article_modified_time":"2026-03-02T22:07:59+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/old.mybscu.org\/locations\/","url":"https:\/\/old.mybscu.org\/locations\/","name":"Ubicaciones - BrightStar Credit Union","isPartOf":{"@id":"https:\/\/old.mybscu.org\/#website"},"datePublished":"2016-08-15T15:35:58+00:00","dateModified":"2026-03-02T22:07:59+00:00","description":"Los socios de BrightStar Credit Union tienen acceso a siete sucursales en el sur de Florida, adem\u00e1s de cajeros autom\u00e1ticos disponibles las 24 horas. \u00a1Consulta nuestro localizador de sucursales y cajeros autom\u00e1ticos en l\u00ednea para encontrar la m\u00e1s cercana!","breadcrumb":{"@id":"https:\/\/old.mybscu.org\/locations\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/old.mybscu.org\/locations\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/old.mybscu.org\/locations\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/old.mybscu.org\/"},{"@type":"ListItem","position":2,"name":"Locations"}]},{"@type":"WebSite","@id":"https:\/\/old.mybscu.org\/#website","url":"https:\/\/old.mybscu.org\/","name":"Cooperativa de cr\u00e9dito BrightStar","description":"Sirviendo a los condados de Broward, Collier, Lee, Martin, Miami-Dade, Palm Beach o St. Lucie, Florida.","publisher":{"@id":"https:\/\/old.mybscu.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/old.mybscu.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/old.mybscu.org\/#organization","name":"Cooperativa de cr\u00e9dito BrightStar","url":"https:\/\/old.mybscu.org\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/old.mybscu.org\/#\/schema\/logo\/image\/","url":"https:\/\/old.mybscu.org\/wp-content\/uploads\/2016\/07\/logo-1.png","contentUrl":"https:\/\/old.mybscu.org\/wp-content\/uploads\/2016\/07\/logo-1.png","width":500,"height":214,"caption":"BrightStar Credit Union"},"image":{"@id":"https:\/\/old.mybscu.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BrightStarCU\/","https:\/\/www.instagram.com\/brightstar.creditunion\/"]}]}},"_links":{"self":[{"href":"https:\/\/old.mybscu.org\/es\/wp-json\/wp\/v2\/pages\/243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/old.mybscu.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/old.mybscu.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/old.mybscu.org\/es\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/old.mybscu.org\/es\/wp-json\/wp\/v2\/comments?post=243"}],"version-history":[{"count":3,"href":"https:\/\/old.mybscu.org\/es\/wp-json\/wp\/v2\/pages\/243\/revisions"}],"predecessor-version":[{"id":18453,"href":"https:\/\/old.mybscu.org\/es\/wp-json\/wp\/v2\/pages\/243\/revisions\/18453"}],"wp:attachment":[{"href":"https:\/\/old.mybscu.org\/es\/wp-json\/wp\/v2\/media?parent=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}