:root{--fondo:#041c30;--panel:#0a2a45;--borde:#12405f;--texto:#dbeafe;--texto-suave:#8fc7e8;--acento:#f2c14e;--sube:#2eb98a;--baja:#ec4b62}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.puerta{place-items:center;min-height:100vh;padding:24px;display:grid}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:14px;width:min(420px,100%);padding:28px;animation:.35s cubic-bezier(.2,.8,.2,1) entrar}@keyframes entrar{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tarjeta h1{letter-spacing:.5px;margin:0 0 4px;font-size:26px}.tarjeta p.sub{color:var(--texto-suave);margin:0 0 22px;font-size:13px}label{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.8px;margin:14px 0 5px;font-size:12px;display:block}input{border:1px solid var(--borde);width:100%;color:var(--texto);background:#04223a;border-radius:8px;padding:11px 13px;font-size:15px;transition:border-color .18s}input:focus{border-color:var(--acento);outline:none}button.principal{background:var(--acento);color:#041c30;cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:22px;padding:12px;font-size:15px;font-weight:650;transition:transform .12s,filter .18s}button.principal:hover{filter:brightness(1.08)}button.principal:active{transform:scale(.985)}button.principal[disabled]{opacity:.55;cursor:progress}.cambiar{text-align:center;color:var(--texto-suave);margin-top:16px;font-size:13px}.cambiar a{color:var(--acento);cursor:pointer;text-decoration:none}.aviso{color:#ffc9d1;background:#ec4b6224;border:1px solid #ec4b6266;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:13px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.armazon{flex-direction:column;height:100vh;display:flex}.barra{border-bottom:1px solid var(--borde);background:#072238;align-items:center;gap:18px;padding:9px 14px;display:flex}.simbolo{letter-spacing:1px;font-size:17px}.marcos{gap:4px;display:flex}.marcos button{cursor:pointer;color:var(--texto-suave);background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 13px;font-size:13px;transition:background .16s,color .16s,transform .1s}.marcos button:hover{color:var(--texto);background:#8fc7e81a}.marcos button:active{transform:scale(.96)}.marcos button.activo{background:var(--panel);border-color:var(--borde);color:var(--acento)}.precioBarra{flex:auto;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.precioVivo{color:var(--acento);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:16px;font-weight:650}.procedencia{color:var(--texto-suave);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.avisoCache{white-space:nowrap;color:#f2c14e;background:#f2c14e24;border:1px solid #f2c14e66;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px}.simbolo,.marcos,.reloj,.quien{flex-shrink:0}.reloj{color:var(--texto-suave);margin-left:auto;font-size:13px}.reloj b{color:var(--acento);font-variant-numeric:tabular-nums}.quien{border:1px solid var(--suyo);color:var(--suyo);border-radius:999px;padding:5px 11px;font-size:13px}.lienzo{flex:1;min-height:0}.armazon{position:relative}.herramientas{z-index:5;border-right:1px solid var(--borde);background:#072238;flex-direction:column;gap:4px;width:38px;padding:6px 4px;display:flex;position:absolute;top:44px;bottom:0;left:0}.herramientas button{cursor:pointer;height:30px;color:var(--texto-suave);background:0 0;border:1px solid #0000;border-radius:6px;font-size:13px;transition:background .16s,color .16s}.herramientas button:hover{color:var(--texto);background:#8fc7e81f}.herramientas button.activo{background:var(--panel);border-color:var(--acento);color:var(--acento)}.lienzo{margin-left:38px}.engranaje{z-index:6;cursor:pointer;background:var(--panel);border:1px solid var(--borde);width:32px;height:32px;color:var(--texto-suave);border-radius:8px;font-size:15px;position:absolute;top:48px;right:12px}.colores{z-index:6;background:var(--panel);border:1px solid var(--borde);border-radius:10px;width:232px;padding:14px;animation:.22s cubic-bezier(.2,.8,.2,1) entrar;position:absolute;top:88px;right:12px}.colores h3,.colores h4{letter-spacing:.6px;text-transform:uppercase;color:var(--texto-suave);margin:0 0 10px;font-size:13px}.colores h4{margin-top:16px}.presets{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.presets button{cursor:pointer;border:1px solid var(--borde);color:var(--texto-suave);text-transform:capitalize;background:0 0;border-radius:6px;flex:1;padding:5px 8px;font-size:11px}.presets button:hover{border-color:var(--acento);color:var(--acento)}label.color{color:var(--texto-suave);text-transform:none;letter-spacing:0;justify-content:space-between;align-items:center;margin:7px 0;font-size:12px;display:flex}label.color input{cursor:pointer;border-radius:5px;width:40px;height:24px;padding:0}.simbolo{letter-spacing:1px;cursor:pointer;border:1px solid var(--borde);color:var(--texto);background:0 0;border-radius:8px;padding:5px 11px;font-size:17px;transition:border-color .16s}.simbolo:hover{border-color:var(--acento)}.simbolo small{color:var(--texto-suave)}.lista{z-index:7;background:var(--panel);border:1px solid var(--borde);border-radius:10px;width:290px;padding:14px;animation:.22s cubic-bezier(.2,.8,.2,1) entrar;position:absolute;top:48px;left:46px}.buscar{gap:6px;display:flex}.buscar input{flex:1}.buscar button{cursor:pointer;background:var(--acento);color:#041c30;border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:600}.hallazgo,.papeles li{border:1px solid var(--borde);background:#04223a;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;display:flex}.hallazgo span,.papeles span{color:var(--texto-suave);font-size:11px;display:block}.hallazgo button,.papeles .quitar{cursor:pointer;background:var(--acento);color:#041c30;border:0;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:600}.papeles{max-height:320px;margin:12px 0 0;padding:0;list-style:none;overflow-y:auto}.papeles .elegir{text-align:left;color:var(--texto);cursor:pointer;background:0 0;border:0;flex:1}.papeles .quitar{color:var(--texto-suave);background:0 0;padding:2px 8px;font-size:16px}.papeles .quitar:hover{color:var(--baja)}.papeles .vacia{color:var(--texto-suave);background:0 0;border:0;font-size:12px;display:block}.buscando{color:var(--texto-suave);margin:10px 0 0;font-size:12px}