.hub .cabecera-acciones{align-items:center;gap:clamp(14px,3vw,32px);display:flex}@media (max-width:440px){.hub .cabecera-in{gap:8px}.hub .cabecera-acciones,.hub .nav ul{gap:10px}.hub .nav a{font-size:.86rem}.hub .marca-texto{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:379px){.hub .cabecera-acciones,.hub .nav ul{gap:8px}.hub .nav a{font-size:.8rem}}@media (max-width:339px){.hub .cabecera-acciones,.hub .nav ul{gap:5px}.hub .nav a{font-size:.74rem}}.hub .buscador-boton{min-width:44px;min-height:44px;font:inherit;color:var(--texto-suave);border:2px solid var(--linea-fuerte);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:.95rem;font-weight:500;display:inline-flex}.hub .buscador-boton:focus-visible,.hub .buscador-cerrar:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}@media (hover:hover) and (pointer:fine){.hub .buscador-boton:hover{color:var(--sol);border-color:var(--ambar)}}.hub .buscador-lupa{flex:none;width:18px;height:18px}.hub .buscador-atajo,.hub .buscador-cerrar{font-family:var(--f-mono);color:var(--arena);background:var(--noche-3);border:1px solid var(--linea-fuerte);padding:2px 6px;font-size:.72rem;font-weight:500}.hub .buscador-boton-texto,.hub .buscador-atajo{display:none}@media (min-width:700px){.hub .buscador-boton-texto,.hub .buscador-atajo{display:inline}}.hub .buscador{width:min(640px,100% - 32px);max-height:min(70dvh,560px);color:var(--texto);background:var(--noche-2);border:2px solid var(--ambar);box-shadow:6px 6px 0 var(--naranja);margin:10dvh auto auto;padding:0;position:fixed;inset:0;overflow:hidden}.hub .buscador:not([open]){display:none}.hub .buscador::backdrop{background:#110908c7}html:has(.buscador[open]){overflow:hidden}.hub .buscador-panel{flex-direction:column;max-height:min(70dvh,560px);display:flex}.hub .buscador-campo{color:var(--ambar);border-bottom:1px solid var(--linea-fuerte);align-items:center;gap:12px;padding:14px 16px;display:flex}.hub .buscador-campo input{min-width:0;font:inherit;color:var(--sol);appearance:none;background:0 0;border:0;border-radius:0;outline:0;flex:1;font-size:1.05rem}.hub .buscador-campo input::placeholder{color:var(--malva)}.hub .buscador-campo:focus-within{box-shadow:inset 0 -3px 0 var(--ambar)}.hub .buscador-cerrar{cursor:pointer}.hub .buscador-lista{flex:1;margin:0;padding:6px 0;list-style:none;overflow-y:auto}.hub .buscador-item{cursor:pointer;gap:2px;padding:10px 16px 10px 40px;display:grid;position:relative}.hub .buscador-item:before{content:"";background:var(--cacao);width:12px;height:12px;position:absolute;top:16px;left:16px;box-shadow:inset -3px -3px #00000059}.hub .buscador-item[aria-selected=true]{background:#fec05e14}.hub .buscador-item[aria-selected=true]:before{background:var(--ambar);box-shadow:inset -3px -3px 0 var(--naranja), 0 0 18px 4px #fec05e73}.hub .buscador-titulo{color:var(--sol);font-weight:600}.hub .buscador-titulo mark{color:var(--noche);background:var(--ambar)}.hub .buscador-meta{color:var(--texto-suave);gap:10px;font-size:.82rem;display:flex}.hub .buscador-tipo{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--terracota);font-size:.72rem}.hub .buscador-vacio{color:var(--texto-suave);margin:0;padding:24px 16px}.hub .buscador-pie{font-family:var(--f-mono);color:var(--malva);border-top:1px solid var(--linea);margin:0;padding:8px 16px;font-size:.72rem;display:none}@media (hover:hover) and (pointer:fine){.hub .buscador-pie{display:block}}@media (prefers-reduced-motion:no-preference){.hub .buscador[open]{animation:.24s steps(4,end) both hub-buscador-arma}.hub .buscador[open]::backdrop{animation:.24s steps(4,end) both hub-buscador-fondo}}@keyframes hub-buscador-arma{0%{clip-path:inset(0 100% 100% 0);opacity:.4}to{clip-path:inset(-8px);opacity:1}}@keyframes hub-buscador-fondo{0%{opacity:0}to{opacity:1}}
.hub .bienvenida{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:45;width:min(420px,100vw - 24px);color:var(--texto);background:var(--noche-2);border:2px solid var(--ambar);box-shadow:6px 6px 0 var(--noche), inset -4px -4px 0 #00000047, inset 4px 4px 0 #ffffff14;gap:6px;padding:14px 16px;display:grid;position:fixed;transform:translate(-50%)}.hub .bienvenida p{margin:0}.hub .bienvenida-titulo{font-family:var(--f-titulo);color:var(--sol);font-size:1.25rem}.hub .bienvenida-titulo strong{color:var(--ambar)}.hub .bienvenida-sigue{color:var(--texto-suave);font-size:.9rem}.hub .bienvenida-sigue a{color:var(--ambar);font-weight:600}.hub .bienvenida-cerrar{min-height:44px;font:inherit;font-family:var(--f-mono);color:var(--noche);background:var(--ambar);border:2px solid var(--sol);cursor:pointer;justify-self:end;padding:6px 14px;font-weight:700}.hub .bienvenida-cerrar:focus-visible,.hub .bienvenida-sigue a:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.hub .bienvenida{animation:.45s steps(6,end) both bienvenida-cae}}@keyframes bienvenida-cae{0%{opacity:0;transform:translate(-50%,-24px)}to{opacity:1;transform:translate(-50%)}}
.hub .logros{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:40;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed}.hub [data-tema=vibe-coding]{--c:var(--naranja)}.hub [data-tema=agentes]{--c:var(--violeta)}.hub [data-tema=apps]{--c:var(--terracota)}.hub [data-tema=herramientas]{--c:var(--ambar)}.hub .logros-pila{min-width:44px;min-height:44px;font:inherit;font-family:var(--f-mono);color:var(--texto);background:var(--noche-2);border:2px solid var(--linea-fuerte);cursor:pointer;align-items:flex-end;gap:8px;padding:6px 10px;font-weight:700;display:flex}.hub .logros-pila:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}@media (hover:hover) and (pointer:fine){.hub .logros-pila:hover{border-color:var(--ambar)}}.hub .logros-bloques{flex-direction:column-reverse;gap:2px;width:18px;display:flex}.hub .logros-bloque{background:var(--c,var(--ambar));height:8px;display:block;box-shadow:inset -3px -3px #00000047,inset 3px 3px #ffffff38}.hub .logros-numero{text-align:right;min-width:2ch;font-size:.9rem;line-height:1}.hub .logros-aviso{font-family:var(--f-mono);color:var(--noche);background:var(--ambar);border:2px solid var(--sol);box-shadow:4px 4px 0 var(--noche);margin:0;padding:6px 10px;font-size:.8rem;font-weight:700}.hub .logros-panel{background:var(--noche-2);border:2px solid var(--linea-fuerte);width:min(280px,100vw - 24px);box-shadow:6px 6px 0 var(--noche);padding:14px}.hub .logros-titulo{font-family:var(--f-titulo);color:var(--ambar);margin:0;font-size:1.3rem}.hub .logros-total{color:var(--texto-suave);margin:4px 0 10px;font-size:.85rem}.hub .logros-temas,.hub .logros-compartir{min-height:44px;font:inherit;font-family:var(--f-mono);color:var(--noche);background:var(--ambar);border:2px solid var(--sol);cursor:pointer;margin-top:10px;padding:6px 12px;font-size:.85rem;font-weight:700;display:block}.hub .logros-compartir:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}.hub .logros-error{color:var(--terracota);margin:6px 0 0;font-size:.8rem}.hub .logros-hitos{margin:0;padding:0;font-size:.85rem;list-style:none}.hub .logros-temas li{grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:4px 0;display:grid}.hub .logros-chip{background:var(--c);width:12px;height:12px}.hub .logros-mapa{font-family:var(--f-mono);color:var(--ambar);margin-top:10px;font-size:.85rem;display:inline-block}.hub .logros-hitos{border-top:2px solid var(--linea);margin-top:10px;padding-top:10px}.hub .logros-hitos li{color:var(--texto-suave);padding:2px 0}.hub .logros-hitos li[data-logrado]{color:var(--ambar)}.hub .logros-hitos li[data-logrado]:before{content:"■ "}@media (prefers-reduced-motion:no-preference){.hub .logros-bloque[data-cae]{animation:.6s steps(8,end) logros-cae}.hub .logros-aviso{animation:2.4s steps(6,end) forwards logros-aviso}}@keyframes logros-cae{0%{transform:translateY(-60vh)}to{transform:translateY(0)}}@keyframes logros-aviso{0%{opacity:0;transform:translateY(8px)}12%,85%{opacity:1;transform:translateY(0)}to{opacity:0}}
.hub .puente{width:min(560px,100% - 32px);color:var(--texto);background:var(--noche-2);border:2px solid var(--ambar);box-shadow:6px 6px 0 var(--noche), inset -4px -4px 0 #00000047, inset 4px 4px 0 #ffffff14;gap:8px;margin:40px auto;padding:18px 20px;display:grid}.hub .puente p{margin:0}.hub .puente-titulo{font-family:var(--f-titulo);color:var(--sol);font-size:1.5rem}.hub .puente-texto{color:var(--texto-suave);overflow-wrap:anywhere}.hub .puente-acciones{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:6px;display:flex}.hub .puente-cerrar{min-height:44px;font:inherit;font-family:var(--f-mono);color:var(--texto-suave);border:2px solid var(--linea-fuerte);cursor:pointer;background:0 0;padding:6px 14px;font-weight:700}.hub .puente-cerrar:focus-visible,.hub .puente .boton:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}@media (hover:hover) and (pointer:fine){.hub .puente-cerrar:hover{border-color:var(--ambar);color:var(--texto)}}@media (prefers-reduced-motion:no-preference){.hub .puente[data-entrada=espera]{opacity:0;transform:translateY(24px)}.hub .puente[data-entrada=entra]{animation:.45s steps(6,end) both puente-sube}}@keyframes puente-sube{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.hub .mapa{justify-items:center;gap:16px;padding-block:8px 48px;display:grid}.hub .mapa-vacio{text-align:center;color:var(--texto-suave)}.hub .mapa-contador{font-family:var(--f-mono);color:var(--noche);background:var(--ambar);box-shadow:4px 4px 0 var(--madera);margin:0;padding:8px 14px;font-weight:700}.hub .mapa-isla{--s:min(64px, calc((100vw - 32px) / ((var(--columnas) + var(--filas)) * .72)));--lado:calc((var(--columnas) + var(--filas)) * var(--s) * .7072);width:var(--lado);height:calc(var(--lado) * .5 + var(--s) * 1.5);max-width:100%;position:relative}.hub .mapa-plano{width:calc(var(--columnas) * var(--s));height:calc(var(--filas) * var(--s));transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(60deg)rotate(-45deg)}.hub .mapa-suelo{left:calc(var(--col) * var(--s));width:calc(var(--ancho) * var(--s));height:calc(var(--alto-zona) * var(--s));background:var(--noche-3);box-shadow:0 0 0 2px var(--linea-fuerte);position:absolute;top:0}.hub .mapa-bloque{--alto:calc(var(--s) * .3);--cima:#d8a98533;--sur:#d8a9851f;--oeste:#d8a98514;left:calc(var(--col) * var(--s));top:calc(var(--fila) * var(--s));width:var(--s);height:var(--s);transform-style:preserve-3d;transform:translateZ(var(--alto));background:var(--cima);outline:1px dashed var(--linea-fuerte);position:absolute}.hub .mapa-bloque[data-construido]{--alto:var(--s);--cima:var(--c);--sur:color-mix(in srgb, var(--c) 75%, black);--oeste:color-mix(in srgb, var(--c) 55%, black);outline:0}.hub .mapa-bloque:focus-visible{outline:3px solid var(--sol);outline-offset:1px}@media (hover:hover) and (pointer:fine){.hub .mapa-bloque:hover{--cima:var(--sol)}}.hub .mapa-bloque[data-tipo=guias],.hub .mapa-leyenda [data-tipo=guias]{--c:var(--naranja)}.hub .mapa-bloque[data-tipo=prompts],.hub .mapa-leyenda [data-tipo=prompts]{--c:var(--violeta)}.hub .mapa-bloque[data-tipo=tutoriales],.hub .mapa-leyenda [data-tipo=tutoriales]{--c:var(--ambar)}.hub .mapa-cara{width:var(--s);height:var(--alto);position:absolute}.hub .mapa-cara-sur{background:var(--sur);transform-origin:top;top:100%;left:0;transform:rotateX(-90deg)}.hub .mapa-cara-oeste{background:var(--oeste);transform-origin:0;width:var(--alto);height:var(--s);top:0;left:0;transform:rotateY(90deg)}.hub .mapa-tip{min-height:1.5em;font-family:var(--f-mono);color:var(--texto-suave);text-align:center;margin:0;font-size:.9rem}.hub .mapa-leyenda{font-family:var(--f-mono);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.hub .mapa-chip{background:var(--c);width:12px;height:12px;margin-right:8px;display:inline-block}@media (prefers-reduced-motion:no-preference){.hub .mapa-bloque[data-construido]{animation:mapa-construir .6s var(--rebote) both;animation-delay:calc(var(--i) * 70ms)}}@keyframes mapa-construir{0%{transform:translateZ(calc(var(--s) * 6))}to{transform:translateZ(var(--s))}}
.hub .sonido{min-height:44px;color:var(--texto);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:.92rem;display:inline-flex}.hub .sonido-icono{flex:none;width:20px;height:20px}.hub .sonido[aria-pressed=true]{color:var(--ambar)}.hub .sonido:focus-visible{outline:2px solid var(--ambar);outline-offset:2px}@media (hover:hover) and (pointer:fine){.hub .sonido:hover{color:var(--ambar)}}
.hub .prompt-campos{background:var(--noche-2);border-bottom:2px solid var(--linea-fuerte);flex-wrap:wrap;align-items:flex-end;gap:10px 14px;padding:12px 16px;display:flex}.hub .prompt-campo{min-width:0;font-family:var(--f-mono);color:var(--texto-suave);flex:11rem;gap:4px;font-size:.78rem;display:grid}.hub .prompt-campo input{background:var(--noche);min-height:44px;color:var(--texto);font:inherit;box-shadow:inset 0 0 0 2px var(--linea-fuerte), 3px 3px 0 var(--madera);border:0;border-radius:0;padding:6px 10px;font-size:.95rem}.hub .prompt-campo input:focus-visible{outline:2px solid var(--ambar);outline-offset:2px;box-shadow:inset 0 0 0 2px var(--ambar), 3px 3px 0 var(--naranja)}.hub .prompt-limpiar{min-height:44px;color:var(--arena);font-family:var(--f-titulo);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 0 2px var(--linea-fuerte);background:0 0;border:0;padding:6px 14px;font-size:1rem;font-weight:700}.hub .prompt-limpiar:hover{color:var(--ambar);box-shadow:inset 0 0 0 2px var(--ambar)}.hub .prompt-limpiar:focus-visible{outline:2px solid var(--ambar);outline-offset:2px}.hub .prompt-var{color:var(--naranja);border-bottom:2px dashed var(--naranja)}.hub .prompt-var-llena{color:var(--noche);background:var(--ambar);border-bottom:0;padding-inline:.2em}