{"id":24334,"date":"2026-04-24T11:09:46","date_gmt":"2026-04-24T16:09:46","guid":{"rendered":"https:\/\/sporticamx.com\/?page_id=24334"},"modified":"2026-04-24T11:13:27","modified_gmt":"2026-04-24T16:13:27","slug":"encuentra-hoy","status":"publish","type":"page","link":"https:\/\/sporticamx.com\/index.php\/encuentra-hoy\/","title":{"rendered":"Encuentra hoy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24334\" class=\"elementor elementor-24334\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dae3f48 e-flex e-con-boxed e-con e-parent\" data-id=\"dae3f48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e063a86 elementor-widget elementor-widget-html\" data-id=\"e063a86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700&display=swap');\r\n\r\n    \/* Forzar ancho completo en Elementor *\/\r\n    .elementor-widget-html .elementor-widget-container {\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n    }\r\n\r\n    .prestige-hero-section {\r\n        position: relative;\r\n        width: 100vw;\r\n        min-height: 90vh;\r\n        background-image: url('https:\/\/sporticamx.com\/wp-content\/uploads\/2026\/04\/RAW_1229-scaled.jpg');\r\n        background-size: cover;\r\n        background-position: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-start;\r\n        padding: 5% 8%;\r\n        font-family: 'Montserrat', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .prestige-hero-section::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: rgba(0, 0, 0, 0.2);\r\n        z-index: 1;\r\n    }\r\n\r\n    .prestige-card {\r\n        position: relative;\r\n        z-index: 10;\r\n        background: #ffffff;\r\n        width: 100%;\r\n        max-width: 460px;\r\n        padding: 50px;\r\n        box-shadow: 0 30px 60px rgba(0,0,0,0.15);\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .prestige-card h2 {\r\n        font-size: 34px;\r\n        font-weight: 700;\r\n        line-height: 1;\r\n        margin-bottom: 20px;\r\n        text-transform: uppercase;\r\n        color: #000;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .prestige-card p.description {\r\n        font-size: 14px;\r\n        color: #666;\r\n        line-height: 1.7;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* Selectores Limpios *\/\r\n    .selector-btn {\r\n        width: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 22px;\r\n        background: #fff;\r\n        border: 1px solid #eee !important;\r\n        text-align: left;\r\n        margin-bottom: 12px;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .selector-btn:hover { border-color: #000 !important; }\r\n\r\n    .custom-dropdown {\r\n        background: #fff;\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.5s ease;\r\n        margin-bottom: 10px;\r\n        border: 0px solid transparent !important;\r\n    }\r\n\r\n    .custom-dropdown.open {\r\n        max-height: 350px;\r\n        border: 1px solid #eee !important;\r\n    }\r\n\r\n    .sede-item, .plan-item {\r\n        padding: 16px 22px;\r\n        cursor: pointer;\r\n        border: none !important;\r\n        transition: background 0.2s;\r\n    }\r\n\r\n    .sede-item:hover, .plan-item:hover { background: #f8f8f8; }\r\n\r\n    .step-label { font-size: 8px; text-transform: uppercase; letter-spacing: 2px; color: #bbb; display: block; margin-bottom: 4px; }\r\n    .selected-value { font-size: 16px; font-weight: 600; font-style: italic; color: #000; }\r\n\r\n    \/* Personalizaci\u00f3n del Scrollbar para las 14 sedes *\/\r\n    #sedes-list::-webkit-scrollbar { width: 4px; }\r\n    #sedes-list::-webkit-scrollbar-thumb { background: #ddd; }\r\n\r\n    @media (max-width: 768px) {\r\n        .prestige-hero-section { padding: 40px 20px; justify-content: center; }\r\n        .prestige-card { padding: 40px 25px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"prestige-hero-section\">\r\n    <div class=\"prestige-card\">\r\n        <h2>Membres\u00eda <br> Sportica Prestige<\/h2>\r\n        <p class=\"description\">Entrenamiento personalizado de alta precisi\u00f3n y amenidades exclusivas dise\u00f1adas para tu regeneraci\u00f3n total.<\/p>\r\n\r\n        <div class=\"relative\">\r\n            <button onclick=\"toggleDropdown('dropdown-menu')\" class=\"selector-btn\">\r\n                <div>\r\n                    <span class=\"step-label\">Paso 1: Elige Club<\/span>\r\n                    <span id=\"selected-name\" class=\"selected-value\">Explorar Ubicaciones<\/span>\r\n                <\/div>\r\n                <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"#ccc\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n            <\/button>\r\n            <div id=\"dropdown-menu\" class=\"custom-dropdown\">\r\n                <div id=\"sedes-list\" style=\"max-height: 280px; overflow-y: auto;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"relative\">\r\n            <button id=\"btn-select-plan\" onclick=\"toggleDropdown('plans-menu')\" class=\"selector-btn opacity-30 pointer-events-none\">\r\n                <div>\r\n                    <span class=\"step-label\">Paso 2: Elige tu Plan<\/span>\r\n                    <span id=\"selected-plan-name\" class=\"selected-value\">Ver Planes Disponibles<\/span>\r\n                <\/div>\r\n                <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"#ccc\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n            <\/button>\r\n            <div id=\"plans-menu\" class=\"custom-dropdown\">\r\n                <div id=\"plans-list\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <p style=\"text-align: center; font-size: 9px; color: #ddd; letter-spacing: 2px; margin-top: 30px; text-transform: uppercase;\">Sportica Exclusive \u00a9 2026<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const sedes = [\r\n        { id: 1, nombre: \"Aeropuerto\", lat: 19.42250, lng: -99.08660 },\r\n        { id: 2, nombre: \"Azteca\", lat: 19.53718, lng: -99.02723 },\r\n        { id: 3, nombre: \"Arag\u00f3n\", lat: 19.46571, lng: -99.06818 },\r\n        { id: 4, nombre: \"Campestre\", lat: 19.48248, lng: -99.06260 },\r\n        { id: 5, nombre: \"Coacalco\", lat: 19.62592, lng: -99.08260 },\r\n        { id: 6, nombre: \"Echegaray\", lat: 19.49662, lng: -99.22600 },\r\n        { id: 7, nombre: \"Egipto\", lat: 19.47060, lng: -99.05243 },\r\n        { id: 8, nombre: \"Naciones\", lat: 19.46384, lng: -99.05379 },\r\n        { id: 9, nombre: \"Ocean\u00eda\", lat: 19.44814, lng: -99.06864 },\r\n        { id: 10, nombre: \"Pradera\", lat: 19.47765, lng: -99.06725 },\r\n        { id: 11, nombre: \"Viaducto\", lat: 19.40356, lng: -99.14019 },\r\n        { id: 12, nombre: \"Celaya\", lat: 20.51890, lng: -100.83746 },\r\n        { id: 13, nombre: \"Arbide\", lat: 21.12016, lng: -101.70200 },\r\n        { id: 14, nombre: \"Premier\", lat: 21.14019, lng: -101.68621 }\r\n    ];\r\n\r\n    const planesDefault = [\"Plan Mensual\", \"Plan Trimestral\", \"Plan Anual\", \"Plan VIP\"];\r\n\r\n    function toggleDropdown(id) {\r\n        const menu = document.getElementById(id);\r\n        const otroId = id === 'dropdown-menu' ? 'plans-menu' : 'dropdown-menu';\r\n        document.getElementById(otroId).classList.remove('open');\r\n        menu.classList.toggle('open');\r\n    }\r\n\r\n    function seleccionarSede(sede) {\r\n        document.getElementById('selected-name').innerText = sede.nombre;\r\n        document.getElementById('selected-name').style.color = \"#d4af37\";\r\n        document.getElementById('btn-select-plan').classList.remove('opacity-30', 'pointer-events-none');\r\n        \r\n        const plansList = document.getElementById('plans-list');\r\n        plansList.innerHTML = '';\r\n        \r\n        planesDefault.forEach(plan => {\r\n            const d = document.createElement('div');\r\n            d.className = \"plan-item flex justify-between items-center\";\r\n            d.innerHTML = `<span style=\"font-weight:600; color:#444;\">${plan}<\/span><span style=\"font-size:9px; border:1px solid #eee; padding:4px 8px; color:#aaa;\">SELECCIONAR<\/span>`;\r\n            d.onclick = () => window.location.href = `https:\/\/checkout.sportica.com\/${sede.nombre.toLowerCase()}`;\r\n            plansList.appendChild(d);\r\n        });\r\n\r\n        toggleDropdown('dropdown-menu');\r\n        setTimeout(() => toggleDropdown('plans-menu'), 400);\r\n    }\r\n\r\n    function renderSedes() {\r\n        const listContainer = document.getElementById('sedes-list');\r\n        sedes.forEach(sede => {\r\n            const item = document.createElement('div');\r\n            item.className = \"sede-item\";\r\n            item.innerHTML = `\r\n                <span style=\"font-size:7px; color:#ccc; text-transform:uppercase; letter-spacing:1px; display:block;\">Club Prestige<\/span>\r\n                <span style=\"font-weight:600; color:#333;\">${sede.nombre}<\/span>\r\n            `;\r\n            item.onclick = () => seleccionarSede(sede);\r\n            listContainer.appendChild(item);\r\n        });\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', renderSedes);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Membres\u00eda Sportica Prestige Entrenamiento personalizado de alta precisi\u00f3n y amenidades exclusivas dise\u00f1adas para tu regeneraci\u00f3n total. Paso 1: Elige Club Explorar Ubicaciones Paso 2: Elige tu Plan Ver Planes Disponibles Sportica Exclusive \u00a9 2026<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-24334","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/pages\/24334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/comments?post=24334"}],"version-history":[{"count":4,"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/pages\/24334\/revisions"}],"predecessor-version":[{"id":24338,"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/pages\/24334\/revisions\/24338"}],"wp:attachment":[{"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/media?parent=24334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}