:root{--bg:#08080a;--card:rgba(255,255,255,.05);--borde:rgba(255,255,255,.1);--borde-fuerte:rgba(255,255,255,.2);--texto:#f4f6f8;--suave:#a7b0bb;--tenue:#71717a;--teal:#22d9a6;--indigo:#8b7ff0;--oro:#eab04e;--rojo:#f2706b}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--texto);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background-image:radial-gradient(circle at 15% 0,rgba(139,127,240,.18),transparent 40%),radial-gradient(circle at 90% 100%,rgba(34,217,166,.14),transparent 45%)}
a{color:var(--teal)}
.arriba{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;max-width:1080px;margin:0 auto}
.marca{display:flex;align-items:center;gap:10px;font-weight:700}
.marca i{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--teal),var(--indigo));display:inline-flex;align-items:center;justify-content:center;font-style:normal;color:#07100d;font-size:13px}
.idiomas{display:flex;gap:4px}
.idiomas button{background:none;border:1px solid transparent;color:var(--tenue);border-radius:999px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer}
.idiomas button[aria-pressed=true]{border-color:var(--borde-fuerte);color:var(--texto)}
main{max-width:1080px;margin:0 auto;padding:24px}
.caja{background:var(--card);border:1px solid var(--borde);border-radius:22px;padding:28px}
.entrar{max-width:420px;margin:8vh auto 0}
h1{font-size:24px;margin:0 0 6px}
h2{font-size:18px;margin:0 0 12px}
p.suave{color:var(--suave);margin:0 0 20px}
label{display:block;font-size:13px;color:var(--suave);margin:0 0 6px}
input{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--borde);border-radius:12px;padding:12px 14px;color:var(--texto);font:inherit;outline:none}
input:focus{border-color:var(--teal)}
input.codigo{font-size:24px;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}
.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 22px;font:inherit;font-weight:600;cursor:pointer;background:linear-gradient(135deg,var(--oro),#c98a2e);color:#1a1203}
.boton.secundario{background:var(--card);border:1px solid var(--borde-fuerte);color:var(--texto)}
.boton.ancho{width:100%;margin-top:16px}
.boton:disabled{opacity:.5;cursor:default}
.enlace{background:none;border:0;color:var(--suave);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;padding:0;margin-top:14px}
.error{color:var(--rojo);font-size:13px;margin-top:12px;min-height:1em}
.ok{color:var(--teal);font-size:13px;margin-top:12px}
.lista{display:grid;gap:12px}
.negocio{display:flex;justify-content:space-between;align-items:center;gap:12px}
.estado{font-size:12px;border-radius:999px;padding:3px 10px;border:1px solid var(--borde-fuerte);color:var(--suave)}
.estado.activo{color:var(--teal);border-color:rgba(34,217,166,.4)}
.vacio{text-align:center;padding:48px 24px}
.oculto{display:none!important}
@media (max-width:560px){.arriba{padding:14px 16px}main{padding:16px}.caja{padding:22px}}
.cabecera{margin-bottom:20px}
.sin-margen{margin:0}
.chico{font-size:13px}