:root{color-scheme:light;--fondo: #f6f6f4;--superficie: #fcfcfb;--borde: #dedcd6;--texto: #0b0b0b;--texto-2: #52514e;--acento: #2a5bd7;--serie-1: #2a78d6;--error-fondo: #fdecea;--error-texto: #8a1c12;--demo-fondo: #fff4cc;--demo-texto: #5c4300;--demo-borde: #e0b100;--radio: 8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--fondo: #121211;--superficie: #1a1a19;--borde: #34332f;--texto: #f0efec;--texto-2: #c3c2b7;--acento: #7aa2ff;--serie-1: #3987e5;--error-fondo: #3a1714;--error-texto: #ffb4a9;--demo-fondo: #3a2e00;--demo-texto: #ffe08a;--demo-borde: #b38b00}}:root[data-theme=dark]{color-scheme:dark;--fondo: #121211;--superficie: #1a1a19;--borde: #34332f;--texto: #f0efec;--texto-2: #c3c2b7;--acento: #7aa2ff;--serie-1: #3987e5;--error-fondo: #3a1714;--error-texto: #ffb4a9;--demo-fondo: #3a2e00;--demo-texto: #ffe08a;--demo-borde: #b38b00}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto)}a{color:var(--acento)}h1{font-size:1.5rem;margin:0 0 12px}h2{font-size:1rem;margin:16px 0 8px}.tenue{color:var(--texto-2)}code{font-family:ui-monospace,monospace}button{background:var(--acento);color:#fff;border:0;border-radius:var(--radio);padding:8px 14px;font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:default}.boton-secundario{background:transparent;color:var(--texto);border:1px solid var(--borde)}input,select{font:inherit;padding:8px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);color:var(--texto)}label{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.marco{display:flex;min-height:100vh}.lateral{width:220px;flex-shrink:0;background:var(--superficie);border-right:1px solid var(--borde);padding:16px;display:flex;flex-direction:column;gap:16px}.marca{font-weight:700;font-size:1.1rem}.lateral nav{display:flex;flex-direction:column;gap:4px}.lateral nav a{padding:8px 10px;border-radius:var(--radio);text-decoration:none;color:var(--texto)}.lateral nav a.activo{background:var(--fondo);font-weight:600}.pie-lateral{margin-top:auto;display:flex;flex-direction:column;gap:6px;font-size:.85rem;word-break:break-all}.contenido{flex:1;padding:20px 24px;min-width:0}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.banda-demo{display:flex;gap:10px;align-items:center;background:var(--demo-fondo);color:var(--demo-texto);border:2px dashed var(--demo-borde);border-radius:var(--radio);padding:8px 12px;margin-bottom:14px}.banda-demo strong{letter-spacing:.08em}.aviso-error{background:var(--error-fondo);color:var(--error-texto);border-radius:var(--radio);padding:10px 12px;margin:8px 0}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:12px}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.columna{flex:0 0 240px;display:flex;flex-direction:column;gap:8px}.columna h2{margin:0}.columna p{margin:0 0 4px}.trato{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--texto)}.trato:hover{border-color:var(--acento)}.datos{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px}.datos dt{color:var(--texto-2)}.datos dd{margin:0}.rejilla-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin:16px 0}.lista{padding-left:18px}.lista li{margin-bottom:6px}.etiqueta{font-size:.75rem;border:1px solid var(--borde);border-radius:4px;padding:1px 6px;color:var(--texto-2)}.buscador{display:flex;gap:8px;margin-bottom:12px}.buscador input{flex:1}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--borde);vertical-align:middle}th{color:var(--texto-2);font-weight:500}.cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:8px}.cifra{display:flex;flex-direction:column;gap:4px;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:12px}.cifra strong{font-size:1.5rem}.barra{display:flex;align-items:center;gap:8px;min-width:120px}.barra-pista{flex:0 0 60%;height:10px}.barra-relleno{height:10px;background:var(--serie-1);border-radius:0 4px 4px 0;min-width:2px}.barra-texto{color:var(--texto);white-space:nowrap}.pantalla-acceso{min-height:100vh;display:grid;place-items:center;padding:16px}.acceso{width:100%;max-width:380px;padding:24px}.acceso.ancha{max-width:520px}.acceso form{display:flex;flex-direction:column;gap:8px}.codigos{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding-left:18px}@media(max-width:720px){.marco{flex-direction:column}.lateral{width:auto;border-right:0;border-bottom:1px solid var(--borde)}.contenido{padding:16px}}.chip-demo{align-self:flex-start;font-size:.75rem;font-weight:700;letter-spacing:.08em;background:var(--demo-fondo);color:var(--demo-texto);border:2px dashed var(--demo-borde);border-radius:4px;padding:2px 8px}.aviso-incompleto{background:var(--demo-fondo);color:var(--demo-texto);border-radius:var(--radio);padding:8px 12px;margin:8px 0}.formulario{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 12px;align-items:end}.formulario label{margin-bottom:0}.casilla{flex-direction:row;align-items:center;gap:6px}.acciones{display:flex;gap:8px;flex-wrap:wrap}.aviso-ok{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:8px 12px;margin:8px 0}