:root{--fondo: #101018;--panel: #1c1c2a;--texto: #e8e8f0;--suave: #9a9ab0;--amarillo: #ffd800;--cian: #00d8d8;--verde: #00c800;--rojo: #ff3b3b}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font-family:system-ui,sans-serif;line-height:1.5}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:4px solid;border-image:linear-gradient(90deg,#d80000,#d8d800,#00d800,#00d8d8) 1}h1{margin:0;font-size:1.4rem;letter-spacing:2px;color:var(--amarillo)}h1 span{color:var(--cian);font-weight:400}h2{font-size:1.1rem;color:var(--amarillo);margin:16px 0 4px}main{max-width:1400px;margin:0 auto;padding:16px}.estado{padding:4px 12px;border-radius:999px;background:var(--panel);color:var(--suave);font-size:.9rem}.estado:before{content:"● "}.estado.ok{color:var(--verde)}.estado.espera{color:var(--amarillo)}.estado.error{color:var(--rojo)}.intro{text-align:center;color:var(--suave)}.botones{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:24px}button{font:inherit;cursor:pointer;background:var(--panel);color:var(--texto);border:1px solid #3a3a50;border-radius:6px;padding:6px 12px}button:hover{border-color:var(--cian)}button.grande{font-size:1.2rem;padding:16px 32px;background:#24243a}.caja{background:var(--panel);border-radius:8px;padding:16px;margin-bottom:16px}input[type=text]{font:inherit;font-size:1.4rem;letter-spacing:6px;text-transform:uppercase;width:9em;padding:6px 10px;margin-right:8px;background:var(--fondo);color:var(--amarillo);border:1px solid #3a3a50;border-radius:6px}.codigo-caja{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.codigo-caja b{font-size:1.6rem;letter-spacing:4px;color:var(--amarillo)}.codigo-caja small{color:var(--suave)}:root{--ancho-juego: min(100%, calc((100vh - 200px) * 4 / 3))}#emulador{display:flex;justify-content:center}#emulador>div{width:var(--ancho-juego)!important}#emulador canvas{width:100%!important;height:auto!important;aspect-ratio:4 / 3;image-rendering:pixelated}#video{display:block;width:var(--ancho-juego);aspect-ratio:4 / 3;margin:0 auto;background:#000;image-rendering:pixelated}.ayuda{color:var(--suave);font-size:.9rem}kbd{background:var(--fondo);border:1px solid #3a3a50;border-radius:4px;padding:0 5px;font-size:.85em}table{border-collapse:collapse;margin-bottom:12px}th,td{padding:4px 8px;text-align:left}th{color:var(--suave);font-weight:400;font-size:.85rem}button.tecla{min-width:7em}button.tecla.esperando{border-color:var(--amarillo);color:var(--amarillo)}select{font:inherit;background:var(--fondo);color:var(--texto);border:1px solid #3a3a50;border-radius:4px;padding:2px 6px}.pasos{margin-top:12px}.pasos ol{margin:8px 0;padding-left:22px}.pasos li{margin:4px 0}button:disabled{opacity:.7;cursor:wait}details{margin-top:8px;color:var(--suave)}summary{cursor:pointer}h1 a{color:inherit;text-decoration:none}a{color:var(--cian)}.juegos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}.juego{background:var(--panel);border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.juego h2{margin:0;font-size:1.4rem}.juego small{color:var(--suave)}.juego button{margin-top:8px}.unirse{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.creditos{text-align:center}.consejo{color:var(--amarillo);margin:8px 0 0}.consejo:empty{display:none}.barra-juego{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.barra-juego .separador{color:var(--suave);font-size:.9rem}#botones-menu{display:flex;flex-wrap:wrap;gap:8px}button.principal{background:#1f3d1f;border-color:var(--verde);font-weight:600;padding:8px 16px}.indicador{text-align:center;color:var(--cian);font-size:.9rem;margin:6px 0;min-height:1.4em}#modo{padding:8px;font-size:1rem}:root{--rojo-zx: #d80000;--amarillo-zx: #d8d800;--verde-zx: #00d800;--cian-zx: #00d8d8;--franjas: linear-gradient(90deg, var(--rojo-zx) 0 25%, var(--amarillo-zx) 25% 50%, var(--verde-zx) 50% 75%, var(--cian-zx) 75% 100%);--pixel: "Press Start 2P", system-ui, monospace}html{scroll-behavior:smooth}[id]{scroll-margin-top:80px}.cabecera{position:sticky;top:0;z-index:10;background:rgba(16,16,24,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo{display:flex;align-items:center;gap:10px;font-family:var(--pixel);font-size:.95rem;color:var(--amarillo);text-decoration:none;letter-spacing:1px}.logo span:not(.logo-franjas){color:var(--cian)}.logo-franjas{width:28px;height:18px;background:repeating-linear-gradient(-60deg,var(--rojo-zx) 0 4px,var(--amarillo-zx) 4px 8px,var(--verde-zx) 8px 12px,var(--cian-zx) 12px 16px);border-radius:2px}.menu-inicio{display:none;gap:22px;align-items:center}.menu-inicio a{color:var(--texto);text-decoration:none;font-size:.95rem}.menu-inicio a:hover{color:var(--amarillo)}.menu-inicio .menu-cta{border:1px solid var(--amarillo);color:var(--amarillo);padding:6px 14px;border-radius:999px}.boton{display:inline-block;font:inherit;font-weight:600;text-decoration:none;padding:12px 24px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s}.boton:hover{transform:translateY(-2px)}.boton-principal{background:var(--amarillo);color:#101018;border-color:var(--amarillo)}.boton-principal:hover{box-shadow:0 6px 20px #ffd8004d}.boton-secundario{color:var(--texto);border-color:#3a3a50}.boton-secundario:hover{border-color:var(--cian)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding:64px 0 56px}.hero-etiqueta,.seccion-etiqueta{font-family:var(--pixel);font-size:.65rem;color:var(--cian);letter-spacing:1px;text-transform:uppercase;margin:0 0 16px}.hero h1{font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.1;color:var(--texto);letter-spacing:0;margin:0 0 20px}.hero h1 .resalta{background:linear-gradient(90deg,var(--amarillo),#ff9a00);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:1.15rem;color:#c4c4d4;max-width:34em;margin:0 0 28px}.hero-botones{display:flex;gap:12px;flex-wrap:wrap}.hero-ventajas{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:28px 0 0;color:var(--suave)}.hero-ventajas li:before{content:"✔ ";color:var(--verde)}.hero-portadas{position:relative;height:420px}.hp{position:absolute;width:46%;border-radius:6px;box-shadow:0 20px 50px #0009;transition:transform .3s}.hp1{left:2%;top:30px;transform:rotate(-8deg);z-index:1}.hp2{left:27%;top:0;transform:rotate(2deg);z-index:3}.hp3{left:52%;top:40px;transform:rotate(9deg);z-index:2}.hero-portadas:hover .hp1{transform:rotate(-11deg) translate(-10px)}.hero-portadas:hover .hp3{transform:rotate(12deg) translate(10px)}.unirse-banda{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:28px 32px;border-radius:12px;background:linear-gradient(120deg,#1d2440,#23193a);border:1px solid #34345a;position:relative;overflow:hidden}.unirse-banda:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--franjas)}.unirse-banda h2{margin:0 0 4px;font-size:1.4rem}.unirse-banda p{margin:0;color:var(--suave)}.unirse-form{display:flex;gap:10px;flex-wrap:wrap}.unirse-form input{margin:0}.seccion{padding:80px 0 0}.seccion-titulo{font-size:clamp(1.6rem,3vw,2.3rem);color:var(--texto);margin:0 0 32px}.catalogo{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.tarjeta{background:var(--panel);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #2a2a3e;transition:transform .2s,border-color .2s,box-shadow .2s}.tarjeta:hover{transform:translateY(-4px);border-color:var(--amarillo);box-shadow:0 14px 40px #00000080}.tarjeta-portada{position:relative;aspect-ratio:3 / 4;background:#000;overflow:hidden}.tarjeta-portada img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.tarjeta:hover .tarjeta-portada img{transform:scale(1.04)}.tarjeta-deporte{position:absolute;top:12px;left:12px;background:rgba(16,16,24,.85);color:var(--amarillo);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:1px}.tarjeta-cuerpo{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}.tarjeta-cuerpo h3{margin:0;font-size:1.15rem;line-height:1.25}.tarjeta-meta{margin:0;color:var(--cian);font-size:.85rem}.tarjeta-desc{margin:0;color:#b8b8c8;font-size:.92rem;flex:1}.tarjeta-modos{list-style:none;padding:0;margin:4px 0 8px;display:flex;flex-wrap:wrap;gap:6px}.tarjeta-modos li{font-size:.75rem;color:var(--suave);border:1px solid #3a3a50;border-radius:999px;padding:2px 10px}.tarjeta .boton{text-align:center}.pasos-home{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.pasos-home li{background:var(--panel);border-radius:12px;padding:24px;border:1px solid #2a2a3e}.paso-num{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:8px;font-family:var(--pixel);font-size:1rem;color:#101018;background:var(--amarillo);margin-bottom:12px}.pasos-home li:nth-child(2) .paso-num{background:var(--verde-zx)}.pasos-home li:nth-child(3) .paso-num{background:var(--cian-zx)}.pasos-home h3{margin:0 0 6px}.pasos-home p{margin:0;color:#b8b8c8}.controles-home{margin-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:var(--panel);border-radius:12px;padding:20px 24px;border:1px solid #2a2a3e}.controles-home h3{margin:0 0 4px}.controles-home p{margin:0;color:var(--suave)}.teclas-home{display:flex;flex-direction:column;gap:8px}.teclas-home kbd{display:inline-block;min-width:28px;text-align:center;padding:2px 6px;margin-right:4px;font-size:.9rem;border-bottom-width:3px}.teclas-home kbd.ancha{min-width:90px}.faq{display:grid;gap:10px}.faq details{background:var(--panel);border:1px solid #2a2a3e;border-radius:10px;padding:0 20px;color:var(--texto);margin:0}.faq summary{padding:16px 28px 16px 0;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:12px;font-size:1.4rem;color:var(--amarillo)}.faq details[open] summary:after{content:"−"}.faq details p{margin:0 0 16px;color:#b8b8c8}.quienes{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center}.quienes-texto p:not(.seccion-etiqueta){color:#c4c4d4;font-size:1.05rem}.quienes-datos{display:grid;gap:14px}.quienes-datos div{background:var(--panel);border-radius:12px;padding:18px 22px;border-left:6px solid var(--amarillo);display:flex;align-items:baseline;gap:12px}.quienes-datos div:nth-child(2){border-left-color:var(--verde-zx)}.quienes-datos div:nth-child(3){border-left-color:var(--cian-zx)}.quienes-datos b{font-family:var(--pixel);font-size:1.3rem;color:var(--amarillo)}.quienes-datos span{color:var(--suave)}.pie{margin-top:80px;padding:0 0 32px;text-align:center;color:var(--suave);font-size:.9rem}.pie-franjas{height:6px;background:var(--franjas);border-radius:3px;margin-bottom:24px}.pie-legal{font-size:.78rem;color:#6e6e86;max-width:60em;margin:8px auto 0}@media (max-width: 860px){.hero{grid-template-columns:1fr;padding-top:40px}.hero-portadas{height:300px;max-width:420px}.quienes{grid-template-columns:1fr}.menu-inicio a:not(.menu-cta){display:none}.unirse-banda{padding:22px}}.menu-inicio{display:flex}.sitio .estado{display:none}.sitio main{max-width:1200px;padding-top:0}.app .menu-inicio a:not(.menu-cta){font-size:.85rem}.sitio h1{color:var(--texto);letter-spacing:0}.seccion-primera{padding-top:40px}.seccion-mas{margin-top:20px}.seccion-mas a,.tarjeta h3 a{color:inherit;text-decoration:none}.seccion-mas a{color:var(--cian)}.seccion-mas a:hover,.tarjeta h3 a:hover{color:var(--amarillo)}.migas{padding-top:24px;font-size:.85rem;color:var(--suave)}.migas a{color:var(--suave)}.tarjeta-portada{display:block}.tarjeta-botones{display:flex;gap:8px}.tarjeta-botones .boton{flex:1;text-align:center;padding:10px 12px}.ficha{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:48px;align-items:start;padding-top:24px}.ficha-portada img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:10px;box-shadow:0 24px 60px #0009;display:block}.ficha-texto h1{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.1;margin:0 0 18px}.ficha-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:32px 0 0}.ficha-datos div{background:var(--panel);border:1px solid #2a2a3e;border-radius:10px;padding:12px 16px}.ficha-datos dt{color:var(--cian);font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.ficha-datos dd{margin:4px 0 0}.lista-detalles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.lista-detalles li{background:var(--panel);border:1px solid #2a2a3e;border-left:5px solid var(--amarillo);border-radius:10px;padding:16px 18px;color:#c4c4d4}.lista-detalles li:nth-child(4n+2){border-left-color:var(--verde-zx)}.lista-detalles li:nth-child(4n+3){border-left-color:var(--cian-zx)}.lista-detalles li:nth-child(4n+4){border-left-color:var(--rojo-zx)}.dos-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.caja-info{background:var(--panel);border:1px solid #2a2a3e;border-radius:12px;padding:22px}.caja-info h3{margin:0 0 8px}.caja-info p{margin:0;color:#c4c4d4}.otros{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.mini{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid #2a2a3e;border-radius:10px;padding:10px;color:var(--texto);text-decoration:none;font-weight:600}.mini:hover{border-color:var(--amarillo)}.mini img{width:56px;height:72px;object-fit:cover;border-radius:4px}.tabla-scroll{overflow-x:auto}.tabla-juegos{width:100%;border-collapse:separate;border-spacing:0 8px}.tabla-juegos th{text-align:left;color:var(--suave);font-weight:400;padding:0 16px}.tabla-juegos td{background:var(--panel);padding:16px;color:#c4c4d4;vertical-align:top}.tabla-juegos td:first-child{border-radius:10px 0 0 10px;font-weight:700;white-space:nowrap}.tabla-juegos td:last-child{border-radius:0 10px 10px 0}.tabla-juegos a{color:var(--amarillo);text-decoration:none}.cta-udista{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding:36px;border-radius:14px;background:linear-gradient(120deg,#2a2410,#1d2440);border:1px solid #4a4220;position:relative;overflow:hidden}.cta-udista:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--franjas)}.cta-udista h2{font-size:1.8rem;color:var(--texto);margin:0 0 8px}.cta-udista p:not(.seccion-etiqueta){margin:0;color:#c4c4d4;max-width:34em}.cta-botones{display:flex;flex-wrap:wrap;gap:10px}.pie-enlaces{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-bottom:16px}.pie-enlaces a,.pie a{color:var(--suave)}.pie-enlaces a:hover,.pie a:hover{color:var(--amarillo)}.pie-app{margin-top:40px}@media (max-width: 860px){.ficha{grid-template-columns:1fr;gap:28px}.ficha-portada{max-width:320px}.cta-udista{padding:24px}}.tarjeta-sugerir{justify-content:center;align-items:center;text-align:center;gap:12px;padding:28px;border:2px dashed #3a3a50;background:transparent;color:var(--texto);text-decoration:none;min-height:320px}.tarjeta-sugerir:hover{border-style:solid}.tarjeta-sugerir h3{margin:0}.tarjeta-sugerir p{margin:0;color:var(--suave)}.sugerir-mas{font-family:var(--pixel);font-size:2.4rem;color:var(--amarillo)}.caja-boton{margin-top:16px!important}.nota-privacidad{color:var(--suave);font-size:.85rem;margin-top:16px}.subtitulo{font-size:1.3rem;color:var(--amarillo);margin:28px 0 8px}