{"id":22945,"date":"2026-03-11T13:16:37","date_gmt":"2026-03-11T19:16:37","guid":{"rendered":"https:\/\/sporticamx.com\/?page_id=22945"},"modified":"2026-03-18T12:15:07","modified_gmt":"2026-03-18T18:15:07","slug":"test","status":"publish","type":"page","link":"https:\/\/sporticamx.com\/index.php\/test\/","title":{"rendered":"Test"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Sportica Exclusive Gym<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --gold: #d4af37;\r\n --dark-bg: #0f0f0f;\r\n }\r\n\r\n a { text-decoration: none !important; }\r\n\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background-color: #000;\r\n margin: 0;\r\n color: white;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* --- NAVBAR PRINCIPAL --- *\/\r\n #navbar-prestige {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 90px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 50px;\r\n z-index: 1000;\r\n background: rgba(0, 0, 0, 0.98);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .nav-left-group { display: flex; align-items: center; gap: 40px; height: 100%; }\r\n\r\n .main-logo {\r\n height: 100px !important; \/* Ajustado para que no se vea mega grande *\/\r\n width: auto;\r\n display: block;\r\n object-fit: contain;\r\n }\r\n\r\n .nav-links { display: flex; gap: 80px; list-style: none; margin: 50px; padding: 0; height: 100%; align-items: center; }\r\n\r\n .nav-item-container { \r\n position: static; \r\n height: 100%; \r\n display: flex; \r\n align-items: center;\r\n }\r\n\r\n .nav-link-item { \r\n font-size: 22px; \r\n font-weight: 300; \r\n color: rgba(255, 255, 255, 0.9); \r\n transition: all 0.3s ease; \r\n cursor: pointer; \r\n white-space: nowrap; \r\n }\r\n \r\n .nav-link-item:hover { color: var(--gold); }\r\n \r\n .nav-right-btns { display: flex; gap: 15px; align-items: center; }\r\n .btn-white { background: white; color: black; padding: 28px 25px; font-size: 14px; font-weight: 500; text-transform: capitalize; }\r\n .btn-outline { border: 2px solid white; color: white; padding: 28px 25px; font-size: 14px; font-weight: 400; text-transform: capitalize; }\r\n\r\n \/* --- MEGA MENU --- *\/\r\n .mega-menu {\r\n position: absolute;\r\n top: 90px;\r\n left: 0;\r\n width: 100%;\r\n background: var(--dark-bg);\r\n border-bottom: 3px solid var(--gold);\r\n visibility: hidden;\r\n opacity: 0;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n padding: 40px 0;\r\n overflow: hidden;\r\n z-index: 999;\r\n }\r\n\r\n .nav-item-container:hover .mega-menu {\r\n visibility: visible;\r\n opacity: 1;\r\n }\r\n\r\n .slider-wrapper {\r\n display: flex;\r\n gap: 20px;\r\n overflow-x: auto;\r\n padding: 0 50px 20px 50px;\r\n scroll-behavior: smooth;\r\n scrollbar-width: none;\r\n }\r\n .slider-wrapper::-webkit-scrollbar { display: none; }\r\n\r\n .sede-card {\r\n flex: 0 0 280px;\r\n position: relative;\r\n height: 350px;\r\n overflow: hidden;\r\n border-radius: 8px;\r\n background: #1a1a1a;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .sede-thumb { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.4); transition: 0.6s; }\r\n .sede-card:hover .sede-thumb { filter: brightness(0.8); transform: scale(1.05); }\r\n\r\n .sede-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n padding: 20px;\r\n background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);\r\n }\r\n\r\n .name { font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff; }\r\n .location { font-size: 11px; color: rgba(255,255,255,0.6); }\r\n .distancia-info { font-size: 10px; color: var(--gold); font-weight: 700; margin-top: 5px; text-transform: uppercase; }\r\n\r\n .slider-btn {\r\n position: absolute; top: 50%; transform: translateY(-50%);\r\n width: 45px; height: 45px; background: var(--gold);\r\n color: black; border: none; border-radius: 50%; cursor: pointer;\r\n z-index: 10; display: flex; align-items: center; justify-content: center;\r\n opacity: 0; transition: 0.3s;\r\n }\r\n .mega-menu:hover .slider-btn { opacity: 1; }\r\n .btn-prev { left: 10px; }\r\n .btn-next { right: 10px; }\r\n\r\n #hero-principal {\r\n height: 100vh;\r\n display: flex;\r\n align-items: flex-end;\r\n padding: 80px;\r\n background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), \r\n url('https:\/\/sporticamx.com\/wp-content\/uploads\/2023\/10\/sportica-exclusive-hero.jpg') center\/cover;\r\n }\r\n .hero-title { font-size: 5.5rem; font-weight: 800; line-height: 1; margin: 0; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <nav id=\"navbar-prestige\">\r\n <div class=\"nav-left-group\">\r\n <a href=\"index.html\" class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/sporticamx.com\/wp-content\/uploads\/2025\/04\/logo_nuevo_sportica_blanco_letras-sin-fondo.png\" class=\"main-logo\">\r\n <\/a>\r\n\r\n <ul class=\"nav-links\">\r\n <li class=\"nav-item-container\">\r\n <a class=\"nav-link-item\">Clubs<\/a>\r\n <div class=\"mega-menu\">\r\n <button class=\"slider-btn btn-prev\" onclick=\"moveSlider(-1)\">❮<\/button>\r\n <div class=\"slider-wrapper\" id=\"clubSlider\">\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"19.42250\" data-lng=\"-99.08660\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534438327276-14e5300c3a48?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Aeropuerto<\/div><div class=\"location\">Col. Federal, CDMX<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"19.53718\" data-lng=\"-99.02723\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540497077202-7c8a3999166f?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Azteca<\/div><div class=\"location\">Ecatepec, Edo Mex<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"19.48248\" data-lng=\"-99.06260\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571902943202-507ec2618e8f?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Arag\u00f3n<\/div><div class=\"location\">Gustavo A. Madero<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"19.62592\" data-lng=\"-99.08260\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1593079831268-3381b0db4a77?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Campestre<\/div><div class=\"location\">Nezahualc\u00f3yotl<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"19.49662\" data-lng=\"-99.22600\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574680096145-d05b474e2158?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Coacalco<\/div><div class=\"location\">Plaza Coacalco<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"19.47060\" data-lng=\"-99.05243\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517836357463-d25dfeac3438?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Echegaray<\/div><div class=\"location\">Naucalpan, Edo Mex<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"19.46384\" data-lng=\"-99.05379\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521805103424-d8f8430e8933?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Egipto<\/div><div class=\"location\">Bosques de Arag\u00f3n<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"19.46384\" data-lng=\"-99.05379\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1570129477492-45c003edd2be?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Naciones<\/div><div class=\"location\">Bosques de Arag\u00f3n<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"19.44814\" data-lng=\"-99.06864\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554284126-aa88f22d8b74?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Ocean\u00eda<\/div><div class=\"location\">Gustavo A. Madero<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"19.47765\" data-lng=\"-99.06725\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571019613454-1cb2f99b2d8b?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Pradera<\/div><div class=\"location\">La Pradera, CDMX<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"19.40356\" data-lng=\"-99.14019\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534367507873-d2d7e24c797f?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Viaducto<\/div><div class=\"location\">Col. \u00c1lamos, CDMX<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"20.51890\" data-lng=\"-100.83746\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583454110551-21f2fa2afe61?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Celaya<\/div><div class=\"location\">Celaya, Guanajuato<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"21.12016\" data-lng=\"-101.70200\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518611012118-696072aa579a?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Arbide<\/div><div class=\"location\">Le\u00f3n, Guanajuato<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <a href=\"#\" class=\"sede-card\" data-lat=\"21.14019\" data-lng=\"-101.68621\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1590239926620-13a465a0ad29?w=500\" class=\"sede-thumb\"><div class=\"sede-overlay\"><div class=\"name\">Premier<\/div><div class=\"location\">Le\u00f3n, Guanajuato<\/div><div class=\"distancia-info\"><\/div><\/div><\/a>\r\n <\/div>\r\n <button class=\"slider-btn btn-next\" onclick=\"moveSlider(1)\">❯<\/button>\r\n <\/div>\r\n <\/li>\r\n <li><a href=\"#\" class=\"nav-link-item\">Membres\u00edas<\/a><\/li>\r\n <li><a href=\"#\" class=\"nav-link-item\">Clases Fitness<\/a><\/li>\r\n <li><a href=\"#\" class=\"nav-link-item\">Entrenadores<\/a><\/li>\r\n <li><a href=\"#\" class=\"nav-link-item\">Inbody<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"nav-right-btns\">\r\n <a href=\"#\" class=\"btn-white\">Visita un club<\/a>\r\n <a href=\"#\" class=\"btn-outline\">Encuentra hoy<\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n <section id=\"hero-principal\">\r\n <h1 class=\"hero-title\">Exclusividad en<br>movimiento.<\/h1>\r\n <\/section>\r\n\r\n <script>\r\n function moveSlider(direction) {\r\n const slider = document.getElementById('clubSlider');\r\n slider.scrollBy({ left: direction * 350, behavior: 'smooth' });\r\n }\r\n\r\n \/\/ --- L\u00d3GICA DE GEOLOCALIZACI\u00d3N Y ORDENAMIENTO ---\r\n\r\n function calcularDistancia(lat1, lon1, lat2, lon2) {\r\n const R = 6371; \/\/ Radio de la Tierra en km\r\n const dLat = (lat2 - lat1) * Math.PI \/ 180;\r\n const dLon = (lon2 - lon1) * Math.PI \/ 180;\r\n const a = Math.sin(dLat\/2) * Math.sin(dLat\/2) +\r\n Math.cos(lat1 * Math.PI \/ 180) * Math.cos(lat2 * Math.PI \/ 180) * Math.sin(dLon\/2) * Math.sin(dLon\/2);\r\n const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));\r\n return R * c;\r\n }\r\n\r\n function ordenarClubesPorCercania() {\r\n if (!navigator.geolocation) return;\r\n\r\n navigator.geolocation.getCurrentPosition(position => {\r\n const userLat = position.coords.latitude;\r\n const userLng = position.coords.longitude;\r\n const slider = document.getElementById('clubSlider');\r\n const cards = Array.from(slider.getElementsByClassName('sede-card'));\r\n\r\n cards.forEach(card => {\r\n const clubLat = parseFloat(card.getAttribute('data-lat'));\r\n const clubLng = parseFloat(card.getAttribute('data-lng'));\r\n \r\n if (clubLat && clubLng) {\r\n const dist = calcularDistancia(userLat, userLng, clubLat, clubLng);\r\n card.setAttribute('data-distancia', dist);\r\n const infoDiv = card.querySelector('.distancia-info');\r\n if (infoDiv) infoDiv.innerText = `A ${dist.toFixed(1)} km de ti`;\r\n }\r\n });\r\n\r\n \/\/ Ordenar por distancia (menor a mayor)\r\n cards.sort((a, b) => {\r\n return parseFloat(a.getAttribute('data-distancia')) - parseFloat(b.getAttribute('data-distancia'));\r\n });\r\n\r\n \/\/ Re-insertar en el contenedor\r\n cards.forEach(card => slider.appendChild(card));\r\n }, error => {\r\n console.warn(\"Geolocalizaci\u00f3n denegada.\");\r\n });\r\n }\r\n\r\n \/\/ Ejecutar al cargar\r\n window.onload = ordenarClubesPorCercania;\r\n <\/script>\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-8bbad98 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"8bbad98\" 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-a52e508 elementor-widget elementor-widget-html\" data-id=\"a52e508\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Navegaci\u00f3n Sportica<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Inter:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --gold: #d4af37;\r\n }\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #000;\r\n margin: 0;\r\n color: white;\r\n }\r\n\r\n .font-serif { font-family: 'Playfair Display', serif; }\r\n\r\n a {\r\n text-decoration: none !important;\r\n }\r\n\r\n \/* --- CAMBIOS EN EL LOGO --- *\/\r\n #main-logo-container {\r\n position: fixed;\r\n top: 40px;\r\n left: 40px; \/* Pegado a la izquierda *\/\r\n z-index: 150;\r\n opacity: 0;\r\n transition: opacity 0.8s ease, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);\r\n pointer-events: none;\r\n }\r\n\r\n #main-logo-container.loaded {\r\n opacity: 1;\r\n }\r\n\r\n #main-logo-container.scrolled {\r\n opacity: 0 !important;\r\n transform: translateY(-10px); \/* Ligero desvanecimiento hacia arriba al hacer scroll *\/\r\n }\r\n\r\n .logo-img {\r\n width: 180px; \/* Ajusta el tama\u00f1o de tu logo aqu\u00ed *\/\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n \/* --- RESTO DEL ESTILO --- *\/\r\n #menu-overlay {\r\n position: fixed;\r\n inset: 0;\r\n background-color: #000;\r\n z-index: 100;\r\n display: flex;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);\r\n }\r\n\r\n #menu-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .menu-bg-container {\r\n position: absolute;\r\n inset: 0;\r\n z-index: -1;\r\n overflow: hidden;\r\n }\r\n\r\n #dynamic-bg {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n opacity: 0;\r\n transform: scale(1.1);\r\n transition: opacity 0.8s ease, transform 1.5s ease;\r\n filter: brightness(40%);\r\n }\r\n\r\n #dynamic-bg.visible {\r\n opacity: 0.6;\r\n transform: scale(1);\r\n }\r\n\r\n .nav-link {\r\n font-size: clamp(2.5rem, 6vw, 5rem);\r\n color: white;\r\n line-height: 1.1;\r\n transition: all 0.4s ease;\r\n display: inline-block;\r\n position: relative;\r\n text-decoration: none;\r\n }\r\n\r\n .nav-link:hover {\r\n color: var(--gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .burger-btn {\r\n position: fixed;\r\n top: 40px;\r\n right: 40px;\r\n z-index: 200;\r\n cursor: pointer;\r\n color: white;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n mix-blend-mode: difference;\r\n }\r\n\r\n .burger-line {\r\n width: 30px;\r\n height: 1px;\r\n background-color: white;\r\n transition: 0.3s;\r\n }\r\n\r\n .active .line-1 { transform: rotate(45deg) translate(5px, 5px); }\r\n .active .line-2 { opacity: 0; }\r\n .active .line-3 { transform: rotate(-45deg) translate(5px, -5px); }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"main-logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/sporticamx.com\/wp-content\/uploads\/2025\/04\/logo_nuevo_sportica_blanco_letras-sin-fondo.png\" alt=\"Sportica Logo\" class=\"logo-img\">\r\n <\/div>\r\n\r\n <div class=\"burger-btn\" onclick=\"toggleMenu()\">\r\n <span class=\"text-[10px] uppercase tracking-[0.4em] font-light hidden md:block\" id=\"burger-text\">Men\u00fa<\/span>\r\n <div class=\"flex flex-col gap-2\">\r\n <div class=\"burger-line line-1\"><\/div>\r\n <div class=\"burger-line line-2\"><\/div>\r\n <div class=\"burger-line line-3\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"menu-overlay\">\r\n <div class=\"menu-bg-container\">\r\n <img decoding=\"async\" id=\"dynamic-bg\" src=\"\" alt=\"Background\">\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-black via-black\/40 to-transparent\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"w-full h-full flex flex-col justify-center px-10 md:px-24\">\r\n <nav class=\"flex flex-col gap-6\">\r\n <a href=\"#\" class=\"nav-link font-serif\" onmouseover=\"changeBg('clubs')\">Clubes<\/a>\r\n <a href=\"#\" class=\"nav-link font-serif\" onmouseover=\"changeBg('clases')\">Clases<\/a>\r\n <a href=\"#\" class=\"nav-link font-serif\" onmouseover=\"changeBg('entrenamiento')\">Entrenamiento<\/a>\r\n <a href=\"#\" class=\"nav-link font-serif\" onmouseover=\"changeBg('spa')\">Spa & Wellness<\/a>\r\n <a href=\"#\" class=\"nav-link font-serif\" onmouseover=\"changeBg('membresia')\">Membres\u00eda<\/a>\r\n <\/nav>\r\n\r\n <div class=\"mt-20 flex flex-col md:flex-row gap-10 text-stone-400 text-[10px] uppercase tracking-[0.3em]\">\r\n <div>\r\n <p class=\"text-white mb-2\">Contacto<\/p>\r\n <a href=\"tel:80077378443\" class=\"hover:text-white transition-colors\">800-SPORTICA-GYM<\/a>\r\n <\/div>\r\n <div>\r\n <p class=\"text-white mb-2\">Ubicaci\u00f3n<\/p>\r\n <a href=\"#\" target=\"_blank\" class=\"hover:text-white transition-colors\">Ciudad de M\u00e9xico<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <script>\r\n const images = {\r\n 'default': 'https:\/\/images.unsplash.com\/photo-1534438327276-14e5300c3a48?q=80&w=2000',\r\n 'clubs': 'https:\/\/images.unsplash.com\/photo-1540497077202-7c8a3999166f?q=80&w=2000',\r\n 'clases': 'https:\/\/images.unsplash.com\/photo-1571902943202-507ec2618e8f?q=80&w=2000',\r\n 'entrenamiento': 'https:\/\/images.unsplash.com\/photo-1581009146145-b5ef03a7403f?q=80&w=2000',\r\n 'spa': 'https:\/\/images.unsplash.com\/photo-1590239068512-63275e58913a?q=80&w=2000',\r\n 'membresia': 'https:\/\/images.unsplash.com\/photo-1574673001865-4527844bdf8b?q=80&w=2000'\r\n };\r\n\r\n const overlay = document.getElementById('menu-overlay');\r\n const bgImg = document.getElementById('dynamic-bg');\r\n const burgerBtn = document.querySelector('.burger-btn');\r\n const burgerText = document.getElementById('burger-text');\r\n const logoContainer = document.getElementById('main-logo-container');\r\n\r\n function handleScroll() {\r\n if (window.scrollY > 50) {\r\n logoContainer.classList.add('scrolled');\r\n } else {\r\n logoContainer.classList.remove('scrolled');\r\n }\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n setTimeout(() => {\r\n logoContainer.classList.add('loaded');\r\n }, 300);\r\n });\r\n\r\n window.addEventListener('scroll', handleScroll);\r\n\r\n function toggleMenu() {\r\n const isActive = overlay.classList.toggle('active');\r\n burgerBtn.classList.toggle('active');\r\n \r\n if(isActive) {\r\n burgerText.innerText = \"Cerrar\";\r\n logoContainer.style.opacity = \"0\";\r\n changeBg('default');\r\n document.body.style.overflow = 'hidden';\r\n } else {\r\n burgerText.innerText = \"Men\u00fa\";\r\n logoContainer.style.opacity = \"\"; \r\n handleScroll();\r\n bgImg.classList.remove('visible');\r\n document.body.style.overflow = 'auto';\r\n }\r\n }\r\n\r\n function changeBg(key) {\r\n bgImg.classList.remove('visible');\r\n setTimeout(() => {\r\n bgImg.src = images[key];\r\n bgImg.classList.add('visible');\r\n }, 100);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-1108818 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"1108818\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<a class=\"eael-wrapper-link-aea4084 --eael-wrapper-link-tag\" href=\"https:\/\/sporticamx.com\/index.php\/membresias\/\"><\/a>\t\t<div data-eael-wrapper-link=\"eael-wrapper-link-aea4084\" class=\"elementor-element elementor-element-aea4084 elementor-widget__width-inherit elementor-widget elementor-widget-video\" data-id=\"aea4084\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes","start":0}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/sporticamx.com\/wp-content\/uploads\/2026\/03\/VIDEOWALL-MARZO.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-c6deea9 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"c6deea9\" 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-d445c03 elementor-widget elementor-widget-video\" data-id=\"d445c03\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/sporticamx.com\/wp-content\/uploads\/2026\/03\/VIDEOWALL-MARZO.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\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>Sportica Exclusive Gym Clubs ❮ AeropuertoCol. Federal, CDMX AztecaEcatepec, Edo Mex Arag\u00f3nGustavo A. Madero CampestreNezahualc\u00f3yotl CoacalcoPlaza Coacalco EchegarayNaucalpan, Edo Mex EgiptoBosques de Arag\u00f3n NacionesBosques de Arag\u00f3n Ocean\u00edaGustavo A. Madero PraderaLa Pradera, CDMX ViaductoCol. \u00c1lamos, CDMX CelayaCelaya, Guanajuato ArbideLe\u00f3n, Guanajuato PremierLe\u00f3n, Guanajuato ❯ Membres\u00edas Clases Fitness Entrenadores Inbody Visita un club Encuentra hoy Exclusividad enmovimiento. Navegaci\u00f3n […]<\/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-22945","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/pages\/22945","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=22945"}],"version-history":[{"count":236,"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/pages\/22945\/revisions"}],"predecessor-version":[{"id":23826,"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/pages\/22945\/revisions\/23826"}],"wp:attachment":[{"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/media?parent=22945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}