{"id":243,"date":"2016-08-15T15:35:58","date_gmt":"2016-08-15T15:35:58","guid":{"rendered":"https:\/\/demo2.mybscu.org\/?page_id=243"},"modified":"2025-03-12T22:22:06","modified_gmt":"2025-03-13T02:22:06","slug":"locations","status":"publish","type":"page","link":"https:\/\/demo2.mybscu.org\/es\/locations\/","title":{"rendered":"Ubicaciones"},"content":{"rendered":"<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:\/\/demo2.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-440369d9904fc6e09\" class=\"uvc-heading ult-adjust-bottom-margin ultimate-heading-440369d9904fc6e09 uvc-94\" 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-440369d9904fc6e09 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-440369d9904fc6e09 .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-69d9904fc6e40\" data-id=\"69d9904fc6e40\" 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_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<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<script>\n\ttailwind.config = {\n\t\ttheme: {\n\t\t\textend: {\n\t\t\t\tcolors: {\n\t\t\t\t\tbrand: '#00475f',\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t}\n<\/script>\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_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\n<style>\n\t:root {\n\t\t--primary-color: #00475f;\n\t\t--primary-light: #005d7a;\n\t\t--text-light: #ffffff;\n\t\t--text-dark: #333333;\n\t\t--bg-light: #f5f5f5;\n\t}\n\n\t.branch-locator-container {\n\t\tmargin: 0 auto;\n\t}\n\n\t.search-container {\n\t\tmax-width: 600px !important;\n\t\tmargin: 0 auto 30px;\n\t}\n\n\t.search-input {\n\t\twidth: 100% !important;\n\t\tpadding: 15px !important;\n\t\tfont-size: 16px !important;\n\t\tborder: 2px solid var(--primary-color) !important;\n\t\tborder-radius: 5px !important;\n\t\tmargin-bottom: 10px !important;\n\t}\n\n\t.branches-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n\t\tgap: 20px;\n\t}\n\n\t.branch-card {\n\t\tbackground: white;\n\t\tborder-radius: 8px;\n\t\tpadding: 20px;\n\t\tbox-shadow: 0 2px 4px rgba(0,0,0,0.1);\n\t\ttransition: transform 0.2s;\n\t}\n\n\t.branch-card:hover {\n\t\ttransform: translateY(-5px);\n\t}\n\n\t.carousel-container {\n\t\tmargin-bottom: 20px;\n\t\tborder-radius: 8px;\n\t\toverflow: hidden;\n\t}\n\n\t.carousel-item img {\n\t\twidth: 100%;\n\t\theight: 200px;\n\t\tobject-fit: cover;\n\t}\n\n\t.branch-name {\n\t\tcolor: var(--primary-color) !important;\n\t\tfont-size: 1.25rem !important;\n\t\tmargin-bottom: 10px !important;\n\t\tborder-bottom: 2px solid var(--primary-color) !important;\n\t\tpadding-bottom: 5px !important;\n\t}\n\n\t.branch-address {\n\t\tfont-weight: 500;\n\t\tmargin-bottom: 15px;\n\t\tfont-size: 0.9rem !important;\n\t}\n\n\t.map-container {\n\t\theight: 200px;\n\t\tmargin: 15px 0;\n\t\tborder-radius: 8px;\n\t\toverflow: hidden;\n\t}\n\n\t.button-group {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr 1fr;\n\t\tgap: 10px;\n\t\tmargin-bottom: 15px;\n\t}\n\n\t.directions-btn, .branch-page-btn {\n\t\tbackground-color: var(--primary-color) !important;\n\t\tcolor: white !important;\n\t\tborder: none;\n\t\tpadding: 10px 20px !important;\n\t\tborder-radius: 5px;\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\tfont-size: 16px;\n\t\ttransition: background-color 0.2s !important;\n\t\ttext-decoration: none;\n\t\ttext-align: center;\n\t}\n\n\t.directions-btn:hover, .branch-page-btn:hover {\n\t\tbackground-color: var(--primary-light);\n\t}\n\n\t.no-results {\n\t\tgrid-column: 1 \/ -1;\n\t\ttext-align: center;\n\t\tpadding: 40px;\n\t\tbackground: white;\n\t\tborder-radius: 8px;\n\t\tbox-shadow: 0 2px 4px rgba(0,0,0,0.1);\n\t}\n\n\t.no-results h2 {\n\t\tcolor: var(--primary-color);\n\t\tmargin-bottom: 10px;\n\t}\n\n\t.no-results p {\n\t\tcolor: var(--text-dark);\n\t\tfont-size: 1.1rem;\n\t}\n\n\t.hours-section {\n\t\tmargin-bottom: 15px;\n\t}\n\n\t.hours-title {\n\t\tfont-weight: 600;\n\t\tcolor: var(--primary-color) !important;\n\t\tfont-size: 1.2rem !important;\n\t\tmargin-bottom: 5px;\n\t}\n\n\t.hours-list {\n\t\tlist-style: none !important;\n\t\tpadding-left: 0 !important;\n\t}\n\t.post-content ul li\n\t{\n\tpadding: 0 !important;\n\t}\n\n\t.options-list {\n\t\tdisplay: flex !important;\n\t\tflex-wrap: wrap !important;\n\t\tgap: 8px !important;\n\t\tmargin-top: 15px;\n\t}\n\n\t.option-tag {\n\t\tbackground-color: var(--primary-color);\n\t\tcolor: white;\n\t\tpadding: 4px 8px;\n\t\tborder-radius: 4px;\n\t\tfont-size: 0.85rem;\n\t}\n\n\t@media (max-width: 768px) {\n\t\t.container {\n\t\t\tpadding: 10px;\n\t\t}\n\t\t\n\t\t.branches-grid {\n\t\t\tgrid-template-columns: 1fr;\n\t\t}\n\t}\n\n\t.left-2\n\t{\n\t\tanimation: none !important;\n\t}\n<\/style>\n\n<div class=\"branch-locator-container\">\n\t<div class=\"search-container\">\n\t\t<input type=\"text\" class=\"search-input\" placeholder=\"Buscar por nombre de ubicaci\u00f3n...\" id=\"searchInput\">\n\t<\/div>\n\n\t<div class=\"branches-grid\" id=\"branchesGrid\">\n\t\t<!-- Branches will be populated by JavaScript -->\n\t<\/div>\n<\/div>\n\n<script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyBKDPO3sdCPLUrQbFH3rZyrdH8bT9Xm1Ec\"><\/script>\n<script src=\"\/wp-content\/themes\/uncode\/js\/branch-data.js\"><\/script>\n\n<script>\nwindow.getDirections = function(address) {\n\twindow.open(`https:\/\/www.google.com\/maps\/dir\/?api=1&destination=${encodeURIComponent(address)}`);\n}\n\n\/\/ Add these before your DOMContentLoaded event\nwindow.currentSlides = {};\n\nwindow.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\nwindow.goToSlide = function(carouselIndex, slideIndex) {\n    window.currentSlides[carouselIndex] = slideIndex;\n    updateCarousel(carouselIndex);\n};\n\nfunction 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    \/\/ Update dots\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\ndocument.addEventListener('DOMContentLoaded', function() {\n\tfunction initMap(mapContainer, coordinates) {\n\t\tconst map = new google.maps.Map(mapContainer, {\n\t\t\tzoom: 15,\n\t\t\tcenter: coordinates\n\t\t});\n\n\t\tnew google.maps.Marker({\n\t\t\tposition: coordinates,\n\t\t\tmap: map\n\t\t});\n\n\t\treturn map;\n\t}\n\n\tfunction renderHours(hours) {\n\t\tif (!hours) return '';\n\t\treturn Object.entries(hours)\n\t\t\t.map(([day, time]) => `<li>${day}: ${time}<\/li>`)\n\t\t\t.join('');\n\t}\n\n\tfunction renderBranch(branch, index) {\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\t\t\t\t<h2 class=\"branch-name\">${branch.name}<\/h2>\n\t\t\t\t<p class=\"branch-address\">${branch.address}<\/p>\n\t\t\t\t\n\t\t\t\t<div class=\"map-container\" id=\"map-${index}\"><\/div>\n\t\t\t\t<div class=\"button-group\">\n\t\t\t\t\t<button class=\"directions-btn\" onclick=\"getDirections('${branch.address}')\">\n\t\t\t\t\t\tGet Directions\n\t\t\t\t\t<\/button>\n\t\t\t\t\t<a href=\"\/locations\/${branch.name.toLowerCase().replace(\/\\s+\/g, '-')}\" class=\"branch-page-btn\">\n\t\t\t\t\t\tLearn More\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"hours-section\">\n\t\t\t\t\t<h3 class=\"hours-title\">Lobby Hours<\/h3>\n\t\t\t\t\t<ul class=\"hours-list\">\n\t\t\t\t\t\t${renderHours(branch.lobbyHours)}\n\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\n\t\t\t\t${branch.driveThruHours ? `\n\t\t\t\t\t<div class=\"hours-section\">\n\t\t\t\t\t\t<h3 class=\"hours-title\">Drive Thru Hours<\/h3>\n\t\t\t\t\t\t<ul class=\"hours-list\">\n\t\t\t\t\t\t\t${renderHours(branch.driveThruHours)}\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/div>\n\t\t\t\t` : ''}\n\t\t\t\t\n\t\t\t\t${branch.driveThru ? `\n\t\t\t\t\t<div class=\"hours-section\">\n\t\t\t\t\t\t<h3 class=\"hours-title\">Drive Thru<\/h3>\n\t\t\t\t\t\t<p>${branch.driveThru}<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t` : ''}\n\n\t\t\t\t<div class=\"options-list\">\n\t\t\t\t\t${branch.options.map(option => `\n\t\t\t\t\t\t<span class=\"option-tag\">${option}<\/span>\n\t\t\t\t\t`).join('')}\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t`;\n\t}\n\n\tfunction renderBranches(branches) {\n    const branchesGrid = document.getElementById('branchesGrid');\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    \/\/ Only initialize maps now\n    branches.forEach((branch, index) => {\n        const mapContainer = document.getElementById(`map-${index}`);\n        if (mapContainer && branch.coordinates) {\n            initMap(mapContainer, branch.coordinates);\n        }\n    });\n}\n\n\tfunction handleSearch(event) {\n\t\tconst searchTerm = event.target.value.toLowerCase();\n\t\tconst filteredBranches = branchesData.filter(branch => \n\t\t\tbranch.name.toLowerCase().includes(searchTerm) ||\n\t\t\tbranch.address.toLowerCase().includes(searchTerm)\n\t\t);\n\t\trenderBranches(filteredBranches);\n\t}\n\n\t\/\/ Initial render\n\tif (typeof branchesData !== 'undefined') {\n\t\trenderBranches(branchesData);\n\t\tdocument.getElementById('searchInput').addEventListener('input', handleSearch);\n\t}\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>","protected":false},"excerpt":{"rendered":"Locations Find a BrightStar CU branch near you.","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"],"_links":{"self":[{"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/pages\/243","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=243"}],"version-history":[{"count":3,"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/pages\/243\/revisions"}],"predecessor-version":[{"id":17347,"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/pages\/243\/revisions\/17347"}],"wp:attachment":[{"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/media?parent=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}