:root{--fondo: #e8ecf0;--superficie: #ffffff;--tinta: #15202b;--tenue: #5b6875;--linea: #c9d2db;--ok: #1d7a4c;--ok-suave: #d9eee2;--aviso: #a86b0f;--aviso-suave: #f7e6c4;--fallo: #b3261e;--fallo-suave: #f6d9d6;--sin: #8a96a3;--condensada: "Barlow Condensed", "Arial Narrow", sans-serif;--texto: "Barlow", "Segoe UI", sans-serif;--radio-mayor: 14px;--radio-menor: 6px}*{box-sizing:border-box}html,body{margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--texto);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:3px solid #2f6fb3;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.tenue{color:var(--tenue)}.chip{display:inline-block;padding:2px 9px;border-radius:999px;font-family:var(--condensada);font-weight:700;font-size:.95rem}.chip.ok{background:var(--ok-suave);color:var(--ok)}.chip.aviso{background:var(--aviso-suave);color:#6e4507}.chip.fallo{background:var(--fallo);color:#fff}.aviso-vacio{max-width:640px;padding:40px 0}.aviso-vacio h1{font-family:var(--condensada);font-weight:700;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1;margin:0 0 14px}.aviso-vacio p{font-size:1.05rem}code{font-size:.9em;background:#dfe5eb;padding:1px 6px;border-radius:4px}.desconectado{margin:0 0 20px;padding:10px 14px;border-radius:var(--radio-menor);background:var(--aviso-suave);color:#6e4507;font-weight:600}
