{"id":22335,"date":"2026-02-24T08:54:48","date_gmt":"2026-02-24T14:54:48","guid":{"rendered":"https:\/\/sporticamx.com\/?page_id=22335"},"modified":"2026-03-11T14:34:15","modified_gmt":"2026-03-11T20:34:15","slug":"cabecera","status":"publish","type":"page","link":"https:\/\/sporticamx.com\/index.php\/cabecera\/","title":{"rendered":"Cabecera"},"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 - Sedes<\/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 --dark-bg: #0a0a0a;\r\n }\r\n\r\n \/* ELIMINAR SUBRAYADO GLOBAL *\/\r\n a {\r\n text-decoration: none !important;\r\n }\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 min-height: 200vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ANIMACI\u00d3N DE CARGA *\/\r\n @keyframes revealZoom {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0.95);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n .animate-entrance {\r\n animation: revealZoom 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;\r\n }\r\n\r\n \/* BARRA DE NAVEGACI\u00d3N PRINCIPAL *\/\r\n #navbar-prestige {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 40px;\r\n z-index: 1000;\r\n background: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%, transparent 100%);\r\n transition: all 0.5s ease;\r\n }\r\n\r\n #navbar-prestige.scrolled {\r\n height: 70px;\r\n background: rgba(0, 0, 0, 0.98);\r\n backdrop-filter: blur(15px);\r\n border-bottom: 1px solid rgba(212, 175, 55, 0.2);\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 35px;\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n align-items: center;\r\n }\r\n\r\n .nav-link-item {\r\n font-size: 11px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.25em;\r\n color: rgba(255, 255, 255, 0.6);\r\n transition: all 0.3s ease;\r\n padding: 35px 0;\r\n cursor: pointer;\r\n display: inline-block;\r\n }\r\n\r\n .nav-link-item:hover {\r\n color: var(--gold);\r\n }\r\n\r\n \/* LOGO CENTRAL *\/\r\n .logo-container {\r\n position: absolute;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n text-align: center;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .logo-container:hover {\r\n transform: translateX(-50%) scale(1.05);\r\n }\r\n\r\n .logo-text {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.8rem;\r\n letter-spacing: 0.2em;\r\n color: var(--gold);\r\n line-height: 1;\r\n }\r\n\r\n .logo-subtext {\r\n font-size: 7px;\r\n letter-spacing: 0.5em;\r\n color: rgba(255, 255, 255, 0.4);\r\n text-transform: uppercase;\r\n margin-top: 5px;\r\n }\r\n\r\n \/* MEGA MENU *\/\r\n .nav-item-container { position: static; }\r\n\r\n .mega-menu {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n width: 100%;\r\n background: rgba(10, 10, 10, 0.98);\r\n border-top: 1px solid rgba(212, 175, 55, 0.3);\r\n border-bottom: 1px solid rgba(212, 175, 55, 0.1);\r\n visibility: hidden;\r\n opacity: 0;\r\n transform: translateY(15px);\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n padding: 50px 80px;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\r\n max-height: 85vh;\r\n overflow-y: auto;\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 .mega-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n }\r\n\r\n .sede-card {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n padding: 10px;\r\n background: rgba(255,255,255,0.02);\r\n border: 1px solid transparent;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .sede-card:hover {\r\n background: rgba(212, 175, 55, 0.05);\r\n border: 1px solid rgba(212, 175, 55, 0.3);\r\n transform: scale(1.02);\r\n }\r\n\r\n .sede-thumb {\r\n width: 60px;\r\n height: 60px;\r\n object-fit: cover;\r\n filter: grayscale(100%);\r\n transition: filter 0.4s ease;\r\n }\r\n\r\n .sede-card:hover .sede-thumb {\r\n filter: grayscale(0%);\r\n }\r\n\r\n .sede-info .name {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 13px;\r\n color: var(--gold);\r\n }\r\n\r\n .sede-info .location {\r\n font-size: 8px;\r\n color: #777;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* BOT\u00d3N MEMBRES\u00cdA *\/\r\n .btn-membership {\r\n border: 1px solid var(--gold);\r\n padding: 10px 25px;\r\n font-size: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n color: var(--gold);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .btn-membership:hover {\r\n background: var(--gold);\r\n color: black;\r\n }\r\n\r\n .mega-menu::-webkit-scrollbar { width: 4px; }\r\n .mega-menu::-webkit-scrollbar-thumb { background: var(--gold); }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <nav id=\"navbar-prestige\" class=\"animate-entrance\">\r\n <div class=\"nav-left\">\r\n <ul class=\"nav-links\">\r\n <li class=\"nav-item-container\">\r\n <a href=\"clubes.html\" class=\"nav-link-item\">Clubes<\/a>\r\n <div class=\"mega-menu\">\r\n <div class=\"mega-grid\">\r\n <a href=\"polanco.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534438327276-14e5300c3a48?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Aeropuerto<\/div><div class=\"location\">Comunicaciones y Obras P\u00fablicas #58, Col. Federal. C.P. 15700<\/div><\/div><\/a>\r\n <a href=\"santafe.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540497077202-7c8a3999166f?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Azteca<\/div><div class=\"location\">Av. Central Mz. 527 Esq. Blvd de los Aztecas Col. Cd. Azteca C.P. 55120<\/div><\/div><\/a>\r\n <a href=\"condesa.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571902943202-507ec2618e8f?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Arag\u00f3n<\/div><div class=\"location\">Av. 412 #292 C.P. 07918 Col. San Juan de Arag\u00f3n<\/div><\/div><\/a>\r\n <a href=\"roma.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1593079831268-3381b0db4a77?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Campestre<\/div><div class=\"location\">Calle 14 #29 Col. Campestre Guadalupana C.P. 57120<\/div><\/div><\/a>\r\n <a href=\"interlomas.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574680096145-d05b474e2158?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Coacalco<\/div><div class=\"location\">Jos\u00e9 Lopez Portillo, Local 21-32 Plaza Coacalco Col. San Francisco C.P. 55714<\/div><\/div><\/a>\r\n <a href=\"satelite.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517836357463-d25dfeac3438?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Echegaray<\/div><div class=\"location\">Echegaray: Av. Gustavo Baz #234 Col. Hacienda Echegaray C.P. 53300<\/div><\/div><\/a>\r\n <a href=\"delvalle.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521805103424-d8f8430e8933?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Egipto<\/div><div class=\"location\">Bosques de Egipto #6 Col. Bosques de Arag\u00f3n C.P. 57170<\/div><\/div><\/a>\r\n <a href=\"coyoacan.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1570129477492-45c003edd2be?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Naciones<\/div><div class=\"location\">Bosques de las Naciones #38 Col. Bosques de Arag\u00f3n C.P. 57170<\/div><\/div><\/a>\r\n <a href=\"guadalajara.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554284126-aa88f22d8b74?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Ocean\u00eda<\/div><div class=\"location\">Av. 605 #13 Col. San Juan de Arag\u00f3n 3era. Secci\u00f3n C.P. 07970<\/div><\/div><\/a>\r\n <a href=\"monterrey.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571019613454-1cb2f99b2d8b?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Pradera<\/div><div class=\"location\">Volc\u00e1n Popocat\u00e9petl #123 Volc\u00e1n Paricut\u00edn y Volc\u00e1n Colima Col. La Pradera C.P. 07500 G.A.M.<\/div><\/div><\/a>\r\n <a href=\"queretaro.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534367507873-d2d7e24c797f?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Viaducto<\/div><div class=\"location\">Isabel la Cat\u00f3lica #523, Esq. Viaducto C.P. 06880 Col. \u00c1lamos<\/div><\/div><\/a>\r\n <a href=\"puebla.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518611012118-696072aa579a?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Arbide<\/div><div class=\"location\">Blvd. Algeciras #127 Esq. Puerto Almeria Col. Arbide C.P. 37360<\/div><\/div><\/a>\r\n <a href=\"merida.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583454110551-21f2fa2afe61?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Celaya<\/div><div class=\"location\">Blvd. Adolfo L\u00f3pez Mateos #1530 Col. Rosa Linda C.P. 38060<\/div><\/div><\/a>\r\n <a href=\"cancun.html\" class=\"sede-card\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1590239926620-13a465a0ad29?q=80&w=100\" class=\"sede-thumb\"><div class=\"sede-info\"><div class=\"name\">Premier<\/div><div class=\"location\">Blvd. Adolfo L\u00f3pez Mateos #1734 Col. Obreg\u00f3n C.P. 37320<\/div><\/div><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n <li><a href=\"clases.html\" class=\"nav-link-item\">Clases<\/a><\/li>\r\n <li><a href=\"entrenamiento.html\" class=\"nav-link-item\">Entrenamiento<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <a href=\"index.html\" class=\"logo-container\">\r\n <div class=\"logo-text\">SPORTICA<\/div>\r\n <div class=\"logo-subtext\">EXCLUSIVE GYM<\/div>\r\n <\/a>\r\n\r\n <div class=\"nav-right\">\r\n <ul class=\"nav-links\">\r\n <li><a href=\"spa.html\" class=\"nav-link-item\">Spa<\/a><\/li>\r\n <li><a href=\"membresia.html\" class=\"btn-membership\" style=\"margin-left: 20px;\">Membres\u00eda<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/nav>\r\n\r\n <script>\r\n const navbar = document.getElementById('navbar-prestige');\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 50) {\r\n navbar.classList.add('scrolled');\r\n } else {\r\n navbar.classList.remove('scrolled');\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-c5fb22c elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"c5fb22c\" 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-e959cd8 elementor-widget elementor-widget-html\" data-id=\"e959cd8\" 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 Prestige Gym<\/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 \/* --- CORRECCI\u00d3N AQU\u00cd: Quitamos el subrayado de ra\u00edz --- *\/\r\n a {\r\n text-decoration: none !important;\r\n }\r\n\r\n #main-logo-container {\r\n position: fixed;\r\n top: 40px;\r\n left: 50%;\r\n transform: translateX(-50%) scale(1.5);\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 transform: translateX(-50%) scale(1);\r\n }\r\n\r\n #main-logo-container.scrolled {\r\n opacity: 0 !important;\r\n transform: translateX(-50%) scale(0.8);\r\n pointer-events: none;\r\n }\r\n\r\n .logo-text {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2rem;\r\n letter-spacing: 0.3em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);\r\n }\r\n\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 \/* Aseguramos que no haya subrayado *\/\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 <div class=\"logo-text\">SPORTICA<\/div>\r\n <div class=\"text-[8px] tracking-[0.6em] text-center text-white\/60 -mt-2\">EXCLUSIVE GYM<\/div>\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=\"https:\/\/maps.google.com\" 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-d46e5dd e-flex e-con-boxed e-con e-parent\" data-id=\"d46e5dd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5c36eb elementor-invisible elementor-widget elementor-widget-html\" data-id=\"c5c36eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeIn"}\" 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>Membres\u00edas Exclusive Gym<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,7\r\n \r\n 00;1,700&family=Inter:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Estilos Base *\/\r\n body { \r\n font-family: 'Inter', sans-serif; \r\n background-color: #0c0a09; \r\n color: white; \r\n margin: 0;\r\n overflow-x: hidden;\r\n }\r\n \r\n .font-serif { font-family: 'Playfair Display', serif; }\r\n \r\n \/* Efecto de texto dorado met\u00e1lico *\/\r\n .gold-gradient-text {\r\n background: linear-gradient(180deg, #fef3c7 0%, #d4af37 50%, #926229 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5));\r\n }\r\n\r\n \/* Estilo Unificado de Tarjetas *\/\r\n .card-hover-effect {\r\n transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n border: 1px solid #1c1917; \/* stone-800 *\/\r\n background-color: rgba(28, 25, 23, 0.4); \/* stone-900\/40 *\/\r\n }\r\n\r\n .card-hover-effect:hover {\r\n box-shadow: 0 20px 50px -12px rgba(212, 175, 55, 0.15);\r\n transform: translateY(-10px);\r\n border-color: rgba(212, 175, 55, 0.4) !important;\r\n }\r\n\r\n \/* Destacado para Anualidad *\/\r\n .featured-card {\r\n border-color: rgba(212, 175, 55, 0.3);\r\n box-shadow: 0 10px 30px -10px rgba(212, 175, 55, 0.15);\r\n }\r\n\r\n \/* L\u00ednea Decorativa Superior *\/\r\n .deco-line {\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, #d4af37, transparent);\r\n width: 120px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Animaci\u00f3n de Revelado al Scroll *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all 0.9s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n\r\n .reveal.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* Barra de desplazamiento personalizada *\/\r\n ::-webkit-scrollbar { width: 6px; }\r\n ::-webkit-scrollbar-track { background: #0c0a09; }\r\n ::-webkit-scrollbar { width: 6px; }\r\n ::-webkit-scrollbar-thumb { background: #333; border-radius: 10px; }\r\n ::-webkit-scrollbar-thumb:hover { background: #d4af37; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"py-16 px-6 md:px-12\">\r\n\r\n <div class=\"max-w-7xl mx-auto\">\r\n <!-- Encabezado Principal -->\r\n <div class=\"text-center mb-24 reveal\">\r\n <div class=\"deco-line mb-6\"><\/div>\r\n <h1 class=\"text-amber-500\/80 text-[11px] font-bold tracking-[0.6em] uppercase mb-4\">\r\n MEMBRES\u00cdA EXCLUSIVA\r\n <\/h1>\r\n <h2 class=\"text-5xl md:text-8xl font-serif gold-gradient-text mb-8\">\r\n Prestige\r\n <\/h2>\r\n <div class=\"flex items-center justify-center gap-6 mb-10\">\r\n <div class=\"h-[1px] w-16 bg-stone-800\"><\/div>\r\n <span class=\"text-stone-500 text-[11px] tracking-[0.4em] uppercase\">Limited Access<\/span>\r\n <div class=\"h-[1px] w-16 bg-stone-800\"><\/div>\r\n <\/div>\r\n <p class=\"max-w-2xl mx-auto text-stone-400 font-light text-base md:text-lg leading-relaxed italic\">\r\n Descubre un santuario de salud y bienestar. Acceso restringido para garantizar una experiencia de entrenamiento sin precedentes.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Contenedor de Tarjetas -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 md:gap-12\">\r\n \r\n <!-- Plan Trimestral -->\r\n <div class=\"reveal relative group overflow-hidden rounded-3xl flex flex-col h-full card-hover-effect\" style=\"transition-delay: 100ms;\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534438327276-14e5300c3a48?auto=format&fit=crop&q=80\" alt=\"Gimnasio de Lujo\" class=\"w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity duration-700\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#0c0a09] via-[#0c0a09]\/95 to-transparent\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"relative z-10 p-10 flex flex-col h-full\">\r\n <div class=\"mb-10 text-center\">\r\n <h3 class=\"text-amber-500\/60 text-[10px] font-bold tracking-[0.3em] uppercase mb-2\">Membres\u00eda<\/h3>\r\n <h2 class=\"text-4xl font-serif gold-gradient-text\">Trimestral<\/h2>\r\n <\/div>\r\n\r\n <!-- Trimestral: Fondo Limpio -->\r\n <div class=\"mb-10 text-center border-y border-white\/5 py-8\">\r\n <div class=\"text-stone-500 text-[10px] tracking-widest uppercase mb-1 italic\">Inversi\u00f3n<\/div>\r\n <span class=\"text-4xl font-serif text-amber-200 font-bold\">$1,649<\/span>\r\n <span class=\"text-stone-500 text-[10px] block mt-1 uppercase tracking-widest\">MXN \/ Pago por mes<\/span>\r\n <\/div>\r\n\r\n <ul class=\"space-y-6 mb-12 flex-grow\">\r\n <li class=\"flex items-center gap-4 text-stone-300 text-sm font-light\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-amber-500 shadow-[0_0_8px_rgba(245,158,11,0.5)]\"><\/span>\r\n Acceso total \u00e1reas de fuerza y cardio\r\n <\/li>\r\n <li class=\"flex items-center gap-4 text-stone-300 text-sm font-light\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-amber-500 shadow-[0_0_8px_rgba(245,158,11,0.5)]\"><\/span>\r\n Casillero privado ejecutivo\r\n <\/li>\r\n <li class=\"flex items-center gap-4 text-stone-300 text-sm font-light\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-amber-500 shadow-[0_0_8px_rgba(245,158,11,0.5)]\"><\/span>\r\n Servicio de toallas y amenidades\r\n <\/li>\r\n <\/ul>\r\n\r\n <button class=\"w-full py-5 bg-transparent border border-amber-500\/40 hover:bg-amber-500 hover:text-stone-950 text-amber-500 rounded-xl transition-all duration-500 uppercase tracking-[0.4em] text-[10px] font-bold\">\r\n <p>\r\n <a href=\"https:\/\/sporticamx.com\/index.php\/e-commerce-trimestral\/\" style=\"text-decoration: none;\">Solicitar Acceso<\/a>\r\n<\/p>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Plan Semestral -->\r\n <div class=\"reveal relative group overflow-hidden rounded-3xl flex flex-col h-full card-hover-effect\" style=\"transition-delay: 250ms;\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571902943202-507ec2618e8f?auto=format&fit=crop&q=80%22%20alt=%22Gym%20Interior\" class=\"w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity duration-700\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#0c0a09] via-[#0c0a09]\/95 to-transparent\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"relative z-10 p-10 flex flex-col h-full\">\r\n <div class=\"mb-10 text-center\">\r\n <h3 class=\"text-amber-500\/60 text-[10px] font-bold tracking-[0.3em] uppercase mb-2\">Membres\u00eda<\/h3>\r\n <h2 class=\"text-4xl font-serif gold-gradient-text\">Semestral<\/h2>\r\n <\/div>\r\n\r\n <!-- Semestral: Fondo Limpio -->\r\n <div class=\"mb-10 text-center border-y border-white\/5 py-8\">\r\n <div class=\"text-stone-500 text-[10px] tracking-widest uppercase mb-1 italic\">Inversi\u00f3n<\/div>\r\n <span class=\"text-4xl font-serif text-amber-200 font-bold\">$3,249<\/span>\r\n <span class=\"text-stone-500 text-[10px] block mt-1 uppercase tracking-widest\">MXN \/ Pago por mes<\/span>\r\n <\/div>\r\n\r\n <ul class=\"space-y-6 mb-12 flex-grow\">\r\n <li class=\"flex items-center gap-4 text-stone-300 text-sm font-light\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-amber-500 shadow-[0_0_8px_rgba(245,158,11,0.5)]\"><\/span>\r\n Beneficios Plan Trimestral\r\n <\/li>\r\n <li class=\"flex items-center gap-4 text-stone-300 text-sm font-light\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-amber-500 shadow-[0_0_8px_rgba(245,158,11,0.5)]\"><\/span>\r\n 3 Sesiones de coaching personal\r\n <\/li>\r\n <li class=\"flex items-center gap-4 text-stone-300 text-sm font-light\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-amber-500 shadow-[0_0_8px_rgba(245,158,11,0.5)]\"><\/span>\r\n Acceso preferencial a Spa y Sauna\r\n <\/li>\r\n <\/ul>\r\n\r\n <button class=\"w-full py-5 bg-transparent border border-amber-500\/40 hover:bg-amber-500 hover:text-stone-950 text-amber-500 rounded-xl transition-all duration-500 uppercase tracking-[0.4em] text-[10px] font-bold\">\r\n <p>\r\n <a href=\"https:\/\/sporticamx.com\/index.php\/e-commerce-semestral\/\" style=\"text-decoration: none;\">Solicitar Acceso<\/a>\r\n<\/p>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Plan Anual (M\u00e1s Popular) -->\r\n <div class=\"reveal relative group overflow-hidden rounded-3xl flex flex-col h-full card-hover-effect featured-card\" style=\"transition-delay: 400ms;\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540497077202-7c8a3999166f?auto=format&fit=crop&q=80%22%20alt=%22%C3%81rea%20de%20Pesas\" class=\"w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity duration-700\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#0c0a09] via-[#0c0a09]\/95 to-transparent\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"relative z-10 p-10 flex flex-col h-full\">\r\n <div class=\"mb-10 text-center\">\r\n <div class=\"inline-block px-4 py-1.5 border border-amber-500\/30 rounded-full mb-4 bg-amber-500\/10\">\r\n <span class=\"text-amber-500 text-[10px] font-bold tracking-[0.3em] uppercase\">M\u00e1s Popular<\/span>\r\n <\/div>\r\n <h2 class=\"text-4xl font-serif gold-gradient-text\">Anualidad<\/h2>\r\n <\/div>\r\n\r\n <!-- Anualidad: Con Cuadro Gris\u00e1ceo Sutil para Resaltar -->\r\n <div class=\"mb-10 text-center border-y border-white\/5 py-8 bg-stone-800\/20 rounded-lg\">\r\n <div class=\"text-stone-500 text-[10px] tracking-widest uppercase mb-1 italic\">Inversi\u00f3n<\/div>\r\n <span class=\"text-4xl font-serif text-amber-200 font-bold\">$6,299<\/span>\r\n <span class=\"text-stone-500 text-[10px] block mt-1 uppercase tracking-widest\">MXN \/ Pago por mes\/span>\r\n <\/div>\r\n\r\n <ul class=\"space-y-6 mb-12 flex-grow\">\r\n <li class=\"flex items-center gap-4 text-stone-200 text-sm font-semibold italic\">\r\n <span class=\"w-2 h-2 rounded-full bg-amber-400 shadow-[0_0_12px_rgba(251,191,36,0.8)]\"><\/span>\r\n Beneficios Globales Prestige\r\n <\/li>\r\n <li class=\"flex items-center gap-4 text-stone-300 text-sm font-light\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-amber-500 shadow-[0_0_8px_rgba(245,158,11,0.5)]\"><\/span>\r\n Servicio de Valet Parking ilimitado\r\n <\/li>\r\n <li class=\"flex items-center gap-4 text-stone-300 text-sm font-light\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-amber-500 shadow-[0_0_8px_rgba(245,158,11,0.5)]\"><\/span>\r\n Plan de nutrici\u00f3n personalizado\r\n <\/li>\r\n <\/ul>\r\n\r\n <button class=\"w-full py-5 bg-amber-600 hover:bg-amber-500 text-stone-950 rounded-xl transition-all duration-500 uppercase tracking-[0.4em] text-[10px] font-bold shadow-xl shadow-amber-900\/20\">\r\n <p>\r\n <a href=\"https:\/\/sporticamx.com\/index.php\/e-commerce-anualidad\/\" style=\"text-decoration: none;\">Solicitar Acceso<\/a>\r\n<\/p>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Script de Animaci\u00f3n -->\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const revealOnScroll = () => {\r\n const reveals = document.querySelectorAll('.reveal');\r\n const windowHeight = window.innerHeight;\r\n \r\n reveals.forEach(el => {\r\n const elementTop = el.getBoundingClientRect().top;\r\n const elementVisible = 100;\r\n \r\n if (elementTop < windowHeight - elementVisible) {\r\n el.classList.add('active');\r\n }\r\n });\r\n };\r\n\r\n window.addEventListener('scroll', revealOnScroll);\r\n revealOnScroll();\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\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 – Sedes Clubes AeropuertoComunicaciones y Obras P\u00fablicas #58, Col. Federal. C.P. 15700 AztecaAv. Central Mz. 527 Esq. Blvd de los Aztecas Col. Cd. Azteca C.P. 55120 Arag\u00f3nAv. 412 #292 C.P. 07918 Col. San Juan de Arag\u00f3n CampestreCalle 14 #29 Col. Campestre Guadalupana C.P. 57120 CoacalcoJos\u00e9 Lopez Portillo, Local 21-32 Plaza Coacalco Col. […]<\/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-22335","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/pages\/22335","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=22335"}],"version-history":[{"count":139,"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/pages\/22335\/revisions"}],"predecessor-version":[{"id":22981,"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/pages\/22335\/revisions\/22981"}],"wp:attachment":[{"href":"https:\/\/sporticamx.com\/index.php\/wp-json\/wp\/v2\/media?parent=22335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}