{"id":23096,"date":"2026-03-12T07:34:34","date_gmt":"2026-03-12T13:34:34","guid":{"rendered":"https:\/\/sporticamx.com\/?page_id=23096"},"modified":"2026-03-12T08:56:27","modified_gmt":"2026-03-12T14:56:27","slug":"demo","status":"publish","type":"page","link":"https:\/\/sporticamx.com\/index.php\/demo\/","title":{"rendered":"Demo"},"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: 70px; }\r\n\r\n\/* 1. Contenedor del logo *\/\r\n.logo-container { \r\n display: flex; \r\n align-items: center; \r\n}\r\n\r\n\/* 2. Forzamos el tama\u00f1o de la imagen *\/\r\n.main-logo {\r\n height: 100px !important; \/* He subido a 65px para que destaque m\u00e1s, aj\u00fastalo a tu gusto *\/\r\n width: auto;\r\n display: block;\r\n object-fit: contain;\r\n}\r\n .nav-links { display: flex; gap: 60px; list-style: none; margin: 0; padding: 0; }\r\n .nav-link-item { font-size: 22px; font-weight: 300; color: rgba(255, 255, 255, 0.9); transition: all 0.3s ease; cursor: pointer; }\r\n .nav-link-item:hover { color: var(--gold); }\r\n \r\n \/* Estilo para el nuevo logo *\/\r\n.main-logo {\r\n height: 50px; \/* Ajusta este valor para que el logo se vea m\u00e1s grande o peque\u00f1o *\/\r\n width: auto; \/* Mantiene la proporci\u00f3n original *\/\r\n display: block;\r\n}\r\n\r\n\/* Opcional: Ajusta el contenedor si es necesario *\/\r\n.logo-container {\r\n display: flex;\r\n align-items: center;\r\n padding-left: 10px;\r\n}\r\n\r\n \/* MEGA MENU SLIDER *\/\r\n .nav-item-container { position: static; }\r\n \r\n .mega-menu {\r\n position: absolute;\r\n top: 110px;\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 transform: translateY(15px);\r\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n padding: 40px 0; \/* Padding lateral 0 para el scroll *\/\r\n overflow: hidden;\r\n }\r\n\r\n .nav-item-container:hover .mega-menu {\r\n visibility: visible;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* CONTENEDOR DEL SCROLL *\/\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 -ms-overflow-style: none; \/* IE and Edge *\/\r\n scrollbar-width: none; \/* Firefox *\/\r\n }\r\n\r\n .slider-wrapper::-webkit-scrollbar { display: none; } \/* Chrome, Safari, Opera *\/\r\n\r\n \/* TARJETAS VERTICALES *\/\r\n .sede-card {\r\n flex: 0 0 280px; \/* Ancho fijo para cada tarjeta *\/\r\n position: relative;\r\n height: 380px;\r\n overflow: hidden;\r\n border-radius: 12px;\r\n background: #1a1a1a;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .sede-card:hover {\r\n transform: scale(1.02);\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.8);\r\n }\r\n\r\n .sede-thumb {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: brightness(0.6);\r\n transition: all 0.6s ease;\r\n }\r\n\r\n .sede-card:hover .sede-thumb {\r\n filter: brightness(1);\r\n transform: scale(1.1);\r\n }\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: 30px 20px;\r\n background: linear-gradient(to top, rgba(0,0,0,1) 0%, transparent 100%);\r\n }\r\n\r\n .name { font-size: 18px; color: #fff; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; }\r\n .location { font-size: 11px; color: rgba(255,255,255,0.6); line-height: 1.3; }\r\n .sede-card:hover .name { color: var(--gold); }\r\n\r\n \/* BOTONES DE CONTROL (FLECHAS) *\/\r\n .slider-btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(212, 175, 55, 0.8);\r\n color: black;\r\n border: none;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n z-index: 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: bold;\r\n transition: 0.3s;\r\n opacity: 0;\r\n }\r\n\r\n .mega-menu:hover .slider-btn { opacity: 1; }\r\n .slider-btn:hover { background: white; transform: translateY(-50%) scale(1.1); }\r\n .btn-prev { left: 10px; }\r\n .btn-next { right: 10px; }\r\n\r\n \/* BOTONES DERECHA *\/\r\n .nav-right-btns { display: flex; gap: 15px; align-items: center; }\r\n .btn-white { background: white; color: black; padding: 26px 28px; font-size: 16px; font-weight: 500; text-transform: capitalize; }\r\n .btn-outline { border: 2px solid white; color: white; padding: 24px 28px; font-size: 16px; font-weight: 400; text-transform: capitalize; }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n height: 100vh;\r\n background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('https:\/\/images.unsplash.com\/photo-1534438327276-14e5300c3a48?q=80&w=1600') center\/cover;\r\n display: flex;\r\n align-items: center;\r\n padding-left: 80px;\r\n }\r\n .hero-title { font-size: 5.5rem; font-weight: 800; line-height: 1; }\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\"><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><\/a>\r\n <a href=\"#\" class=\"sede-card\"><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><\/a>\r\n <a href=\"#\" class=\"sede-card\"><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><\/a>\r\n <a href=\"#\" class=\"sede-card\"><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><\/a>\r\n <a href=\"#\" class=\"sede-card\"><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><\/a>\r\n <a href=\"#\" class=\"sede-card\"><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><\/a>\r\n <a href=\"#\" class=\"sede-card\"><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><\/a>\r\n <a href=\"#\" class=\"sede-card\"><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><\/a>\r\n <a href=\"#\" class=\"sede-card\"><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><\/a>\r\n <a href=\"#\" class=\"sede-card\"><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><\/a>\r\n <a href=\"#\" class=\"sede-card\"><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><\/a>\r\n <a href=\"#\" class=\"sede-card\"><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><\/a>\r\n <a href=\"#\" class=\"sede-card\"><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><\/a>\r\n <a href=\"#\" class=\"sede-card\"><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><\/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 Personales<\/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 class=\"hero\">\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 const scrollAmount = 300; \/\/ Distancia de desplazamiento\r\n slider.scrollBy({\r\n left: direction * scrollAmount,\r\n behavior: 'smooth'\r\n });\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-6c3ea1f elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"6c3ea1f\" 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-11c3f04 elementor-widget elementor-widget-html\" data-id=\"11c3f04\" 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-1cf357c elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"1cf357c\" 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-460ab61 --eael-wrapper-link-tag\" href=\"https:\/\/sporticamx.com\/index.php\/membresias\/\"><\/a>\t\t<div data-eael-wrapper-link=\"eael-wrapper-link-460ab61\" class=\"elementor-element elementor-element-460ab61 elementor-widget__width-inherit elementor-widget elementor-widget-video\" data-id=\"460ab61\" 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-7088e9f elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"7088e9f\" 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-4833140 elementor-widget elementor-widget-video\" data-id=\"4833140\" 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 ArbideLe\u00f3n, Guanajuato CelayaCelaya, Guanajuato PremierLe\u00f3n, Guanajuato ❯ Membres\u00edas Clases Fitness Entrenadores Personales Inbody Visita un club Encuentra hoy Exclusividad enmovimiento. […]<\/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-23096","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/pages\/23096","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=23096"}],"version-history":[{"count":13,"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/pages\/23096\/revisions"}],"predecessor-version":[{"id":23165,"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/pages\/23096\/revisions\/23165"}],"wp:attachment":[{"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/media?parent=23096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}