:root{--bp-navy-900:#0a1a2f;--bp-navy-800:#0f2540;--bp-blue-line:#5b9bd5;--bp-grid-line:#5b9bd514;--bp-cyan-bright:#7ec8e3;--bp-paper:#eef3f8;--bp-accent:#ff8c42;--bp-muted:#5f7a99;--font-mono:"IBM Plex Mono", "Courier New", monospace;--font-sans:"IBM Plex Sans", Arial, sans-serif}*{box-sizing:border-box}body{background:var(--bp-navy-900);font-family:var(--font-sans);color:var(--bp-paper);margin:0;overflow:hidden}canvas{display:block}#canvas-root{z-index:0;position:fixed;inset:0}.titulo-block{z-index:10;max-width:min(70%,480px);font-family:var(--font-mono);pointer-events:none;background:#0f25408c;padding:10px 16px;position:relative;top:20px;left:20px}.titulo-block:before,.titulo-block:after{content:"";border:1px solid var(--bp-blue-line);width:10px;height:10px;position:absolute}.titulo-block:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.titulo-block:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.titulo-eyebrow{letter-spacing:.12em;color:var(--bp-muted);text-transform:uppercase;margin-bottom:4px;font-size:.65rem;display:block}.titulo-principal{color:var(--bp-paper);margin:0;font-size:1.05rem;font-weight:500;line-height:1.3}.titulo-numero{color:var(--bp-cyan-bright)}@media (width<=768px){.titulo-block{max-width:calc(100% - 90px)}.titulo-principal,.titulo-eyebrow{font-size:.8rem}}#nav{background:var(--bp-navy-800);background-image:linear-gradient(var(--bp-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--bp-grid-line) 1px, transparent 1px);border-left:1px solid var(--bp-blue-line);box-sizing:border-box;z-index:20;width:220px;height:100%;font-family:var(--font-mono);background-size:24px 24px;flex-direction:column;padding-top:90px;display:flex;position:fixed;top:0;right:0}.nav-eyebrow{letter-spacing:.12em;color:var(--bp-muted);text-transform:uppercase;border-bottom:1px solid #5b9bd533;margin-bottom:6px;padding:0 20px 10px;font-size:.65rem}#nav a{color:var(--bp-muted);letter-spacing:.02em;border-left:3px solid #0000;padding:12px 20px;font-size:.8rem;text-decoration:none;transition:background .2s,border-color .2s,color .2s}#nav a:hover{border-left-color:var(--bp-blue-line);color:var(--bp-paper);background:#7ec8e30f}#nav a.activo{border-left-color:var(--bp-accent);color:var(--bp-cyan-bright);background:#ff8c4214}#nav-toggle,#nav-overlay{display:none}@media (width<=768px){#nav-toggle{z-index:30;border:1px solid var(--bp-blue-line);background:var(--bp-navy-800);width:44px;height:44px;color:var(--bp-cyan-bright);font-family:var(--font-mono);cursor:pointer;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;top:20px;right:20px}#nav-overlay{z-index:15;background:#0a1a2fbf;display:block;position:fixed;inset:0}#nav{width:240px;transition:transform .3s;overflow-y:auto;transform:translate(100%)}#nav.nav-abierto{transform:translate(0)}}