Help
RSS
API
Feed
Maltego
Contact
Domain > arenatc.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-10-28
104.21.85.86
(
ClassC
)
2026-02-09
172.67.203.251
(
ClassC
)
Port 443
HTTP/1.1 200 OKDate: Mon, 09 Feb 2026 09:57:59 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveAccess-Control-Allow-Origin: *Cache-Control: public, max-age0, must-revalidatereferrer-policy: strict-origin-when-cross-originx-content-type-options: nosniffReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?sKaF1%2BLoWdyMhfZ0hg8ALI5zzQypf%2BLkBQmerzlncRPI5igGcoc%2FWg7SbrLNZrxoAjuHbuk4U5rz7kGuvheXvlZu4CAmrI86eGg%3D%3D}}Nel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}Server: cloudflarecf-cache-status: DYNAMICCF-RAY: 9cb281781e403abd-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langes-CO classscroll-smooth> head>!-- Google Tag Manager -->script typemodule>(function(e,n,r,t,m){etet||,et.push({gtm.start:new Date().getTime(),event:gtm.js});var gn.getElementsByTagName(r)0,an.createElement(r),s;a.async!0,a.srchttps://www.googletagmanager.com/gtm.js?id+m+s,g.parentNode.insertBefore(a,g)})(window,document,script,dataLayer,GTM-KJSBWX82);/script>!-- End Google Tag Manager -->meta charsetUTF-8>meta nameviewport contentwidthdevice-width, initial-scale1.0>link relicon typeimage/svg+xml href/favicon.svg>meta namegenerator contentAstro v5.15.1>!-- Primary Meta Tags -->title>Arena TC - Realidad Virtual en Terrón Colorado, Cali/title>meta nametitle contentArena TC - Realidad Virtual en Terrón Colorado, Cali>meta namedescription contentZona de realidad virtual con Meta Quest 3: juegos, retos, cumpleaños y planes para grupos en Terrón Colorado, Cali, Colombia.>link relcanonical hrefhttps://arenatc.co/>!-- Open Graph / Facebook -->meta propertyog:type contentwebsite>meta propertyog:url contenthttps://arenatc.co/>meta propertyog:title contentArena TC - Realidad Virtual en Terrón Colorado, Cali>meta propertyog:description contentZona de realidad virtual con Meta Quest 3: juegos, retos, cumpleaños y planes para grupos en Terrón Colorado, Cali, Colombia.>meta propertyog:image content/og-image.jpg>meta propertyog:locale contentes_CO>meta propertyog:site_name contentArena TC>!-- Twitter -->meta propertytwitter:card contentsummary_large_image>meta propertytwitter:url contenthttps://arenatc.co/>meta propertytwitter:title contentArena TC - Realidad Virtual en Terrón Colorado, Cali>meta propertytwitter:description contentZona de realidad virtual con Meta Quest 3: juegos, retos, cumpleaños y planes para grupos en Terrón Colorado, Cali, Colombia.>meta propertytwitter:image content/og-image.jpg>!-- Additional SEO -->meta namerobots contentindex, follow>meta namelanguage contentSpanish>meta namerevisit-after content7 days>meta nameauthor contentArena TC>meta namekeywords contentrealidad virtual, VR, Meta Quest 3, gaming, Cali, Terrón Colorado, cumpleaños, entretenimiento, juegos VR, experiencia virtual>!-- Geo Tags -->meta namegeo.region contentCO-VAC>meta namegeo.placename contentCali>meta namegeo.position content3.4516;-76.5320>meta nameICBM content3.4516, -76.5320>!-- Preconnect to improve performance -->link relpreconnect hrefhttps://fonts.googleapis.com>link relpreconnect hrefhttps://fonts.gstatic.com crossorigin>!-- Fonts -->link hrefhttps://fonts.googleapis.com/css2?familyInter:wght@300;400;500;600;700;800;900&displayswap relstylesheet>!-- JSON-LD Schema -->script typeapplication/ld+json>{@context:https://schema.org,@graph:{@type:LocalBusiness,@id:https://arenatc.co/#business,name:Arena TC,description:Zona de realidad virtual con Meta Quest 3: juegos, retos, cumpleaños y planes para grupos,url:https://arenatc.co,telephone:+57 319 690 2460,email:hola@arenatc.co,address:{@type:PostalAddress,streetAddress:Terrón Colorado,addressLocality:Cali,addressRegion:Valle del Cauca,addressCountry:CO},geo:{@type:GeoCoordinates,latitude:3.4516,longitude:-76.532},openingHoursSpecification:{@type:OpeningHoursSpecification,dayOfWeek:Monday,Tuesday,Wednesday,Thursday,Friday,Saturday,Sunday,opens:14:00,closes:21:00},priceRange:$$,image:/og-image.jpg,sameAs:https://www.instagram.com/arenatc,https://www.facebook.com/arenatc},{@type:Organization,@id:https://arenatc.co/#organization,name:Arena TC,url:https://arenatc.co,logo:https://arenatc.co/logo.png,contactPoint:{@type:ContactPoint,telephone:+57 319 690 2460,contactType:Reservations,areaServed:CO,availableLanguage:Spanish}},{@type:Service,@id:https://arenatc.co/#service,serviceType:Entretenimiento de Realidad Virtual,provider:{@id:https://arenatc.co/#business},areaServed:{@type:City,name:Cali},hasOfferCatalog:{@type:OfferCatalog,name:Experiencias VR,itemListElement:{@type:Offer,itemOffered:{@type:Product,name:Sesión Individual VR,description:Sesión de realidad virtual con Meta Quest 3}},{@type:Offer,itemOffered:{@type:Product,name:Paquete Grupal VR,description:Experiencia VR para grupos y cumpleaños}}}}}/script>link relstylesheet href/_astro/index.BbT7blCN.css>/head> body classbg-gray-950 text-gray-100 font-sans antialiased> !-- Google Tag Manager (noscript) --> noscript>iframe srchttps://www.googletagmanager.com/ns.html?idGTM-KJSBWX82 height0 width0 styledisplay:none;visibility:hidden>/iframe>/noscript> !-- End Google Tag Manager (noscript) --> header classfixed top-0 left-0 right-0 z-50 bg-gray-950/95 backdrop-blur-md border-b border-primary-900/30> nav classcontainer mx-auto px-4 sm:px-6 lg:px-8 aria-labelNavegación principal> div classflex items-center justify-between h-16 lg:h-20> !-- Logo --> a href#hero classflex items-center gap-3 group aria-labelArena TC - Inicio> div classw-12 h-12 bg-gradient-to-br from-primary-400 to-primary-600 rounded-lg flex items-center justify-center text-white font-bold text-xl shadow-lg group-hover:shadow-primary-500/50 transition-shadow duration-300>AT/div> span classtext-xl lg:text-2xl font-bold bg-gradient-to-r from-primary-300 to-primary-500 bg-clip-text text-transparent hidden sm:inline>Arena TC/span> /a> !-- Desktop Navigation --> ul classhidden lg:flex items-center gap-1 xl:gap-2> li> a href#hero classpx-3 xl:px-4 py-2 rounded-lg text-sm xl:text-base font-medium text-gray-300 hover:text-primary-300 hover:bg-primary-950/50 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500> Inicio /a> /li>li> a href#juegos classpx-3 xl:px-4 py-2 rounded-lg text-sm xl:text-base font-medium text-gray-300 hover:text-primary-300 hover:bg-primary-950/50 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500> Juegos /a> /li>li> a href#precios classpx-3 xl:px-4 py-2 rounded-lg text-sm xl:text-base font-medium text-gray-300 hover:text-primary-300 hover:bg-primary-950/50 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500> Precios /a> /li>li> a href#como-funciona classpx-3 xl:px-4 py-2 rounded-lg text-sm xl:text-base font-medium text-gray-300 hover:text-primary-300 hover:bg-primary-950/50 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500> Cómo Funciona /a> /li>li> a href#galeria classpx-3 xl:px-4 py-2 rounded-lg text-sm xl:text-base font-medium text-gray-300 hover:text-primary-300 hover:bg-primary-950/50 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500> Galería /a> /li> /ul> !-- CTA Desktop --> a hrefhttps://wa.me/573196902460?textHola%2C%20quiero%20reservar%20una%20sesi%C3%B3n%20en%20Arena%20TC target_blank relnoopener noreferrer classhidden lg:inline-flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 text-white font-semibold rounded-lg shadow-lg hover:shadow-primary-500/50 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:ring-offset-gray-950 aria-labelReservar por WhatsApp> svg classw-5 h-5 fillcurrentColor viewBox0 0 24 24 aria-hiddentrue> path dM17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z>/path> /svg>Reservar/a> !-- Mobile Menu Button --> button idmobile-menu-button typebutton classlg:hidden p-2 rounded-lg text-gray-300 hover:text-primary-300 hover:bg-primary-950/50 focus:outline-none focus:ring-2 focus:ring-primary-500 aria-expandedfalse aria-labelAbrir menú de navegación> svg classw-6 h-6 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM4 6h16M4 12h16M4 18h16>/path> /svg> /button> /div> !-- Mobile Menu --> div idmobile-menu classlg:hidden hidden pb-4 rolenavigation aria-labelNavegación móvil> ul classflex flex-col gap-2 pt-2> li> a href#hero classblock px-4 py-3 rounded-lg text-gray-300 hover:text-primary-300 hover:bg-primary-950/50 transition-all duration-200 mobile-nav-link> Inicio /a> /li>li> a href#juegos classblock px-4 py-3 rounded-lg text-gray-300 hover:text-primary-300 hover:bg-primary-950/50 transition-all duration-200 mobile-nav-link> Juegos /a> /li>li> a href#precios classblock px-4 py-3 rounded-lg text-gray-300 hover:text-primary-300 hover:bg-primary-950/50 transition-all duration-200 mobile-nav-link> Precios /a> /li>li> a href#como-funciona classblock px-4 py-3 rounded-lg text-gray-300 hover:text-primary-300 hover:bg-primary-950/50 transition-all duration-200 mobile-nav-link> Cómo Funciona /a> /li>li> a href#galeria classblock px-4 py-3 rounded-lg text-gray-300 hover:text-primary-300 hover:bg-primary-950/50 transition-all duration-200 mobile-nav-link> Galería /a> /li> li classpt-2> a hrefhttps://wa.me/573196902460?textHola%2C%20quiero%20reservar%20una%20sesi%C3%B3n%20en%20Arena%20TC target_blank relnoopener noreferrer classflex items-center justify-center gap-2 px-4 py-3 bg-gradient-to-r from-primary-500 to-primary-600 text-white font-semibold rounded-lg shadow-lg> svg classw-5 h-5 fillcurrentColor viewBox0 0 24 24 aria-hiddentrue> path dM17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z>/path> /svg>Reservar por WhatsApp/a> /li> /ul> /div> /nav> /header> script typemodule>const tdocument.getElementById(mobile-menu-button),odocument.getElementById(mobile-menu),sdocument.querySelectorAll(.mobile-nav-link);t?.addEventListener(click,()>{const et.getAttribute(aria-expanded)true;t.setAttribute(aria-expanded,String(!e)),o?.classList.toggle(hidden)});s.forEach(e>{e.addEventListener(click,()>{o?.classList.add(hidden),t?.setAttribute(aria-expanded,false)})});document.querySelectorAll(ahref^#).forEach(e>{e.addEventListener(click,function(i){i.preventDefault();const ndocument.querySelector(this.getAttribute(href)||);if(n){const dn.getBoundingClientRect().top+window.pageYOffset-80;window.scrollTo({top:d,behavior:smooth})}})});/script> main> section idhero classrelative min-h-screen flex items-center justify-center overflow-hidden pt-16 lg:pt-20> !-- Background gradient --> div classabsolute inset-0 bg-gradient-to-br from-gray-950 via-primary-950/20 to-gray-950 aria-hiddentrue>/div> !-- Animated background elements --> div classabsolute inset-0 overflow-hidden aria-hiddentrue> div classabsolute top-1/4 left-1/4 w-64 h-64 bg-primary-500/10 rounded-full blur-3xl animate-float>/div> div classabsolute bottom-1/4 right-1/4 w-96 h-96 bg-gaming-purple/10 rounded-full blur-3xl animate-float styleanimation-delay: 1s;>/div> /div> div classcontainer mx-auto px-4 sm:px-6 lg:px-8 relative z-10> div classgrid lg:grid-cols-2 gap-12 lg:gap-16 items-center> !-- Content --> div classtext-center lg:text-left space-y-6 lg:space-y-8> !-- Badge --> div classinline-flex items-center gap-2 px-4 py-2 bg-primary-950/50 border border-primary-500/30 rounded-full text-primary-300 text-sm font-medium> span classw-2 h-2 bg-primary-400 rounded-full animate-pulse aria-hiddentrue>/span>Meta Quest 3 disponible/div> !-- Title --> h1 classtext-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-black leading-tight> span classblock text-white>Vive la/span> span classblock bg-gradient-to-r from-primary-300 via-primary-400 to-gaming-purple bg-clip-text text-transparent>Realidad Virtual/span> span classblock text-white>en Cali/span> /h1> !-- Description --> p classtext-lg sm:text-xl text-gray-300 max-w-2xl mx-auto lg:mx-0>Zona de realidad virtual con strong classtext-primary-300>Meta Quest 3/strong>. Juegos, retos, cumpleaños y planes para grupos en Terrón Colorado, Cali./p> !-- CTAs --> div classflex flex-col sm:flex-row gap-4 justify-center lg:justify-start pt-4> a hrefhttps://wa.me/573196902460?textHola%2C%20quiero%20reservar%20una%20sesi%C3%B3n%20en%20Arena%20TC target_blank relnoopener noreferrer classgroup inline-flex items-center justify-center gap-3 px-8 py-4 bg-gradient-to-r from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 text-white font-bold text-lg rounded-xl shadow-2xl hover:shadow-primary-500/50 transition-all duration-300 focus:outline-none focus:ring-4 focus:ring-primary-500/50> svg classw-6 h-6 group-hover:scale-110 transition-transform fillcurrentColor viewBox0 0 24 24 aria-hiddentrue> path dM17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z>/path> /svg>Reservar Ahora/a> a href#precios classinline-flex items-center justify-center gap-2 px-8 py-4 bg-gray-800/50 hover:bg-gray-800 border-2 border-primary-500/30 hover:border-primary-500/60 text-white font-bold text-lg rounded-xl transition-all duration-300 focus:outline-none focus:ring-4 focus:ring-primary-500/50>Ver Preciossvg classw-5 h-5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM19 9l-7 7-7-7>/path> /svg> /a> /div> !-- Quick Info --> div classgrid grid-cols-3 gap-4 pt-8 max-w-xl mx-auto lg:mx-0> div classtext-center lg:text-left> div classtext-2xl lg:text-3xl font-bold text-primary-400>2/div> div classtext-xs lg:text-sm text-gray-400 mt-1>Meta Quest 3/div> /div> div classtext-center lg:text-left border-l border-r border-gray-800> div classtext-2xl lg:text-3xl font-bold text-primary-400>9+/div> div classtext-xs lg:text-sm text-gray-400 mt-1>Juegos VR/div> /div> div classtext-center lg:text-left> div classtext-2xl lg:text-3xl font-bold text-primary-400>100%/div> div classtext-xs lg:text-sm text-gray-400 mt-1>Diversión/div> /div> /div> /div> !-- Hero Image --> div classrelative lg:order-last> div classrelative z-10> !-- Main hero image --> figure classrelative rounded-2xl overflow-hidden shadow-2xl border-2 border-primary-500/30> img src/_astro/hero-image.CeSudmEd_sJk5Q.webp srcset/_astro/hero-image.CeSudmEd_Z2okw7m.webp 400w, /_astro/hero-image.CeSudmEd_amM8Y.webp 768w, /_astro/hero-image.CeSudmEd_Z1Hf2ft.webp 1024w, /_astro/hero-image.CeSudmEd_1yL0ib.webp 1536w altPersona disfrutando de experiencia VR con Meta Quest 3 en Arena TC con iluminación gaming morada y cyan sizes(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 600px loadingeager decodingasync fetchpriorityauto width5712 height3213 classw-full h-full object-cover> figcaption classsr-only>Persona usando Meta Quest 3 en Arena TC - Zona de realidad virtual en Cali/figcaption> /figure> !-- Floating badge --> div classabsolute -top-4 -right-4 bg-gradient-to-br from-gaming-pink to-gaming-purple p-4 rounded-xl shadow-2xl animate-float styleanimation-delay: 0.5s;> div classtext-white text-center> div classtext-2xl font-bold>VR/div> div classtext-xs>Premium/div> /div> /div> /div> !-- Glow effect --> div classabsolute -inset-4 bg-gradient-to-r from-primary-500/20 to-gaming-purple/20 blur-3xl -z-10 aria-hiddentrue>/div> /div> /div> !-- Scroll indicator --> div classabsolute bottom-8 left-1/2 -translate-x-1/2 hidden lg:block aria-hiddentrue> a href#juegos classflex flex-col items-center gap-2 text-gray-400 hover:text-primary-400 transition-colors> span classtext-sm>Explorar/span> svg classw-6 h-6 animate-bounce fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM19 14l-7 7m0 0l-7-7m7 7V3>/path> /svg> /a> /div> /div> /section> section idjuegos classpy-20 lg:py-32 bg-gradient-to-b from-gray-950 to-gray-900> div classcontainer mx-auto px-4 sm:px-6 lg:px-8> !-- Section Header --> div classtext-center max-w-3xl mx-auto mb-16> h2 classtext-3xl sm:text-4xl lg:text-5xl font-black text-white mb-6> span classbg-gradient-to-r from-primary-300 to-gaming-purple bg-clip-text text-transparent>Nuestros Juegos/span> /h2> p classtext-lg text-gray-300>Experimenta los mejores juegos de realidad virtual con nuestras strong classtext-primary-400>Meta Quest 3/strong>. Desde acción extrema hasta diversión familiar./p> /div> !-- Featured Games --> div classmb-16> h3 classtext-2xl font-bold text-white mb-8 flex items-center gap-3> span classw-2 h-2 bg-gaming-pink rounded-full animate-pulse aria-hiddentrue>/span>Destacados/h3> div classgrid sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8> article classgroup relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden border border-primary-500/20 hover:border-primary-500/50 transition-all duration-300 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/LZVEEWk9bzg titleVideo de Pistol Whip classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> !-- Difficulty indicator --> div classabsolute top-3 left-3 flex gap-1> div classw-1.5 h-6 rounded-full bg-primary-400 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-primary-400 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-gray-600 aria-hiddentrue>/div> /div> figcaption classsr-only>Imagen de Pistol Whip/figcaption> /figure> !-- Content --> div classp-6> h4 classtext-xl font-bold text-white mb-2 group-hover:text-primary-300 transition-colors> Pistol Whip /h4> p classtext-sm text-gray-400 mb-3 line-clamp-2> Acción cinematográfica al ritmo de la música. Dispara, esquiva y domina en modo multijugador. /p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-4> span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> acción /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> música /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> multijugador /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z>/path> /svg> 1-4 jugadores /span> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z>/path> /svg> 15-30 min /span> /div> /div> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-t from-primary-600/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none aria-hiddentrue>/div> /article>article classgroup relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden border border-primary-500/20 hover:border-primary-500/50 transition-all duration-300 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/Z4k5lyaO_iQ titleVideo de Angry Birds VR classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> !-- Difficulty indicator --> div classabsolute top-3 left-3 flex gap-1> div classw-1.5 h-6 rounded-full bg-primary-400 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-gray-600 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-gray-600 aria-hiddentrue>/div> /div> figcaption classsr-only>Imagen de Angry Birds VR/figcaption> /figure> !-- Content --> div classp-6> h4 classtext-xl font-bold text-white mb-2 group-hover:text-primary-300 transition-colors> Angry Birds VR /h4> p classtext-sm text-gray-400 mb-3 line-clamp-2> Los famosos pájaros enojados ahora en realidad virtual. Lanza, destruye y completa niveles en 3D. /p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-4> span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> puzzle /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> niños /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z>/path> /svg> 1 jugador /span> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z>/path> /svg> 15-30 min /span> /div> /div> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-t from-primary-600/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none aria-hiddentrue>/div> /article>article classgroup relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden border border-primary-500/20 hover:border-primary-500/50 transition-all duration-300 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/3y_QmaFkJ4g titleVideo de Among Us VR classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> !-- Difficulty indicator --> div classabsolute top-3 left-3 flex gap-1> div classw-1.5 h-6 rounded-full bg-primary-400 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-gray-600 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-gray-600 aria-hiddentrue>/div> /div> figcaption classsr-only>Imagen de Among Us VR/figcaption> /figure> !-- Content --> div classp-6> h4 classtext-xl font-bold text-white mb-2 group-hover:text-primary-300 transition-colors> Among Us VR /h4> p classtext-sm text-gray-400 mb-3 line-clamp-2> El popular juego de detectives ahora en VR. Descubre al impostor o engaña a tus amigos en este emocionante juego social. /p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-4> span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> multijugador /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> niños /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z>/path> /svg> 4-10 jugadores /span> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z>/path> /svg> 15-30 min /span> /div> /div> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-t from-primary-600/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none aria-hiddentrue>/div> /article>article classgroup relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden border border-primary-500/20 hover:border-primary-500/50 transition-all duration-300 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ev_lvHr2kN0 titleVideo de Synth Riders classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> !-- Difficulty indicator --> div classabsolute top-3 left-3 flex gap-1> div classw-1.5 h-6 rounded-full bg-primary-400 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-primary-400 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-gray-600 aria-hiddentrue>/div> /div> figcaption classsr-only>Imagen de Synth Riders/figcaption> /figure> !-- Content --> div classp-6> h4 classtext-xl font-bold text-white mb-2 group-hover:text-primary-300 transition-colors> Synth Riders /h4> p classtext-sm text-gray-400 mb-3 line-clamp-2> Baila y muévete al ritmo de música electrónica. Golpea las notas siguiendo el beat en este juego musical intenso. /p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-4> span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> música /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> deportes /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z>/path> /svg> 1 jugador /span> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z>/path> /svg> 15-30 min /span> /div> /div> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-t from-primary-600/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none aria-hiddentrue>/div> /article>article classgroup relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden border border-primary-500/20 hover:border-primary-500/50 transition-all duration-300 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ titleVideo de Superhot VR classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> !-- Difficulty indicator --> div classabsolute top-3 left-3 flex gap-1> div classw-1.5 h-6 rounded-full bg-primary-400 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-primary-400 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-gray-600 aria-hiddentrue>/div> /div> figcaption classsr-only>Imagen de Superhot VR/figcaption> /figure> !-- Content --> div classp-6> h4 classtext-xl font-bold text-white mb-2 group-hover:text-primary-300 transition-colors> Superhot VR /h4> p classtext-sm text-gray-400 mb-3 line-clamp-2> El tiempo se mueve solo cuando tú te mueves. Estrategia pura en combate donde cada movimiento cuenta. /p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-4> span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> acción /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> puzzle /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z>/path> /svg> 1 jugador /span> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z>/path> /svg> 20-40 min /span> /div> /div> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-t from-primary-600/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none aria-hiddentrue>/div> /article>article classgroup relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden border border-primary-500/20 hover:border-primary-500/50 transition-all duration-300 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/Ve-pu2OfBqs titleVideo de Epic Roller Coasters classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> !-- Difficulty indicator --> div classabsolute top-3 left-3 flex gap-1> div classw-1.5 h-6 rounded-full bg-primary-400 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-gray-600 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-gray-600 aria-hiddentrue>/div> /div> figcaption classsr-only>Imagen de Epic Roller Coasters/figcaption> /figure> !-- Content --> div classp-6> h4 classtext-xl font-bold text-white mb-2 group-hover:text-primary-300 transition-colors> Epic Roller Coasters /h4> p classtext-sm text-gray-400 mb-3 line-clamp-2> Sube a montañas rusas espectaculares y vive la emoción de la velocidad. Perfecto para toda la familia. /p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-4> span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> aventura /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z>/path> /svg> 1 jugador /span> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z>/path> /svg> 10-20 min /span> /div> /div> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-t from-primary-600/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none aria-hiddentrue>/div> /article>article classgroup relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden border border-primary-500/20 hover:border-primary-500/50 transition-all duration-300 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ titleVideo de Acron: Attack of the Squirrels classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> !-- Difficulty indicator --> div classabsolute top-3 left-3 flex gap-1> div classw-1.5 h-6 rounded-full bg-primary-400 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-gray-600 aria-hiddentrue>/div>div classw-1.5 h-6 rounded-full bg-gray-600 aria-hiddentrue>/div> /div> figcaption classsr-only>Imagen de Acron: Attack of the Squirrels/figcaption> /figure> !-- Content --> div classp-6> h4 classtext-xl font-bold text-white mb-2 group-hover:text-primary-300 transition-colors> Acron: Attack of the Squirrels /h4> p classtext-sm text-gray-400 mb-3 line-clamp-2> Un jugador es el árbol y otros son ardillas. Juego cooperativo y divertido donde proteges bellotas de ardillas traviesas. /p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-4> span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> multijugador /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> familiar /span>span classpx-2 py-1 bg-primary-600/20 border border-primary-500/30 rounded-full text-xs font-semibold text-primary-300> niños /span> /div> div classflex items-center justify-between text-xs text-gray-500> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z>/path> /svg> 2-8 jugadores /span> span classflex items-center gap-1> svg classw-4 h-4 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z>/path> /svg> 15-30 min /span> /div> /div> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-t from-primary-600/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none aria-hiddentrue>/div> /article> /div> /div> !-- All Games --> div> h3 classtext-2xl font-bold text-white mb-8 flex items-center gap-3> span classw-2 h-2 bg-gaming-neon rounded-full animate-pulse aria-hiddentrue>/span>Todos los Juegos/h3> !-- Category filter --> div classmb-6> div classflex items-center justify-between mb-3> p classtext-sm text-gray-400>Selecciona una o más categorías para filtrar/p> button idclear-filters classtext-sm text-primary-400 hover:text-primary-300 underline hidden>Limpiar filtros/button> /div> div classflex flex-wrap gap-3 rolegroup aria-labelFiltrar juegos por categoría> button classcategory-filter px-4 py-2 rounded-lg text-sm font-semibold bg-gray-800 text-gray-300 hover:bg-gray-700 hover:text-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500 relative data-categoryacción rolecheckbox aria-checkedfalse> Acción span classcategory-check absolute -top-1 -right-1 w-5 h-5 bg-primary-500 rounded-full items-center justify-center text-white text-xs hidden>✓/span> /button>button classcategory-filter px-4 py-2 rounded-lg text-sm font-semibold bg-gray-800 text-gray-300 hover:bg-gray-700 hover:text-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500 relative data-categoryaventura rolecheckbox aria-checkedfalse> Aventura span classcategory-check absolute -top-1 -right-1 w-5 h-5 bg-primary-500 rounded-full items-center justify-center text-white text-xs hidden>✓/span> /button>button classcategory-filter px-4 py-2 rounded-lg text-sm font-semibold bg-gray-800 text-gray-300 hover:bg-gray-700 hover:text-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500 relative data-categorydeportes rolecheckbox aria-checkedfalse> Deportes span classcategory-check absolute -top-1 -right-1 w-5 h-5 bg-primary-500 rounded-full items-center justify-center text-white text-xs hidden>✓/span> /button>button classcategory-filter px-4 py-2 rounded-lg text-sm font-semibold bg-gray-800 text-gray-300 hover:bg-gray-700 hover:text-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500 relative data-categoryfamiliar rolecheckbox aria-checkedfalse> Familiar span classcategory-check absolute -top-1 -right-1 w-5 h-5 bg-primary-500 rounded-full items-center justify-center text-white text-xs hidden>✓/span> /button>button classcategory-filter px-4 py-2 rounded-lg text-sm font-semibold bg-gray-800 text-gray-300 hover:bg-gray-700 hover:text-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500 relative data-categoryjóvenes y adultos rolecheckbox aria-checkedfalse> Jóvenes y adultos span classcategory-check absolute -top-1 -right-1 w-5 h-5 bg-primary-500 rounded-full items-center justify-center text-white text-xs hidden>✓/span> /button>button classcategory-filter px-4 py-2 rounded-lg text-sm font-semibold bg-gray-800 text-gray-300 hover:bg-gray-700 hover:text-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500 relative data-categorymultijugador rolecheckbox aria-checkedfalse> Multijugador span classcategory-check absolute -top-1 -right-1 w-5 h-5 bg-primary-500 rounded-full items-center justify-center text-white text-xs hidden>✓/span> /button>button classcategory-filter px-4 py-2 rounded-lg text-sm font-semibold bg-gray-800 text-gray-300 hover:bg-gray-700 hover:text-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500 relative data-categorymúsica rolecheckbox aria-checkedfalse> Música span classcategory-check absolute -top-1 -right-1 w-5 h-5 bg-primary-500 rounded-full items-center justify-center text-white text-xs hidden>✓/span> /button>button classcategory-filter px-4 py-2 rounded-lg text-sm font-semibold bg-gray-800 text-gray-300 hover:bg-gray-700 hover:text-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500 relative data-categoryniños rolecheckbox aria-checkedfalse> Niños span classcategory-check absolute -top-1 -right-1 w-5 h-5 bg-primary-500 rounded-full items-center justify-center text-white text-xs hidden>✓/span> /button>button classcategory-filter px-4 py-2 rounded-lg text-sm font-semibold bg-gray-800 text-gray-300 hover:bg-gray-700 hover:text-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500 relative data-categorypuzzle rolecheckbox aria-checkedfalse> Puzzle span classcategory-check absolute -top-1 -right-1 w-5 h-5 bg-primary-500 rounded-full items-center justify-center text-white text-xs hidden>✓/span> /button> /div> div classmt-3 text-sm text-gray-500> span idgames-count>24 juegos/span> /div> /div> !-- Games grid --> div classgrid sm:grid-cols-2 lg:grid-cols-3 gap-6 roletabpanel> article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"acción","música","multijugador","jóvenes y adultos"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/LZVEEWk9bzg titleVideo de Pistol Whip classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Pistol Whip/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Pistol Whip/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Acción cinematográfica al ritmo de la música. Dispara, esquiva y domina en modo multijugador./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> acción /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> música /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> multijugador /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1-4 jugadores/span> span>15-30 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> medio /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"aventura","niños","familiar"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/BM0CZUHrbcw titleVideo de First Encounters classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de First Encounters/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>First Encounters/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Primera aventura en realidad virtual perfecta para introducir a los más pequeños al mundo VR de forma segura y divertida./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> aventura /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> niños /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1 jugador/span> span>10-20 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> fácil /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"acción","niños","familiar"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/PyQFEPbCpWA titleVideo de Ninja Fruit classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Ninja Fruit/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Ninja Fruit/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Corta frutas con tus espadas ninja. Juego rápido y divertido que mejora los reflejos mientras te diviertes./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> acción /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> niños /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1 jugador/span> span>10-15 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> fácil /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"puzzle","niños","familiar"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/G6M3jVNM-W4 titleVideo de Game Night classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Game Night/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Game Night/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Colección de juegos de mesa clásicos en realidad virtual. Perfecto para aprender y divertirse jugando./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> puzzle /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> niños /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1-4 jugadores/span> span>20-30 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> fácil /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"aventura","niños","familiar"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/qgDb_zQFxoU titleVideo de Pets & Stuff classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Pets & Stuff/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Pets & Stuff/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Cuida y juega con mascotas virtuales adorables. Aprende sobre responsabilidad mientras te diviertes./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> aventura /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> niños /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1 jugador/span> span>15-25 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> fácil /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"aventura","niños","familiar"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/PK70csxvyk8 titleVideo de Cook-Out classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Cook-Out/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Cook-Out/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Conviértete en chef y prepara deliciosas comidas en tu cocina virtual. Aprende recetas mientras juegas./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> aventura /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> niños /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1 jugador/span> span>15-25 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> fácil /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"puzzle","niños","familiar"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/Z4k5lyaO_iQ titleVideo de Angry Birds VR classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Angry Birds VR/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Angry Birds VR/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Los famosos pájaros enojados ahora en realidad virtual. Lanza, destruye y completa niveles en 3D./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> puzzle /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> niños /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1 jugador/span> span>15-30 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> fácil /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"multijugador","niños","familiar"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/3y_QmaFkJ4g titleVideo de Among Us VR classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Among Us VR/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Among Us VR/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>El popular juego de detectives ahora en VR. Descubre al impostor o engaña a tus amigos en este emocionante juego social./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> multijugador /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> niños /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>4-10 jugadores/span> span>15-30 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> fácil /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"aventura","niños","familiar"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ titleVideo de Fruit Salon classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Fruit Salon/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Fruit Salon/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Corta y prepara frutas deliciosas en este divertido juego de cocina. Aprende sobre frutas mientras te diviertes./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> aventura /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> niños /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1 jugador/span> span>10-20 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> fácil /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"aventura","puzzle","multijugador","jóvenes y adultos"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/n9BLSJRCHYs titleVideo de The Cabin classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de The Cabin/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>The Cabin/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Experiencia de terror psicológico en una cabaña abandonada. Resuelve misterios y sobrevive la noche con tus amigos./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> aventura /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> puzzle /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> multijugador /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1-4 jugadores/span> span>30-45 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> medio /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"música","deportes","jóvenes y adultos"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ev_lvHr2kN0 titleVideo de Synth Riders classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Synth Riders/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Synth Riders/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Baila y muévete al ritmo de música electrónica. Golpea las notas siguiendo el beat en este juego musical intenso./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> música /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> deportes /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1 jugador/span> span>15-30 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> medio /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"acción","multijugador","jóvenes y adultos"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/P_HNGjCANEk titleVideo de Guardians Frontline classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Guardians Frontline/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Guardians Frontline/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Defiende tu base en este shooter táctico. Trabaja en equipo para repeler oleadas de enemigos en combate intenso./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> acción /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> multijugador /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1-4 jugadores/span> span>20-40 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> difícil /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"acción","multijugador","jóvenes y adultos"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ titleVideo de Hyperdash classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Hyperdash/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Hyperdash/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Shooter multijugador de alta velocidad. Teletransportate y dispara en intensas batallas rápidas contra otros jugadores./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> acción /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> multijugador /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>2-10 jugadores/span> span>15-30 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> medio /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"aventura","puzzle","jóvenes y adultos"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ titleVideo de Thief Simulator classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Thief Simulator/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Thief Simulator/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Conviértete en un ladrón profesional. Planea robos, esquiva seguridad y roba objetos valiosos sin ser detectado./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> aventura /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> puzzle /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1 jugador/span> span>30-60 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> medio /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"acción","multijugador","jóvenes y adultos"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ titleVideo de Spatial Ops classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Spatial Ops/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Spatial Ops/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Operaciones tácticas multijugador en VR. Trabaja en equipo para completar misiones de combate estratégico./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> acción /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> multijugador /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>2-8 jugadores/span> span>20-40 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> difícil /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"deportes","jóvenes y adultos"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ titleVideo de Match Point Tennis classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Match Point Tennis/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Match Point Tennis/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Tenis realista en VR. Juega partidos completos con controles precisos y física auténtica de la pelota./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> deportes /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1-2 jugadores/span> span>15-30 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> medio /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"deportes","multijugador","jóvenes y adultos"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ titleVideo de Mini Motor Racing classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Mini Motor Racing/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Mini Motor Racing/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Carreras de autos en miniatura con vista aérea. Compite contra amigos en pistas llenas de acción./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> deportes /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> multijugador /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1-4 jugadores/span> span>15-25 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> fácil /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"deportes","multijugador","jóvenes y adultos"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ titleVideo de Eleven Table Tennis classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Eleven Table Tennis/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Eleven Table Tennis/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>El simulador de ping pong más realista. Juega tenis de mesa con física perfecta y multijugador online./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> deportes /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> multijugador /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1-2 jugadores/span> span>15-30 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> medio /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"música","jóvenes y adultos"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ titleVideo de Maestro classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Maestro/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Maestro/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Conviértete en director de orquesta. Dirige música clásica con movimientos naturales y siente la magia de la música./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> música /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1 jugador/span> span>20-40 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> medio /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"acción","puzzle","jóvenes y adultos"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ titleVideo de Superhot VR classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Superhot VR/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Superhot VR/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>El tiempo se mueve solo cuando tú te mueves. Estrategia pura en combate donde cada movimiento cuenta./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> acción /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> puzzle /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> jóvenes y adultos /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1 jugador/span> span>20-40 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> medio /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"aventura","familiar"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/Ve-pu2OfBqs titleVideo de Epic Roller Coasters classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Epic Roller Coasters/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Epic Roller Coasters/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Sube a montañas rusas espectaculares y vive la emoción de la velocidad. Perfecto para toda la familia./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> aventura /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1 jugador/span> span>10-20 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> fácil /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"puzzle","familiar"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/VV28TQyno-c titleVideo de Cubism classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Cubism/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Cubism/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Rompecabezas relajante donde encajas piezas en 3D. Desafía tu mente espacial en un ambiente zen y minimalista./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> puzzle /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1 jugador/span> span>20-40 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> medio /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"puzzle","familiar"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ titleVideo de Puzzling Places classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Puzzling Places/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Puzzling Places/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Arma rompecabezas en 3D de lugares reales del mundo. Relájate ensamblando paisajes y monumentos increíbles./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> puzzle /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> familiar /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>1 jugador/span> span>30-60 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> fácil /span> /div> /div> /article>article classgame-card group relative bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 data-categories"multijugador","familiar","niños"> !-- YouTube Video --> figure classrelative aspect-4/3 bg-black overflow-hidden> iframe srchttps://www.youtube.com/embed/ titleVideo de Acron: Attack of the Squirrels classabsolute inset-0 w-full h-full frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen>/iframe> figcaption classsr-only>Imagen de Acron: Attack of the Squirrels/figcaption> /figure> !-- Content --> div classp-5> h4 classtext-lg font-bold text-white mb-2>Acron: Attack of the Squirrels/h4> p classtext-sm text-gray-400 mb-3 line-clamp-2>Un jugador es el árbol y otros son ardillas. Juego cooperativo y divertido donde proteges bellotas de ardillas traviesas./p> !-- Category badges --> div classflex flex-wrap gap-1.5 mb-3> span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> multijugador /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> familiar /span>span classpx-2 py-0.5 bg-primary-600/20 border border-primary-500/30 rounded text-xs font-medium text-primary-300> niños /span> /div> div classflex items-center justify-between text-xs text-gray-500> span>2-8 jugadores/span> span>15-30 min/span> span classpx-2 py-1 bg-gray-800 rounded text-primary-400 font-medium> fácil /span> /div> /div> /article> /div> /div> !-- CTA --> div classtext-center mt-16> a hrefhttps://wa.me/573196902460?textHola%2C%20quiero%20informaci%C3%B3n%20sobre%20los%20juegos target_blank relnoopener noreferrer classinline-flex items-center gap-2 px-8 py-4 bg-gradient-to-r from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 text-white font-bold rounded-xl shadow-xl hover:shadow-primary-500/50 transition-all duration-300 focus:outline-none focus:ring-4 focus:ring-primary-500/50>¿Tienes preguntas? Contáctanossvg classw-5 h-5 fillcurrentColor viewBox0 0 24 24 aria-hiddentrue> path dM17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z>/path> /svg> /a> /div> /div> /section> script typemodule>const ddocument.querySelectorAll(.category-filter),gdocument.querySelectorAll(.game-card),cdocument.getElementById(clear-filters),rdocument.getElementById(games-count);let anew Set;function i(){let e0;g.forEach(t>{const st.getAttribute(data-categories);if(s){const lJSON.parse(s);a.size0||l.some(o>a.has(o))?(t.classList.remove(hidden),e++):t.classList.add(hidden)}}),r&&(r.textContent`${e} juego${e!1?s:}`),c&&(a.size>0?c.classList.remove(hidden):c.classList.add(hidden))}d.forEach(e>{e.addEventListener(click,()>{const te.getAttribute(data-category),se.querySelector(.category-check);a.has(t)?(a.delete(t),e.classList.remove(bg-primary-600,text-white),e.classList.add(bg-gray-800,text-gray-300),e.setAttribute(aria-checked,false),s&&s.classList.add(hidden)):(a.add(t),e.classList.remove(bg-gray-800,text-gray-300),e.classList.add(bg-primary-600,text-white),e.setAttribute(aria-checked,true),s&&s.classList.remove(hidden)),i()})});c&&c.addEventListener(click,()>{a.clear(),d.forEach(e>{e.classList.remove(bg-primary-600,text-white),e.classList.add(bg-gray-800,text-gray-300),e.setAttribute(aria-checked,false);const te.querySelector(.category-check);t&&t.classList.add(hidden)}),i()});i();/script> section idprecios classpy-20 lg:py-32 bg-gradient-to-b from-gray-900 to-gray-950> div classcontainer mx-auto px-4 sm:px-6 lg:px-8> !-- Section Header --> div classtext-center max-w-3xl mx-auto mb-16> h2 classtext-3xl sm:text-4xl lg:text-5xl font-black text-white mb-6> span classbg-gradient-to-r from-primary-300 to-gaming-purple bg-clip-text text-transparent>Planes y Precios/span> /h2> p classtext-lg text-gray-300>Elige el plan que mejor se adapte a tu aventura. Todos incluyen equipos premium strong classtext-primary-400>Meta Quest 3/strong>./p> /div> !-- Pricing Cards --> div classgrid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-7xl mx-auto> article classrelative bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl p-8 border-2 transition-all duration-300 hover:-translate-y-2 hover:shadow-2xl border-gray-700 hover:border-primary-500/50> !-- Recommended Badge --> !-- Header --> div classtext-center mb-8> h3 classtext-2xl font-bold text-white mb-2>Básico/h3> p classtext-sm text-gray-400 mb-6>Perfecto para probar la experiencia VR/p> div classmb-6> div classtext-4xl lg:text-5xl font-black bg-gradient-to-r from-primary-300 to-primary-500 bg-clip-text text-transparent mb-2> $5.000 /div> div classtext-xs text-gray-500 uppercase tracking-wide mb-2>Por persona/div> div classtext-2xl font-bold text-white>8 minutos/div> /div> a hrefhttps://wa.me/573196902460?textHola%2C%20quiero%20informaci%C3%B3n%20sobre%20el%20plan%20B%C3%A1sico target_blank relnoopener noreferrer classinline-block w-full px-6 py-3 rounded-lg font-bold transition-all duration-300 focus:outline-none focus:ring-4 focus:ring-primary-500/50 bg-gray-700 hover:bg-primary-600 text-white> Reservar /a> /div> !-- Features --> ul classspace-y-4 rolelist> li classflex items-start gap-3> svg classw-5 h-5 text-primary-400 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> span classtext-gray-300 text-sm>8 minutos de juego/span> /li>li classflex items-start gap-3> svg classw-5 h-5 text-primary-400 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> span classtext-gray-300 text-sm>1 Meta Quest 3/span> /li>li classflex items-start gap-3> svg classw-5 h-5 text-primary-400 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> span classtext-gray-300 text-sm>Acceso a todos los juegos/span> /li>li classflex items-start gap-3> svg classw-5 h-5 text-primary-400 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> span classtext-gray-300 text-sm>Asistencia incluida/span> /li> /ul> !-- Glow effect for recommended --> /article>article classrelative bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl p-8 border-2 transition-all duration-300 hover:-translate-y-2 hover:shadow-2xl border-primary-500 shadow-xl shadow-primary-500/20> !-- Recommended Badge --> div classabsolute -top-4 left-1/2 -translate-x-1/2 px-6 py-2 bg-gradient-to-r from-gaming-pink to-gaming-purple rounded-full text-white text-sm font-bold shadow-lg>⭐ Recomendado/div> !-- Header --> div classtext-center mb-8> h3 classtext-2xl font-bold text-white mb-2>Estándar/h3> p classtext-sm text-gray-400 mb-6>La opción más elegida/p> div classmb-6> div classtext-4xl lg:text-5xl font-black bg-gradient-to-r from-primary-300 to-primary-500 bg-clip-text text-transparent mb-2> $10.000 /div> div classtext-xs text-gray-500 uppercase tracking-wide mb-2>Por persona/div> div classtext-2xl font-bold text-white>20 minutos/div> /div> a hrefhttps://wa.me/573196902460?textHola%2C%20quiero%20informaci%C3%B3n%20sobre%20el%20plan%20Est%C3%A1ndar target_blank relnoopener noreferrer classinline-block w-full px-6 py-3 rounded-lg font-bold transition-all duration-300 focus:outline-none focus:ring-4 focus:ring-primary-500/50 bg-gradient-to-r from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 text-white shadow-lg hover:shadow-primary-500/50> Reservar Ahora /a> /div> !-- Features --> ul classspace-y-4 rolelist> li classflex items-start gap-3> svg classw-5 h-5 text-primary-400 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> span classtext-gray-300 text-sm>20 minutos de juego/span> /li>li classflex items-start gap-3> svg classw-5 h-5 text-primary-400 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> span classtext-gray-300 text-sm>1 Meta Quest 3/span> /li>li classflex items-start gap-3> svg classw-5 h-5 text-primary-400 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> span classtext-gray-300 text-sm>Acceso a todos los juegos/span> /li>li classflex items-start gap-3> svg classw-5 h-5 text-primary-400 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> span classtext-gray-300 text-sm>Asistencia incluida/span> /li> /ul> !-- Glow effect for recommended --> div classabsolute -inset-1 bg-gradient-to-r from-primary-500/20 to-gaming-purple/20 blur-xl -z-10 rounded-2xl aria-hiddentrue>/div> /article>article classrelative bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl p-8 border-2 transition-all duration-300 hover:-translate-y-2 hover:shadow-2xl border-gray-700 hover:border-primary-500/50> !-- Recommended Badge --> !-- Header --> div classtext-center mb-8> h3 classtext-2xl font-bold text-white mb-2>Premium/h3> p classtext-sm text-gray-400 mb-6>Para disfrutar al máximo/p> div classmb-6> div classtext-4xl lg:text-5xl font-black bg-gradient-to-r from-primary-300 to-primary-500 bg-clip-text text-transparent mb-2> $30.000 /div> div classtext-xs text-gray-500 uppercase tracking-wide mb-2>Por persona/div> div classtext-2xl font-bold text-white>1 hora/div> /div> a hrefhttps://wa.me/573196902460?textHola%2C%20quiero%20informaci%C3%B3n%20sobre%20el%20plan%20Premium target_blank relnoopener noreferrer classinline-block w-full px-6 py-3 rounded-lg font-bold transition-all duration-300 focus:outline-none focus:ring-4 focus:ring-primary-500/50 bg-gray-700 hover:bg-primary-600 text-white> Reservar /a> /div> !-- Features --> ul classspace-y-4 rolelist> li classflex items-start gap-3> svg classw-5 h-5 text-primary-400 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> span classtext-gray-300 text-sm>1 hora de juego/span> /li>li classflex items-start gap-3> svg classw-5 h-5 text-primary-400 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> span classtext-gray-300 text-sm>1 Meta Quest 3/span> /li>li classflex items-start gap-3> svg classw-5 h-5 text-primary-400 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> span classtext-gray-300 text-sm>Acceso a todos los juegos/span> /li>li classflex items-start gap-3> svg classw-5 h-5 text-primary-400 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7>/path> /svg> span classtext-gray-300 text-sm>Asistencia incluida/span> /li> /ul> !-- Glow effect for recommended --> /article> /div> !-- Additional Info --> div classmt-16 max-w-4xl mx-auto> div classbg-gradient-to-r from-gray-800 to-gray-900 rounded-2xl p-8 border border-primary-500/30> div classgrid md:grid-cols-3 gap-8 text-center> div> div classinline-flex items-center justify-center w-16 h-16 bg-primary-600/20 rounded-full mb-4> svg classw-8 h-8 text-primary-400 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z>/path> /svg> /div> h4 classtext-lg font-bold text-white mb-2>Precios Flexibles/h4> p classtext-sm text-gray-400>Descuentos especiales para grupos grandes y eventos corporativos/p> /div> div> div classinline-flex items-center justify-center w-16 h-16 bg-primary-600/20 rounded-full mb-4> svg classw-8 h-8 text-primary-400 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z>/path> /svg> /div> h4 classtext-lg font-bold text-white mb-2>Sin Letra Pequeña/h4> p classtext-sm text-gray-400>Todo incluido, sin cargos ocultos ni sorpresas/p> /div> div> div classinline-flex items-center justify-center w-16 h-16 bg-primary-600/20 rounded-full mb-4> svg classw-8 h-8 text-primary-400 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z>/path> /svg> /div> h4 classtext-lg font-bold text-white mb-2>Reserva Fácil/h4> p classtext-sm text-gray-400>Reserva por WhatsApp en menos de 2 minutos/p> /div> /div> /div> /div> /div> /section> section idcomo-funciona classpy-20 lg:py-32 bg-gradient-to-b from-gray-950 to-gray-900 relative overflow-hidden> !-- Background decoration --> div classabsolute inset-0 opacity-5 aria-hiddentrue> div classabsolute top-0 left-1/4 w-64 h-64 bg-primary-500 rounded-full blur-3xl>/div> div classabsolute bottom-0 right-1/4 w-96 h-96 bg-gaming-purple rounded-full blur-3xl>/div> /div> div classcontainer mx-auto px-4 sm:px-6 lg:px-8 relative z-10> !-- Section Header --> div classtext-center max-w-3xl mx-auto mb-16> h2 classtext-3xl sm:text-4xl lg:text-5xl font-black text-white mb-6> span classbg-gradient-to-r from-primary-300 to-gaming-purple bg-clip-text text-transparent>¿Cómo Funciona?/span> /h2> p classtext-lg text-gray-300>En solo 4 pasos simples estarás disfrutando de la mejor experiencia de realidad virtual en Cali./p> /div> !-- Steps --> div classmax-w-6xl mx-auto> !-- Desktop/Tablet: Horizontal --> div classhidden md:grid md:grid-cols-4 gap-8 relative> !-- Connection line --> div classabsolute top-20 left-0 right-0 h-1 bg-gradient-to-r from-primary-500/50 via-primary-500 to-primary-500/50 aria-hiddentrue>/div> article classrelative> !-- Icon Circle --> div classrelative z-10 mx-auto w-40 h-40 bg-gradient-to-br from-gray-800 to-gray-900 rounded-full border-4 border-primary-500 flex items-center justify-center mb-6 group hover:scale-110 transition-transform duration-300> div classtext-center> svg classw-16 h-16 mx-auto mb-2 text-primary-400 group-hover:text-primary-300 transition-colors fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z>/path> /svg> div classtext-sm font-bold text-primary-500>01/div> /div> /div> !-- Content --> div classtext-center> h3 classtext-xl font-bold text-white mb-3>Reserva/h3> p classtext-sm text-gray-400 leading-relaxed>Contacta por WhatsApp y elige tu horario preferido. Te confirmamos la disponibilidad al instante./p> /div> /article>article classrelative> !-- Icon Circle --> div classrelative z-10 mx-auto w-40 h-40 bg-gradient-to-br from-gray-800 to-gray-900 rounded-full border-4 border-primary-500 flex items-center justify-center mb-6 group hover:scale-110 transition-transform duration-300> div classtext-center> svg classw-16 h-16 mx-auto mb-2 text-primary-400 group-hover:text-primary-300 transition-colors fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z>/path> path stroke-linecapround stroke-linejoinround stroke-width2 dM15 11a3 3 0 11-6 0 3 3 0 016 0z>/path> /svg> div classtext-sm font-bold text-primary-500>02/div> /div> /div> !-- Content --> div classtext-center> h3 classtext-xl font-bold text-white mb-3>Llega y Prepárate/h3> p classtext-sm text-gray-400 leading-relaxed>Llega a Arena TC en Terrón Colorado. Te damos una breve inducción sobre el uso seguro de las gafas VR./p> /div> /article>article classrelative> !-- Icon Circle --> div classrelative z-10 mx-auto w-40 h-40 bg-gradient-to-br from-gray-800 to-gray-900 rounded-full border-4 border-primary-500 flex items-center justify-center mb-6 group hover:scale-110 transition-transform duration-300> div classtext-center> svg classw-16 h-16 mx-auto mb-2 text-primary-400 group-hover:text-primary-300 transition-colors fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z>/path> /svg> div classtext-sm font-bold text-primary-500>03/div> /div> /div> !-- Content --> div classtext-center> h3 classtext-xl font-bold text-white mb-3>Elige tu Juego/h3> p classtext-sm text-gray-400 leading-relaxed>Selecciona de nuestra biblioteca de juegos VR. Desde acción hasta experiencias relajantes./p> /div> /article>article classrelative> !-- Icon Circle --> div classrelative z-10 mx-auto w-40 h-40 bg-gradient-to-br from-gray-800 to-gray-900 rounded-full border-4 border-primary-500 flex items-center justify-center mb-6 group hover:scale-110 transition-transform duration-300> div classtext-center> svg classw-16 h-16 mx-auto mb-2 text-primary-400 group-hover:text-primary-300 transition-colors fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z>/path> /svg> div classtext-sm font-bold text-primary-500>04/div> /div> /div> !-- Content --> div classtext-center> h3 classtext-xl font-bold text-white mb-3>Sumérgete/h3> p classtext-sm text-gray-400 leading-relaxed>Ponte las Meta Quest 3 y entra en mundos virtuales increíbles. ¡La diversión comienza!/p> /div> /article> /div> !-- Mobile: Vertical --> div classmd:hidden space-y-8> article classflex gap-6> !-- Icon Circle --> div classflex-shrink-0> div classw-20 h-20 bg-gradient-to-br from-gray-800 to-gray-900 rounded-full border-4 border-primary-500 flex items-center justify-center> div classtext-center> svg classw-8 h-8 text-primary-400 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z>/path> /svg> /div> /div> div classml-9 mt-2 w-1 h-16 bg-gradient-to-b from-primary-500 to-primary-500/30 aria-hiddentrue>/div> /div> !-- Content --> div classflex-1 pt-4> div classtext-xs font-bold text-primary-500 mb-1>01/div> h3 classtext-xl font-bold text-white mb-2>Reserva/h3> p classtext-sm text-gray-400 leading-relaxed>Contacta por WhatsApp y elige tu horario preferido. Te confirmamos la disponibilidad al instante./p> /div> /article>article classflex gap-6> !-- Icon Circle --> div classflex-shrink-0> div classw-20 h-20 bg-gradient-to-br from-gray-800 to-gray-900 rounded-full border-4 border-primary-500 flex items-center justify-center> div classtext-center> svg classw-8 h-8 text-primary-400 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z>/path> path stroke-linecapround stroke-linejoinround stroke-width2 dM15 11a3 3 0 11-6 0 3 3 0 016 0z>/path> /svg> /div> /div> div classml-9 mt-2 w-1 h-16 bg-gradient-to-b from-primary-500 to-primary-500/30 aria-hiddentrue>/div> /div> !-- Content --> div classflex-1 pt-4> div classtext-xs font-bold text-primary-500 mb-1>02/div> h3 classtext-xl font-bold text-white mb-2>Llega y Prepárate/h3> p classtext-sm text-gray-400 leading-relaxed>Llega a Arena TC en Terrón Colorado. Te damos una breve inducción sobre el uso seguro de las gafas VR./p> /div> /article>article classflex gap-6> !-- Icon Circle --> div classflex-shrink-0> div classw-20 h-20 bg-gradient-to-br from-gray-800 to-gray-900 rounded-full border-4 border-primary-500 flex items-center justify-center> div classtext-center> svg classw-8 h-8 text-primary-400 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z>/path> /svg> /div> /div> div classml-9 mt-2 w-1 h-16 bg-gradient-to-b from-primary-500 to-primary-500/30 aria-hiddentrue>/div> /div> !-- Content --> div classflex-1 pt-4> div classtext-xs font-bold text-primary-500 mb-1>03/div> h3 classtext-xl font-bold text-white mb-2>Elige tu Juego/h3> p classtext-sm text-gray-400 leading-relaxed>Selecciona de nuestra biblioteca de juegos VR. Desde acción hasta experiencias relajantes./p> /div> /article>article classflex gap-6> !-- Icon Circle --> div classflex-shrink-0> div classw-20 h-20 bg-gradient-to-br from-gray-800 to-gray-900 rounded-full border-4 border-primary-500 flex items-center justify-center> div classtext-center> svg classw-8 h-8 text-primary-400 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z>/path> /svg> /div> /div> /div> !-- Content --> div classflex-1 pt-4> div classtext-xs font-bold text-primary-500 mb-1>04/div> h3 classtext-xl font-bold text-white mb-2>Sumérgete/h3> p classtext-sm text-gray-400 leading-relaxed>Ponte las Meta Quest 3 y entra en mundos virtuales increíbles. ¡La diversión comienza!/p> /div> /article> /div> /div> !-- CTA --> div classtext-center mt-16> div classinline-flex flex-col sm:flex-row items-center gap-4 p-8 bg-gradient-to-r from-gray-800 to-gray-900 rounded-2xl border border-primary-500/30> div classtext-left> h3 classtext-2xl font-bold text-white mb-2>¿Listo para tu aventura VR?/h3> p classtext-gray-400>Reserva ahora y asegura tu horario preferido./p> /div> a hrefhttps://wa.me/573196902460?textHola%2C%20quiero%20reservar%20una%20sesi%C3%B3n%20en%20Arena%20TC target_blank relnoopener noreferrer classflex-shrink-0 inline-flex items-center gap-2 px-8 py-4 bg-gradient-to-r from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 text-white font-bold rounded-xl shadow-xl hover:shadow-primary-500/50 transition-all duration-300 focus:outline-none focus:ring-4 focus:ring-primary-500/50> svg classw-5 h-5 fillcurrentColor viewBox0 0 24 24 aria-hiddentrue> path dM17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z>/path> /svg>Reservar Ahora/a> /div> /div> /div> /section> section idgaleria classpy-20 lg:py-32 bg-gradient-to-b from-gray-900 to-gray-950> div classcontainer mx-auto px-4 sm:px-6 lg:px-8> !-- Section Header --> div classtext-center max-w-3xl mx-auto mb-16> h2 classtext-3xl sm:text-4xl lg:text-5xl font-black text-white mb-6> span classbg-gradient-to-r from-primary-300 to-gaming-purple bg-clip-text text-transparent>Galería/span> /h2> p classtext-lg text-gray-300>Mira lo que te espera en strong classtext-primary-400>Arena TC/strong>. Momentos épicos, risas y pura emoción virtual./p> /div> !-- Gallery Grid --> div classgrid sm:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8 max-w-6xl mx-auto> figure classgroup relative aspect-4/3 bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2 cursor-pointer data-gallery-item0> !-- Image Placeholder --> div classabsolute inset-0 flex items-center justify-center bg-gradient-to-br from-gray-700 to-gray-800> div classtext-center p-6> svg classw-16 h-16 mx-auto mb-3 text-primary-500/30 group-hover:text-primary-500/50 transition-colors fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z>/path> /svg> p classtext-xs text-gray-500 font-mono mb-1>Foto 1 – 400×300px JPG/p> p classtext-xs text-gray-600>Acción musical con Beat Saber/p> /div> /div> !-- Hover Overlay --> div classabsolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300> div classabsolute bottom-0 left-0 right-0 p-6 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300> p classtext-white font-semibold text-sm>Acción musical con Beat Saber/p> /div> /div> !-- Expand Icon --> div classabsolute top-4 right-4 w-10 h-10 bg-primary-600/90 backdrop-blur-sm rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300> svg classw-5 h-5 text-white fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m3-3H7>/path> /svg> /div> figcaption classsr-only>Personas jugando Beat Saber en Arena TC/figcaption> /figure>figure classgroup relative aspect-4/3 bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2 cursor-pointer data-gallery-item1> !-- Image Placeholder --> div classabsolute inset-0 flex items-center justify-center bg-gradient-to-br from-gray-700 to-gray-800> div classtext-center p-6> svg classw-16 h-16 mx-auto mb-3 text-primary-500/30 group-hover:text-primary-500/50 transition-colors fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z>/path> /svg> p classtext-xs text-gray-500 font-mono mb-1>Foto 2 – 400×300px JPG/p> p classtext-xs text-gray-600>Nuestras Meta Quest 3/p> /div> /div> !-- Hover Overlay --> div classabsolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300> div classabsolute bottom-0 left-0 right-0 p-6 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300> p classtext-white font-semibold text-sm>Nuestras Meta Quest 3/p> /div> /div> !-- Expand Icon --> div classabsolute top-4 right-4 w-10 h-10 bg-primary-600/90 backdrop-blur-sm rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300> svg classw-5 h-5 text-white fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m3-3H7>/path> /svg> /div> figcaption classsr-only>Meta Quest 3 en uso en Arena TC/figcaption> /figure>figure classgroup relative aspect-4/3 bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2 cursor-pointer data-gallery-item2> !-- Image Placeholder --> div classabsolute inset-0 flex items-center justify-center bg-gradient-to-br from-gray-700 to-gray-800> div classtext-center p-6> svg classw-16 h-16 mx-auto mb-3 text-primary-500/30 group-hover:text-primary-500/50 transition-colors fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z>/path> /svg> p classtext-xs text-gray-500 font-mono mb-1>Foto 3 – 400×300px JPG/p> p classtext-xs text-gray-600>Diversión para todas las edades/p> /div> /div> !-- Hover Overlay --> div classabsolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300> div classabsolute bottom-0 left-0 right-0 p-6 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300> p classtext-white font-semibold text-sm>Diversión para todas las edades/p> /div> /div> !-- Expand Icon --> div classabsolute top-4 right-4 w-10 h-10 bg-primary-600/90 backdrop-blur-sm rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300> svg classw-5 h-5 text-white fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m3-3H7>/path> /svg> /div> figcaption classsr-only>Niños disfrutando de juegos VR/figcaption> /figure>figure classgroup relative aspect-4/3 bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2 cursor-pointer data-gallery-item3> !-- Image Placeholder --> div classabsolute inset-0 flex items-center justify-center bg-gradient-to-br from-gray-700 to-gray-800> div classtext-center p-6> svg classw-16 h-16 mx-auto mb-3 text-primary-500/30 group-hover:text-primary-500/50 transition-colors fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z>/path> /svg> p classtext-xs text-gray-500 font-mono mb-1>Foto 4 – 400×300px JPG/p> p classtext-xs text-gray-600>Nuestro espacio VR/p> /div> /div> !-- Hover Overlay --> div classabsolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300> div classabsolute bottom-0 left-0 right-0 p-6 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300> p classtext-white font-semibold text-sm>Nuestro espacio VR/p> /div> /div> !-- Expand Icon --> div classabsolute top-4 right-4 w-10 h-10 bg-primary-600/90 backdrop-blur-sm rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300> svg classw-5 h-5 text-white fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m3-3H7>/path> /svg> /div> figcaption classsr-only>Instalaciones de Arena TC/figcaption> /figure>figure classgroup relative aspect-4/3 bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2 cursor-pointer data-gallery-item4> !-- Image Placeholder --> div classabsolute inset-0 flex items-center justify-center bg-gradient-to-br from-gray-700 to-gray-800> div classtext-center p-6> svg classw-16 h-16 mx-auto mb-3 text-primary-500/30 group-hover:text-primary-500/50 transition-colors fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z>/path> /svg> p classtext-xs text-gray-500 font-mono mb-1>Foto 5 – 400×300px JPG/p> p classtext-xs text-gray-600>Celebraciones inolvidables/p> /div> /div> !-- Hover Overlay --> div classabsolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300> div classabsolute bottom-0 left-0 right-0 p-6 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300> p classtext-white font-semibold text-sm>Celebraciones inolvidables/p> /div> /div> !-- Expand Icon --> div classabsolute top-4 right-4 w-10 h-10 bg-primary-600/90 backdrop-blur-sm rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300> svg classw-5 h-5 text-white fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m3-3H7>/path> /svg> /div> figcaption classsr-only>Cumpleaños en Arena TC/figcaption> /figure>figure classgroup relative aspect-4/3 bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden border border-gray-700 hover:border-primary-500/50 transition-all duration-300 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2 cursor-pointer data-gallery-item5> !-- Image Placeholder --> div classabsolute inset-0 flex items-center justify-center bg-gradient-to-br from-gray-700 to-gray-800> div classtext-center p-6> svg classw-16 h-16 mx-auto mb-3 text-primary-500/30 group-hover:text-primary-500/50 transition-colors fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z>/path> /svg> p classtext-xs text-gray-500 font-mono mb-1>Foto 6 – 400×300px JPG/p> p classtext-xs text-gray-600>Juegos multijugador/p> /div> /div> !-- Hover Overlay --> div classabsolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300> div classabsolute bottom-0 left-0 right-0 p-6 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300> p classtext-white font-semibold text-sm>Juegos multijugador/p> /div> /div> !-- Expand Icon --> div classabsolute top-4 right-4 w-10 h-10 bg-primary-600/90 backdrop-blur-sm rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300> svg classw-5 h-5 text-white fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m3-3H7>/path> /svg> /div> figcaption classsr-only>Jugadores en experiencia multijugador/figcaption> /figure> /div> !-- Additional Info --> div classmt-16 text-center> div classinline-flex flex-col sm:flex-row items-center gap-6 p-8 bg-gradient-to-r from-gray-800 to-gray-900 rounded-2xl border border-primary-500/30> div classflex-shrink-0> div classw-16 h-16 bg-gradient-to-br from-primary-500 to-gaming-purple rounded-full flex items-center justify-center> svg classw-8 h-8 text-white fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z>/path> path stroke-linecapround stroke-linejoinround stroke-width2 dM15 13a3 3 0 11-6 0 3 3 0 016 0z>/path> /svg> /div> /div> div classtext-left> h3 classtext-xl font-bold text-white mb-2>¡Capturamos tus mejores momentos!/h3> p classtext-gray-400>En Arena TC fotografiamos y grabamos tu experiencia VR para que puedas compartirla con tus amigos./p> /div> /div> /div> !-- Social Media CTA --> div classtext-center mt-12> p classtext-gray-400 mb-4>Síguenos en redes sociales para más contenido/p> div classflex justify-center gap-4> a hrefhttps://www.instagram.com/arenatc target_blank relnoopener noreferrer classgroup flex items-center justify-center w-12 h-12 bg-gradient-to-br from-gaming-pink to-gaming-purple hover:from-gaming-purple hover:to-gaming-pink rounded-xl transition-all duration-300 hover:scale-110 focus:outline-none focus:ring-4 focus:ring-primary-500/50 aria-labelInstagram de Arena TC> svg classw-6 h-6 text-white fillcurrentColor viewBox0 0 24 24 aria-hiddentrue> path dM12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z>/path> /svg> /a> a hrefhttps://www.facebook.com/arenatc target_blank relnoopener noreferrer classgroup flex items-center justify-center w-12 h-12 bg-primary-600 hover:bg-primary-700 rounded-xl transition-all duration-300 hover:scale-110 focus:outline-none focus:ring-4 focus:ring-primary-500/50 aria-labelFacebook de Arena TC> svg classw-6 h-6 text-white fillcurrentColor viewBox0 0 24 24 aria-hiddentrue> path dM24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z>/path> /svg> /a> a hrefhttps://www.tiktok.com/@arenatc target_blank relnoopener noreferrer classgroup flex items-center justify-center w-12 h-12 bg-gray-900 hover:bg-black rounded-xl transition-all duration-300 hover:scale-110 focus:outline-none focus:ring-4 focus:ring-primary-500/50 aria-labelTikTok de Arena TC> svg classw-6 h-6 text-white fillcurrentColor viewBox0 0 24 24 aria-hiddentrue> path dM12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z>/path> /svg> /a> /div> /div> /div> /section> /main> footer classbg-gradient-to-b from-gray-950 to-black border-t border-gray-800> div classcontainer mx-auto px-4 sm:px-6 lg:px-8 py-12 lg:py-16> !-- Main Footer Content --> div classgrid md:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12 mb-12> !-- Brand --> div classlg:col-span-1> a href#hero classinline-flex items-center gap-3 group mb-4> div classw-12 h-12 bg-gradient-to-br from-primary-400 to-primary-600 rounded-lg flex items-center justify-center text-white font-bold text-xl shadow-lg>AT/div> span classtext-2xl font-bold bg-gradient-to-r from-primary-300 to-primary-500 bg-clip-text text-transparent>Arena TC/span> /a> p classtext-gray-400 text-sm leading-relaxed mb-4>La mejor experiencia de realidad virtual en Terrón Colorado, Cali. Meta Quest 3, juegos increíbles y momentos inolvidables./p> div classflex gap-3> a hrefhttps://www.instagram.com/arenatc target_blank relnoopener noreferrer classflex items-center justify-center w-10 h-10 bg-gray-800 hover:bg-primary-600 rounded-lg transition-all duration-300 hover:scale-110 focus:outline-none focus:ring-2 focus:ring-primary-500 aria-labelInstagram> svg classw-5 h-5 text-gray-400 fillcurrentColor viewBox0 0 24 24 aria-hiddentrue> path dM12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z>/path> /svg> /a>a hrefhttps://www.facebook.com/arenatc target_blank relnoopener noreferrer classflex items-center justify-center w-10 h-10 bg-gray-800 hover:bg-primary-600 rounded-lg transition-all duration-300 hover:scale-110 focus:outline-none focus:ring-2 focus:ring-primary-500 aria-labelFacebook> svg classw-5 h-5 text-gray-400 fillcurrentColor viewBox0 0 24 24 aria-hiddentrue> path dM24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z>/path> /svg> /a>a hrefhttps://www.tiktok.com/@arenatc target_blank relnoopener noreferrer classflex items-center justify-center w-10 h-10 bg-gray-800 hover:bg-primary-600 rounded-lg transition-all duration-300 hover:scale-110 focus:outline-none focus:ring-2 focus:ring-primary-500 aria-labelTikTok> svg classw-5 h-5 text-gray-400 fillcurrentColor viewBox0 0 24 24 aria-hiddentrue> path dM12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z>/path> /svg> /a>a hrefhttps://wa.me/573196902460 target_blank relnoopener noreferrer classflex items-center justify-center w-10 h-10 bg-gray-800 hover:bg-primary-600 rounded-lg transition-all duration-300 hover:scale-110 focus:outline-none focus:ring-2 focus:ring-primary-500 aria-labelWhatsApp> svg classw-5 h-5 text-gray-400 fillcurrentColor viewBox0 0 24 24 aria-hiddentrue> path dM17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z>/path> /svg> /a> /div> /div> !-- Quick Links --> div> h3 classtext-white font-bold text-lg mb-4>Navegación/h3> ul classspace-y-2> li> a href#hero classtext-gray-400 hover:text-primary-400 text-sm transition-colors inline-flex items-center gap-2 group> svg classw-3 h-3 opacity-0 group-hover:opacity-100 transition-opacity fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 5l7 7-7 7>/path> /svg> Inicio /a> /li>li> a href#juegos classtext-gray-400 hover:text-primary-400 text-sm transition-colors inline-flex items-center gap-2 group> svg classw-3 h-3 opacity-0 group-hover:opacity-100 transition-opacity fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 5l7 7-7 7>/path> /svg> Juegos /a> /li>li> a href#precios classtext-gray-400 hover:text-primary-400 text-sm transition-colors inline-flex items-center gap-2 group> svg classw-3 h-3 opacity-0 group-hover:opacity-100 transition-opacity fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 5l7 7-7 7>/path> /svg> Precios /a> /li>li> a href#como-funciona classtext-gray-400 hover:text-primary-400 text-sm transition-colors inline-flex items-center gap-2 group> svg classw-3 h-3 opacity-0 group-hover:opacity-100 transition-opacity fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 5l7 7-7 7>/path> /svg> Cómo Funciona /a> /li>li> a href#galeria classtext-gray-400 hover:text-primary-400 text-sm transition-colors inline-flex items-center gap-2 group> svg classw-3 h-3 opacity-0 group-hover:opacity-100 transition-opacity fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 5l7 7-7 7>/path> /svg> Galería /a> /li> /ul> /div> !-- Contact Info --> div> h3 classtext-white font-bold text-lg mb-4>Contacto/h3> ul classspace-y-3 text-sm> li> a hreftel:+57XXXXXXXXXX classtext-gray-400 hover:text-primary-400 transition-colors flex items-start gap-2> svg classw-5 h-5 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z>/path> /svg> span>+57 XXXXXXXXXX/span> /a> /li> li> a href/cdn-cgi/l/email-protection#553d3a3934153427303b3421367b363a classtext-gray-400 hover:text-primary-400 transition-colors flex items-start gap-2> svg classw-5 h-5 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z>/path> /svg> span>span class__cf_email__ data-cfemailef8780838eaf8e9d8a818e9b8cc18c80>email protected/span>/span> /a> /li> li classflex items-start gap-2 text-gray-400> svg classw-5 h-5 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z>/path> path stroke-linecapround stroke-linejoinround stroke-width2 dM15 11a3 3 0 11-6 0 3 3 0 016 0z>/path> /svg> span>Terrón Coloradobr>Cali, Colombia/span> /li> li classflex items-start gap-2 text-gray-400> svg classw-5 h-5 flex-shrink-0 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z>/path> /svg> span>Lun - Dombr>2:00 p.m. - 9:00 p.m./span> /li> /ul> /div> !-- Meta Quest Badge --> div> h3 classtext-white font-bold text-lg mb-4>Equipos/h3> div classbg-gradient-to-br from-gray-800 to-gray-900 border border-primary-500/30 rounded-xl p-4> div classflex items-center gap-3 mb-2> div classw-10 h-10 bg-primary-600/20 rounded-lg flex items-center justify-center> svg classw-6 h-6 text-primary-400 fillnone strokecurrentColor viewBox0 0 24 24 aria-hiddentrue> path stroke-linecapround stroke-linejoinround stroke-width2 dM9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z>/path> /svg> /div> div> div classtext-white font-bold>Meta Quest 3/div> div classtext-xs text-primary-400>Última generación/div> /div> /div> p classtext-xs text-gray-400>Experiencia VR premium con la tecnología más avanzada del mercado./p> /div> /div> /div> !-- Bottom Bar --> div classborder-t border-gray-800 pt-8> div classflex flex-col md:flex-row items-center justify-between gap-4> p classtext-gray-500 text-sm text-center md:text-left>© 2025 Arena TC. Todos los derechos reservados./p> div classflex flex-wrap items-center justify-center gap-4 text-xs text-gray-500> span>Hecho con Astro + TailwindCSS/span> span classhidden md:inline>•/span> span>Terrón Colorado, Cali, Colombia/span> /div> /div> /div> /div> /footer> !-- WhatsApp Floating Button - Super Cool Version -->div classwhatsapp-float-wrapper fixed bottom-8 right-8 z-50 data-astro-cid-iehx2mtc> div classwhatsapp-container-cool relative data-astro-cid-iehx2mtc> !-- Chat Bubble - Aparece al hacer hover --> div classwhatsapp-chat-bubble absolute bottom-24 right-0 opacity-0 invisible transform translate-y-4 scale-95 transition-all duration-500 ease-out data-astro-cid-iehx2mtc> div classrelative bg-gradient-to-br from-white via-white to-gray-50 rounded-3xl shadow-2xl p-6 w-80 backdrop-blur-lg border border-gray-100 data-astro-cid-iehx2mtc> !-- Glow effect --> div classabsolute -inset-1 bg-gradient-to-r from-green-400 via-emerald-400 to-green-500 rounded-3xl blur-xl opacity-30 animate-pulse data-astro-cid-iehx2mtc>/div> div classrelative z-10 data-astro-cid-iehx2mtc> !-- Header --> div classflex items-center gap-3 mb-4 data-astro-cid-iehx2mtc> div classrelative data-astro-cid-iehx2mtc> div classw-12 h-12 bg-gradient-to-br from-primary-500 via-primary-600 to-gaming-purple rounded-full flex items-center justify-center text-white font-bold text-lg shadow-lg animate-float data-astro-cid-iehx2mtc>AT/div> span classabsolute bottom-0 right-0 w-3.5 h-3.5 bg-green-500 border-2 border-white rounded-full animate-pulse data-astro-cid-iehx2mtc>/span> /div> div data-astro-cid-iehx2mtc> p classfont-bold text-gray-800 text-base data-astro-cid-iehx2mtc>Arena TC/p> p classtext-xs text-green-600 font-medium data-astro-cid-iehx2mtc>En línea/p> /div> /div> !-- Message --> div classbg-gradient-to-br from-green-50 to-emerald-50 rounded-2xl p-4 mb-4 shadow-inner data-astro-cid-iehx2mtc> p classtext-sm text-gray-700 mb-2 data-astro-cid-iehx2mtc>¡Hola! 👋 span classinline-block animate-wave data-astro-cid-iehx2mtc>🎮/span> /p> p classtext-sm text-gray-600 data-astro-cid-iehx2mtc>¿Listo para vivir la mejor experiencia de strong classtext-green-600 data-astro-cid-iehx2mtc>Realidad Virtual/strong>?/p> /div> !-- CTA Button --> a hrefhttps://wa.me/573196902460?textHola%2C%20quiero%20reservar%20una%20sesi%C3%B3n%20en%20Arena%20TC target_blank relnoopener noreferrer classgroup block w-full text-center px-6 py-3.5 bg-gradient-to-r from-green-500 via-emerald-500 to-green-600 hover:from-green-600 hover:via-emerald-600 hover:to-green-700 text-white font-bold rounded-xl transition-all duration-300 shadow-lg hover:shadow-2xl hover:shadow-green-500/50 transform hover:-translate-y-0.5 relative overflow-hidden data-astro-cid-iehx2mtc> span classabsolute inset-0 bg-gradient-to-r from-white/0 via-white/30 to-white/0 transform -translate-x-full group-hover:translate-x-full transition-transform duration-700 data-astro-cid-iehx2mtc>/span> span classrelative flex items-center justify-center gap-2 data-astro-cid-iehx2mtc> span data-astro-cid-iehx2mtc>Reservar Ahora/span> svg classw-5 h-5 transform group-hover:translate-x-1 transition-transform fillnone strokecurrentColor viewBox0 0 24 24 data-astro-cid-iehx2mtc> path stroke-linecapround stroke-linejoinround stroke-width2 dM13 7l5 5m0 0l-5 5m5-5H6 data-astro-cid-iehx2mtc>/path> /svg> /span> /a> /div> !-- Flecha del chat --> div classabsolute -bottom-3 right-8 w-6 h-6 bg-white transform rotate-45 shadow-lg data-astro-cid-iehx2mtc>/div> /div> /div> !-- Main Floating Button --> div classrelative data-astro-cid-iehx2mtc> !-- Animated rings --> div classabsolute inset-0 animate-ping-slow data-astro-cid-iehx2mtc> div classw-full h-full rounded-full bg-green-400 opacity-20 data-astro-cid-iehx2mtc>/div> /div> div classabsolute inset-0 animate-ping-slower data-astro-cid-iehx2mtc> div classw-full h-full rounded-full bg-green-300 opacity-20 data-astro-cid-iehx2mtc>/div> /div> !-- Rotating gradient border --> div classabsolute -inset-1 bg-gradient-to-r from-green-400 via-emerald-400 to-green-400 rounded-full blur-lg opacity-75 animate-spin-slow data-astro-cid-iehx2mtc>/div> !-- Button --> a hrefhttps://wa.me/573196902460?textHola%2C%20quiero%20reservar%20una%20sesi%C3%B3n%20en%20Arena%20TC target_blank relnoopener noreferrer classwhatsapp-main-button relative flex items-center justify-center w-20 h-20 bg-gradient-to-br from-green-500 via-emerald-500 to-green-600 hover:from-green-600 hover:via-emerald-600 hover:to-green-700 rounded-full shadow-2xl hover:shadow-green-500/60 transition-all duration-300 hover:scale-110 cursor-pointer group aria-labelContactar por WhatsApp data-astro-cid-iehx2mtc> !-- Inner glow --> div classabsolute inset-2 rounded-full bg-gradient-to-br from-white/20 to-transparent data-astro-cid-iehx2mtc>/div> !-- WhatsApp Icon --> svg classw-10 h-10 text-white relative z-10 drop-shadow-lg transform group-hover:scale-110 group-hover:rotate-12 transition-all duration-300 fillcurrentColor viewBox0 0 24 24 data-astro-cid-iehx2mtc> path dM17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z data-astro-cid-iehx2mtc>/path> /svg> !-- Notification Badge --> span classabsolute -top-2 -right-2 w-7 h-7 bg-gradient-to-br from-red-500 to-red-600 rounded-full flex items-center justify-center text-white text-xs font-bold shadow-lg animate-bounce-subtle border-2 border-white data-astro-cid-iehx2mtc>1/span> /a> /div> /div> /div> script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>script typemodule>document.querySelector(.whatsapp-main-button);const tdocument.querySelector(.whatsapp-container-cool);setTimeout(()>{const et?.querySelector(.whatsapp-chat-bubble);e&&!sessionStorage.getItem(whatsapp-bubble-shown)&&(e.classList.remove(opacity-0,invisible),e.classList.add(opacity-100,visible),e.style.transformtranslateY(0) scale(1),setTimeout(()>{e.classList.add(opacity-0,invisible),e.style.transformtranslateY(1rem) scale(0.95)},5e3),sessionStorage.setItem(whatsapp-bubble-shown,true))},3e3);/script> /body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]