[hidden]{display:none!important}
/* Centro de Operaciones Cova · DISEÑO v5 (hereda v4) (prototipo navegable) · línea gráfica Cova · Diseño y UX: ARCED Desarrollo (Daniela) */
:root{
--navy:#173f7a;--navy-d:#033460;--titulo:var(--navy-d);--navy-2:#0f3369;--yel:#f6b80f;--yel-2:#ffc935;--yel-d:#d89a00;
--ink:#14213a;--ink-2:#3b4a63;--muted:#5d6b82;--bg:#f3f6fb;--card:#fff;--line:#e6ebf3;--line-2:#d6deea;--soft:#eef2f8;
--ok:#126b46;--okbg:#e2f5eb;--pen:#835400;--penbg:#fff1cc;--bad:#b3261e;--badbg:#fde8e6;--inf:#1d4f9a;--infbg:#e7eefb;--neu:#4a5870;--neubg:#edf0f5;--wa:#11734a;
--r:16px;--rs:12px;--rx:10px;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;
--sh1:0 1px 2px rgba(16,32,64,.05);--sh2:0 1px 2px rgba(16,32,64,.04),0 4px 14px rgba(16,32,64,.06);--sh3:0 2px 6px rgba(16,32,64,.08),0 18px 40px rgba(16,32,64,.16);
--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--ink);background:var(--bg);font-size:14.5px;line-height:1.45;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
h1,h2,h3,h4,p{margin:0}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;background:none}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--navy);outline-offset:2px;border-radius:8px}
.dark :focus-visible,.side :focus-visible,.op-top :focus-visible{outline-color:var(--yel)}
.i{width:20px;height:20px;flex:none}
.i.sm{width:16px;height:16px}.i.xs{width:14px;height:14px}.i.lg{width:28px;height:28px}.i.xl{width:44px;height:44px}
.il{display:block;width:100%;height:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hide{display:none!important}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#b9c6dc;border-radius:8px}::-webkit-scrollbar-track{background:transparent}
/* ---------- Barra del prototipo (no es parte del producto) ---------- */
#proto{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;background:#0b1630;color:#c9d4ea;font-size:12.5px;font-weight:600;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
#proto::-webkit-scrollbar{display:none}
#proto .tag{color:var(--yel);letter-spacing:.06em;text-transform:uppercase;font-size:12px;margin-right:6px}
#proto a{color:#c9d4ea;text-decoration:none;padding:5px 10px;border-radius:999px}
#proto a[aria-current=page]{background:#fff;color:var(--titulo)}
#proto .sp{flex:1}
#proto label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
#proto input{accent-color:var(--yel);width:16px;height:16px}
/* ---------- Botones ---------- */
.b{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border-radius:var(--rx);font-weight:700;font-size:13.5px;line-height:1;border:1px solid var(--line-2);background:#fff;color:var(--titulo);transition:background .15s,border-color .15s,transform .1s;white-space:nowrap}
.b:hover{border-color:var(--navy);background:#f7f9fd}
.b:active{transform:scale(.97)}
.b.pri{background:var(--navy);border-color:var(--navy);color:#fff}.b.pri:hover{background:var(--navy-d)}
.b.yel{background:var(--yel);border-color:var(--yel);color:var(--titulo)}.b.yel:hover{background:var(--yel-2)}
.b.wa{color:var(--wa);border-color:#bfe3cf;background:#f1faf5}.b.wa:hover{border-color:var(--wa)}
.b.ico{width:40px;padding:0}
.b.ghost{border-color:transparent;background:transparent}.b.ghost:hover{background:var(--soft)}
.b[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.b.sm{min-height:34px;padding:0 10px;font-size:12.5px}.b.sm.ico{width:34px}
/* ---------- Estados: color + icono + palabra ---------- */
.chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 7px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;line-height:1}
.chip .i{width:14px;height:14px}
.chip.ok{background:var(--okbg);color:var(--ok)}.chip.pen{background:var(--penbg);color:var(--pen)}.chip.bad{background:var(--badbg);color:var(--bad)}.chip.inf{background:var(--infbg);color:var(--inf)}.chip.neu{background:var(--neubg);color:var(--neu)}
.av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;flex:none;letter-spacing:.02em}
/* ---------- Pantalla de entrada ---------- */
.entrar{min-height:calc(100vh - var(--pb));display:grid;place-items:center;padding:32px 16px;background:radial-gradient(1200px 600px at 20% -10%,#24589f 0,transparent 60%),var(--navy-d)}
.entrar-c{width:100%;max-width:980px;color:#fff}
.entrar-c header{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.entrar-c header img{height:44px}
.entrar-c h1{font-size:30px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.entrar-c .lead{color:#c8d5ec;font-size:16px;max-width:620px;margin-bottom:28px}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rol{display:flex;flex-direction:column;text-align:left;background:#fff;color:var(--ink);border-radius:20px;overflow:hidden;box-shadow:var(--sh3);transition:transform .2s var(--ease)}
.rol:hover{transform:translateY(-3px)}
.rol .il{border-bottom:1px solid var(--line)}
.rol div{padding:16px 18px 18px}
.rol h2{font-size:18px;font-weight:800;color:var(--titulo);margin-bottom:4px}
.rol p{color:var(--muted);font-size:14px}
.rol .quien{display:flex;align-items:center;gap:8px;margin-top:12px;font-weight:700;font-size:13.5px;color:var(--navy)}
.entrar-c footer{margin-top:24px;color:#9fb2d4;font-size:12.5px;display:flex;gap:14px;flex-wrap:wrap}
/* ---------- OFICINA ---------- */
.ofi{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - var(--pb))}
.side{background:var(--navy-d);color:#dbe5f5;display:flex;flex-direction:column;padding:18px 12px;position:sticky;top:var(--pb);height:calc(100vh - var(--pb))}
.side .logo{height:34px;margin:2px 8px 22px;align-self:flex-start}
.side nav{display:flex;flex-direction:column;gap:2px}
.side nav button{display:flex;align-items:center;gap:11px;height:44px;padding:0 10px;border-radius:10px;color:#dbe5f5;font-weight:600;font-size:14px;text-align:left}
.side nav button:hover{background:rgba(255,255,255,.07)}
.side nav button[aria-current=page]{background:rgba(255,255,255,.12);color:#fff}
.side nav button[aria-current=page] .i{color:var(--yel)}
.side nav .n{margin-left:auto;background:var(--yel);color:var(--titulo);font-size:12px;font-weight:800;border-radius:999px;padding:2px 7px}
.side nav .f2{margin-left:auto;font-size:12px;color:#8ea3c8;font-weight:700}
.side .sp{flex:1}
.conex{display:flex;align-items:center;gap:8px;font-size:12px;color:#a9bbdb;padding:8px 10px}
.conex i{width:8px;height:8px;border-radius:50%;background:#3ccf8e;box-shadow:0 0 0 3px rgba(60,207,142,.18)}
.conex.off i{background:var(--yel);box-shadow:0 0 0 3px rgba(246,184,15,.2)}
.cuenta{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.06);width:100%;text-align:left;color:#fff}
.cuenta:hover{background:rgba(255,255,255,.1)}
.cuenta b{display:block;font-size:13.5px}.cuenta small{display:block;color:#a9bbdb;font-size:12px}
.cuenta .i{margin-left:auto;color:#a9bbdb}
.menu-cuenta{position:absolute;left:12px;right:12px;bottom:70px;background:#fff;color:var(--ink);border-radius:14px;box-shadow:var(--sh3);padding:6px;z-index:5}
.menu-cuenta .yo{padding:10px 10px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}
.menu-cuenta .yo b{display:block}.menu-cuenta .yo small{color:var(--muted)}
.menu-cuenta button{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 10px;border-radius:9px;font-weight:600;font-size:13.5px;text-align:left}
.menu-cuenta button:hover{background:var(--soft)}
.ofi-main{padding:20px 24px 40px;min-width:0}
.ofi-h{display:flex;align-items:flex-end;gap:16px;margin-bottom:16px}
.ofi-h h1{font-size:24px;font-weight:800;color:var(--titulo);letter-spacing:-.01em}
.ofi-h .sub{color:var(--muted);font-size:14px;margin-top:2px}
.ofi-h .sub b{color:var(--ink)}
.ofi-h .sp{flex:1}
.busca{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--line-2);border-radius:10px;background:#fff;width:280px;color:var(--muted)}
.busca input{border:0;outline:0;flex:1;min-width:0;background:transparent;color:var(--ink)}
.busca kbd{font:600 12px Montserrat,system-ui;border:1px solid var(--line-2);border-radius:6px;padding:2px 6px;color:var(--muted)}
.resumen{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin-bottom:16px;font-size:14px;color:var(--ink-2)}
.resumen span{display:inline-flex;align-items:center;gap:7px}
.resumen .ahorro{margin-left:auto;color:var(--ok);font-weight:700}
.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;align-items:start}
.pan{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh1);display:flex;flex-direction:column;min-width:0}
.pan-h{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 12px}
.pan-h .tile{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none}
.tile.a{background:var(--badbg);color:var(--bad)}.tile.b{background:var(--penbg);color:var(--pen)}.tile.c{background:var(--infbg);color:var(--inf)}
.pan-h h2{font-size:15.5px;font-weight:800;color:var(--titulo);line-height:1.25}
.pan-h p{font-size:12.5px;color:var(--muted);margin-top:2px}
.pan-h .num{margin-left:auto;text-align:right;font-size:30px;font-weight:800;line-height:1;color:var(--titulo)}
.pan-h .num small{display:block;white-space:nowrap;font-size:12px;font-weight:600;color:var(--muted);margin-top:4px}
.pan-b{padding:0 8px 8px;display:flex;flex-direction:column}
.pan-f{border-top:1px solid var(--line);padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.pan-f .b{margin-left:auto}
.link{color:var(--navy);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:4px;padding:6px 4px;border-radius:6px}
.link:hover{text-decoration:underline}
.fila{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 8px;border-radius:12px;transition:background .15s,opacity .3s}
.fila:hover{background:#f6f8fc}
.fila+.fila{border-top:1px solid var(--line)}
.fila .nom{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fila .det{font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-top:3px}
.fila .acc{display:flex;gap:6px;align-items:center}
.pan .fila{grid-template-columns:auto minmax(0,1fr);row-gap:8px}
.pan .fila .acc{grid-column:2;flex-wrap:wrap}
.pan .fila .acc:empty{display:none}
.fila.hecha{opacity:.62}
.fila.nueva{animation:flash 1.2s var(--ease)}
@keyframes flash{0%{background:#fff6d6}100%{background:transparent}}
.mini{width:36px;height:46px;border-radius:6px;overflow:hidden;border:1px solid var(--line-2);background:#fff;flex:none;padding:0;box-shadow:var(--sh1)}
.mini svg{width:100%;height:100%;display:block}
.mini.vacio{display:grid;place-items:center;color:var(--muted);background:var(--soft);border-style:dashed}
.estados{padding:0 16px 10px}
.barra{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--soft);gap:2px}
.barra i{display:block;height:100%;transition:width .5s var(--ease)}
.barra .ok{background:#2e9b6a}.barra .inf{background:#4f7fd0}.barra .pen{background:var(--yel)}.barra .bad{background:#d9483b}
.leyenda{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px;margin-top:10px}
.leyenda button{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;text-align:left;min-height:40px}
.leyenda button:hover,.leyenda button[aria-pressed=true]{background:var(--soft)}
.leyenda b{min-width:30px;font-size:18px;font-weight:800;color:var(--titulo);line-height:1}
.leyenda .chip{height:22px;font-size:12px;padding:0 7px 0 5px}
.dif{font-weight:800;font-size:13px}
.dif.mas{color:var(--pen)}.dif.menos{color:var(--bad)}
.cmp{font-size:12.5px;color:var(--muted)}
.cmp b{color:var(--ink);font-weight:700}
/* Bandeja de excepciones */
.bandeja{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh1)}
.bandeja-h{display:flex;align-items:center;gap:6px 18px;padding:14px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.bandeja-h h2{font-size:17px;font-weight:800;color:var(--titulo);margin-right:6px}
.filtros{display:flex;gap:2px 16px;flex-wrap:wrap}
.filtros button{font-weight:600;font-size:13.5px;color:var(--muted);padding:6px 0;border-bottom:2px solid transparent;display:inline-flex;gap:6px;align-items:center}
.filtros button b{font-weight:700;color:var(--ink-2)}
.filtros button[aria-pressed=true]{color:var(--titulo);border-bottom-color:var(--yel)}
.filtros button[aria-pressed=true] b{color:var(--titulo)}
.bandeja-h .sp{flex:1}
.bandeja-h .orden{font-size:12.5px;color:var(--muted)}
.exc{display:grid;grid-template-columns:132px 34px minmax(0,1fr) 150px auto;gap:12px;align-items:center;padding:10px 18px;border-top:1px solid var(--line)}
.exc:first-child{border-top:0}
.exc:hover{background:#f8fafd}
.exc .t{font-weight:700;font-size:14px}
.exc .d{font-size:12.5px;color:var(--muted);margin-top:2px}
.exc .cu{font-size:12.5px;color:var(--muted)}
.exc .acc{display:flex;gap:6px;justify-content:flex-end}
.exc .tipo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:var(--navy)}
.vacio-b{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;padding:20px 24px}
.vacio-b h3{font-size:17px;color:var(--titulo);margin-bottom:4px}
.vacio-b p{color:var(--muted)}
/* Menú flotante (motivo) */
.pop{position:fixed;z-index:80;background:#fff;border-radius:14px;box-shadow:var(--sh3);padding:6px;min-width:220px;border:1px solid var(--line)}
.pop h4{font-size:12px;color:var(--muted);font-weight:700;padding:8px 10px 6px;text-transform:uppercase;letter-spacing:.05em}
.pop button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 10px;border-radius:9px;font-weight:600;font-size:14px;text-align:left}
.pop button:hover,.pop button:focus-visible{background:var(--soft)}
.pop .i{color:var(--navy)}
/* Visor de parte */
.velo{position:fixed;inset:0;z-index:90;background:rgba(3,18,44,.62);display:grid;place-items:center;padding:24px;animation:fade .2s}
@keyframes fade{from{opacity:0}}
.visor{background:#fff;border-radius:20px;box-shadow:var(--sh3);width:min(980px,100%);max-height:calc(100vh - 48px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);overflow:hidden;animation:sube .25s var(--ease)}
@keyframes sube{from{transform:translateY(14px);opacity:.4}}
.visor .foto{background:#2a3446;display:grid;place-items:center;padding:24px;position:relative;min-height:420px}
.visor .foto>svg{width:100%;max-width:380px;height:auto;box-shadow:0 12px 30px rgba(0,0,0,.35);border-radius:4px}
.visor .foto .via{position:absolute;left:16px;top:16px}
.visor .datos{padding:22px 24px;display:flex;flex-direction:column;gap:14px;overflow:auto}
.visor .datos h2{font-size:20px;font-weight:800;color:var(--titulo)}
.visor .cab{display:flex;align-items:flex-start;gap:10px}
.visor .cab .b{margin-left:auto}
.leido{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.leido div{display:grid;grid-template-columns:130px 1fr auto;gap:10px;align-items:center;padding:10px 14px;font-size:14px}
.leido div+div{border-top:1px solid var(--line)}
.leido span{color:var(--muted);font-size:13px}
.leido b{font-weight:700}
.visor .pie{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.visor .pie .pri{flex:1;min-height:48px;font-size:15px}
.nav-visor{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:13px}
/* Toast */
#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120%);z-index:100;transition:transform .3s var(--ease);pointer-events:none;width:max-content;max-width:calc(100vw - 24px)}
#toast.on{transform:translate(-50%,0);pointer-events:auto}
#toast .t{display:flex;align-items:center;gap:12px;background:var(--navy-d);color:#fff;padding:12px 14px 12px 16px;border-radius:14px;box-shadow:var(--sh3);font-weight:600;font-size:14px}
#toast .t .i{color:var(--yel)}
#toast button{color:var(--yel);font-weight:800;padding:6px 8px;border-radius:8px}
/* Oficina móvil */
.ofi-top,.tabbar{display:none}
/* ---------- MARCO DE MÓVIL (operario y encargado vistos en escritorio) ---------- */
.escena{min-height:calc(100vh - var(--pb));display:flex;justify-content:center;align-items:flex-start;gap:48px;padding:28px 24px}
.marco{width:390px;height:min(780px,calc(100vh - var(--pb) - 40px));min-height:640px;border-radius:44px;background:#0b1630;padding:12px;box-shadow:var(--sh3);flex:none;position:sticky;top:calc(var(--pb) + 20px)}
.pantalla{width:100%;height:100%;border-radius:34px;overflow:hidden;background:#fff;position:relative;display:flex;flex-direction:column}
.notas{max-width:400px;padding-top:12px}
.notas .k{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--yel-d)}
.notas h1{font-size:26px;font-weight:800;color:var(--titulo);margin:6px 0 8px;letter-spacing:-.01em}
.notas p{color:var(--ink-2);font-size:15px}
.notas ol{padding:0;margin:20px 0 0;list-style:none;display:flex;flex-direction:column;gap:6px}
.notas ol button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;text-align:left;font-weight:700;color:var(--titulo);border:1px solid var(--line);background:#fff}
.notas ol button:hover{border-color:var(--navy)}
.notas ol button[aria-current=step]{border-color:var(--navy);box-shadow:inset 3px 0 0 var(--yel)}
.notas ol small{display:block;font-weight:500;color:var(--muted);font-size:12.5px}
.notas ol .nn{width:26px;height:26px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:12px;flex:none}
.notas ul{margin:20px 0 0;padding-left:18px;color:var(--ink-2);font-size:14px;display:flex;flex-direction:column;gap:6px}
/* ---------- APP DEL OPERARIO (modo fácil) ---------- */
.op{--fs:18px;font-size:var(--fs);display:flex;flex-direction:column;height:100%;background:#fff;color:var(--ink)}
.op.xl{--fs:21px}
.op-top{background:var(--navy-d);color:#fff;padding:18px 20px 30px;position:relative;flex:none}
.op-top .fila-top{display:flex;align-items:center;gap:8px}
.op-top img{height:26px}
.op-top .sp{flex:1}
.op-top .tb{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.1)}
.op-top .tb[aria-pressed=true]{background:var(--yel);color:var(--titulo)}
.op-top .hola{margin-top:18px;font-size:calc(var(--fs) * 1.4);font-weight:800;line-height:1.2}
.op-top .donde{display:flex;align-items:center;gap:6px;margin-top:6px;color:#c8d5ec;font-size:calc(var(--fs) * .9);font-weight:600}
.op-body{flex:1;background:#fff;border-radius:26px 26px 0 0;margin-top:-18px;padding:22px 20px 20px;display:flex;flex-direction:column;gap:16px;overflow:auto;position:relative}
.op h2{font-size:calc(var(--fs) * 1.35);font-weight:800;color:var(--titulo);line-height:1.2}
.op p{font-size:var(--fs);color:var(--ink-2)}
.op .paso{font-size:calc(var(--fs) * .85);font-weight:800;color:var(--yel-d);letter-spacing:.03em}
.boton-grande{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:228px;height:228px;border-radius:50%;margin:6px auto 0;background:var(--yel);color:var(--titulo);font-weight:800;font-size:calc(var(--fs) * 1.25);line-height:1.15;box-shadow:0 0 0 10px #fff4cf,0 14px 30px rgba(246,184,15,.45);position:relative;transition:transform .12s}
.boton-grande:active{transform:scale(.96)}
.boton-grande .i{width:56px;height:56px}
.boton-grande small{font-size:calc(var(--fs) * .8);font-weight:600}
.boton-grande.salida{background:var(--navy);color:#fff;box-shadow:0 0 0 10px #e4ebf7,0 14px 30px rgba(23,63,122,.35)}
@keyframes latido{0%{transform:scale(.95);opacity:.7}100%{transform:scale(1.18);opacity:0}}
.bl{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:60px;border-radius:16px;font-weight:800;font-size:var(--fs);padding:0 18px;border:2px solid var(--navy);color:var(--titulo);background:#fff;text-align:center}
.bl.pri{background:var(--navy);color:#fff}
.bl.yel{background:var(--yel);border-color:var(--yel);color:var(--titulo)}
.bl.sec{border-color:var(--line-2)}
.bl .i{width:26px;height:26px}
.bl:active{transform:scale(.98)}
.aviso{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:18px;background:var(--penbg);color:#5a3b00}
.aviso .i{width:30px;height:30px;color:var(--pen);flex:none;margin-top:2px}
.aviso b{display:block;font-size:var(--fs);color:#4a3000}
.aviso span{font-size:calc(var(--fs) * .88)}
.aviso .bl{margin-top:12px;min-height:52px;border-color:#4a3000;color:#4a3000;background:transparent}
.aviso.ok{background:var(--okbg);color:#0c4a30}.aviso.ok .i{color:var(--ok)}.aviso.ok b{color:#0a3f28}
.aviso.off{background:#eef2f8;color:var(--ink-2)}.aviso.off .i{color:var(--navy)}.aviso.off b{color:var(--titulo)}
.centro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.hora-grande{font-size:calc(var(--fs) * 3);font-weight:800;color:var(--titulo);line-height:1;letter-spacing:-.02em}
.op .il{max-width:300px;margin:0 auto}
.op-foot{padding:12px 20px 20px;flex:none;display:flex;flex-direction:column;gap:10px;background:#fff}
.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.teclado button{height:64px;border-radius:16px;background:var(--soft);font-size:26px;font-weight:800;color:var(--titulo)}
.teclado button:active{background:var(--line-2)}
.puntos{display:flex;justify-content:center;gap:16px;margin:6px 0}
.puntos i{width:20px;height:20px;border-radius:50%;border:3px solid var(--navy);display:block}
.puntos i.on{background:var(--navy)}
.progreso{display:flex;gap:6px}.progreso i{flex:1;height:6px;border-radius:6px;background:var(--line)}.progreso i.on{background:var(--yel)}
.cola{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-size:calc(var(--fs) * .78);font-weight:700;margin-top:12px}
.cola.ok{background:rgba(60,207,142,.2)}
/* Cámara */
.camara{flex:1;background:#1d2533;position:relative;display:grid;place-items:center;overflow:hidden}
.camara .mesa{position:absolute;inset:0;background:radial-gradient(400px 300px at 50% 40%,#5b4a3a,#2b2119)}
.camara .papel{position:relative;width:66%;transform:rotate(-7deg) skewX(3deg);box-shadow:0 18px 30px rgba(0,0,0,.5);transition:all .8s var(--ease)}
.camara .papel svg{display:block;width:100%;height:auto}
.camara.recortado .mesa{opacity:.15}
.camara.recortado .papel{transform:none;width:78%}
.guia{position:absolute;inset:12% 12%;pointer-events:none}
.guia i{position:absolute;width:34px;height:34px;border:5px solid #fff;border-radius:4px}
.guia i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.guia i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.guia i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}.guia i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}
.camara.recortado .guia i{border-color:#3ccf8e;transition:border-color .3s .6s}
.cam-txt{position:absolute;left:16px;right:16px;top:16px;background:rgba(0,0,0,.55);color:#fff;border-radius:14px;padding:12px 14px;font-weight:700;font-size:var(--fs);text-align:center;z-index:2}
.cam-bar{background:#0b1630;padding:18px 20px 22px;display:flex;align-items:center;justify-content:space-between;flex:none}
.disparo{width:84px;height:84px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.3);display:grid;place-items:center;color:var(--titulo)}
.disparo:active{transform:scale(.94)}
.cam-bar .bt{width:56px;height:56px;border-radius:16px;color:#fff;display:grid;place-items:center;background:rgba(255,255,255,.12)}
.leyendo{position:absolute;inset:0;display:grid;place-items:center;z-index:3;pointer-events:none}
.leyendo span{background:var(--navy-d);color:#fff;font-weight:800;padding:12px 18px;border-radius:999px;display:inline-flex;gap:10px;align-items:center;font-size:var(--fs)}
.giro{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:var(--yel);animation:gira .8s linear 8}
@keyframes gira{to{transform:rotate(360deg)}}
.check-xl{width:132px;height:132px;border-radius:50%;background:var(--ok);display:grid;place-items:center;color:#fff;box-shadow:0 0 0 12px var(--okbg);animation:pop .45s var(--ease)}
.check-xl .i{width:72px;height:72px;stroke-width:2.4}
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1)}}
.resumen-parte{width:100%;border:1px solid var(--line);border-radius:16px;text-align:left}
.resumen-parte div{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;font-size:calc(var(--fs) * .92)}
.resumen-parte div+div{border-top:1px solid var(--line)}
.resumen-parte span{color:var(--muted)}
.hoja{position:absolute;inset:0;background:rgba(3,18,44,.5);display:flex;align-items:flex-end;z-index:20;animation:fade .2s}
.hoja>div{background:#fff;border-radius:26px 26px 0 0;padding:24px 20px 26px;width:100%;display:flex;flex-direction:column;gap:12px;animation:sube .25s var(--ease)}
.hoja .tel{font-size:calc(var(--fs) * 1.6);font-weight:800;color:var(--titulo);text-align:center}
.banda-off{display:flex;align-items:center;gap:10px;background:var(--yel);color:var(--titulo);font-weight:800;font-size:calc(var(--fs)*.82);padding:10px 16px;flex:none}
.banda-off .i{width:22px;height:22px}
/* ---------- ENCARGADO ---------- */
.en{font-size:16px;display:flex;flex-direction:column;height:100%;background:var(--bg)}
.en .op-top{padding-bottom:22px}
.en .op-top .hola{font-size:23px;margin-top:14px}
.contadores{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.contadores div{background:rgba(255,255,255,.1);border-radius:14px;padding:10px}
.contadores b{display:block;font-size:24px;font-weight:800;line-height:1.1}
.contadores span{font-size:12.5px;color:#c8d5ec;font-weight:600}
.contadores .al b{color:var(--yel)}
.en-body{flex:1;overflow:auto;padding:16px 14px 18px;display:flex;flex-direction:column;gap:14px}
.sec{background:#fff;border-radius:18px;border:1px solid var(--line);overflow:hidden}
.sec-h{display:flex;align-items:center;gap:8px;padding:14px 16px 10px}
.sec-h h2{font-size:17px;font-weight:800;color:var(--titulo)}
.sec-h .sp{flex:1}
.persona{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 16px;border-top:1px solid var(--line);min-height:64px}
.persona .av{width:44px;height:44px;font-size:15px}
.persona .nom{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.persona .det{font-size:13.5px;color:var(--muted);margin-top:2px}
.persona .acc{display:flex;gap:6px}
.persona .b{min-height:48px;font-size:14px}
.persona .b.ico{width:48px}
.persona.alerta{background:#fffaf0}
.parte-c{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:center}
.parte-c .mini{width:58px;height:74px}
.parte-c .acc{grid-column:1/-1;display:flex;gap:8px}
.parte-c .acc .b{flex:1;min-height:48px;font-size:15px}
.firma-pad{border:2px dashed var(--line-2);border-radius:16px;height:150px;position:relative;background:#fbfcfe;touch-action:none}
.firma-pad canvas{width:100%;height:100%;display:block;border-radius:14px}
.firma-pad span{position:absolute;left:14px;bottom:12px;color:var(--muted);font-size:14px;pointer-events:none}
.firma-pad .linea{position:absolute;left:14px;right:14px;bottom:36px;border-top:1px solid var(--line-2);pointer-events:none}
/* ---------- Responsive ---------- */
@media (max-width:1180px){
.exc{grid-template-columns:120px 34px minmax(0,1fr) auto}
.exc .cu{display:none}
}
@media (max-width:1100px){
.tres{grid-template-columns:1fr 1fr}
.tres .pan:last-child{grid-column:1/-1}
}
@media (max-width:900px){
.escena{gap:24px}
.notas{display:none}
}
@media (max-width:760px){
.ofi{display:block;min-height:0}
.side{display:none}
.ofi-top{display:flex;align-items:center;gap:10px;position:sticky;top:var(--pb);z-index:20;background:var(--navy-d);color:#fff;padding:10px 14px}
.ofi-top img{height:26px}
.ofi-top .sp{flex:1}
.ofi-top .b.ico{width:44px;min-height:44px;background:rgba(255,255,255,.1);border:0;color:#fff}
.ofi-top .av{width:40px;height:40px}
.ofi-main{padding:16px 12px 96px}
.ofi-h{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}
.ofi-h h1{font-size:21px}
.busca{width:100%;height:44px}
.busca kbd{display:none}
.resumen{font-size:13.5px;gap:4px 14px}
.resumen .ahorro{margin-left:0}
.tres{grid-template-columns:minmax(0,1fr);gap:12px}
.tres .pan:last-child{grid-column:auto}
.fila{grid-template-columns:auto minmax(0,1fr);padding:10px 8px}
.fila .acc{grid-column:1/-1;flex-wrap:wrap}
.fila .acc .b{min-height:44px;flex:1}
.fila .acc .b.ico{flex:none;width:44px}
.b{min-height:44px}
.bandeja-h{padding:14px}
.filtros{gap:2px 14px;overflow-x:auto;flex-wrap:nowrap;width:100%;scrollbar-width:none}
.filtros::-webkit-scrollbar{display:none}
.filtros button{white-space:nowrap;min-height:40px;flex:none}
.avi-fil button{flex:none}
.bandeja-h .orden{display:none}
.exc{grid-template-columns:34px minmax(0,1fr);padding:12px 14px;gap:8px 12px}
.exc>.chip{grid-column:2;grid-row:2;justify-self:start}
.exc .tipo{grid-row:1}
.exc .acc{grid-column:1/-1;justify-content:stretch}
.exc .acc .b{flex:1}
.vacio-b{grid-template-columns:1fr;text-align:center}
.vacio-b .il{max-width:220px;margin:0 auto}
.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
.tabbar button{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:52px;justify-content:center;font-size:12px;font-weight:700;color:var(--muted);border-radius:10px;position:relative}
.tabbar button[aria-current=page]{color:var(--titulo)}
.tabbar button[aria-current=page] .i{color:var(--navy)}
.tabbar .n{position:absolute;top:4px;left:calc(50% + 6px);background:var(--yel);color:var(--titulo);font-size:12px;border-radius:999px;padding:1px 6px;font-weight:800}
.velo{padding:0;place-items:end stretch}
.visor{grid-template-columns:1fr;max-height:92vh;border-radius:22px 22px 0 0;overflow:auto}
.visor .foto{min-height:0;padding:18px}
.visor .foto>svg{max-width:220px}
.visor .datos{padding:18px 16px 22px;overflow:visible}
.leido div{grid-template-columns:110px 1fr auto}
.visor .pie .b{min-height:48px}
#toast{bottom:84px}
.roles{grid-template-columns:1fr}
.rol{flex-direction:row;align-items:center}
.rol .il{width:120px;border:0;flex:none}
.rol div{padding:14px 14px 14px 0}
.entrar-c h1{font-size:24px}
.entrar-c .lead{font-size:15px;margin-bottom:18px}
.entrar{place-items:start center;padding:24px 14px}
}
@media (max-width:500px){
.escena{padding:0;display:block}
.marco{width:100%;height:calc(100vh - var(--pb));height:calc(100dvh - var(--pb));border-radius:0;padding:0;background:none;box-shadow:none;position:static}
.pantalla{border-radius:0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.op .op-top .hola,.en .op-top .hola{color:#fff}
.op .op-top .donde,.en .op-top .donde{color:#c8d5ec}
.persona.alerta{grid-template-columns:44px minmax(0,1fr)}
.persona.alerta .acc{grid-column:2;padding-bottom:4px}
.persona.alerta .acc .b.wa{flex:1}
.op-body>*,.en-body>*{flex:none}
/* =====================================================================
v5 · AÑADIDOS (tokens y componentes de v4 intactos más arriba)
===================================================================== */
:root{--pb:38px;--bad2:#8c1d17}
body{overflow-x:hidden}
/* Barra del prototipo en dos zonas */
#proto{height:auto;min-height:38px;gap:10px;overflow:visible;white-space:normal}
#proto .pl{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:3px 0}
#proto .pl::-webkit-scrollbar{display:none}
#proto .pr{display:flex;align-items:center;gap:12px;flex:none}
#proto select{height:30px;border-radius:999px;border:1px solid #2a3b61;background:#14224a;color:#e6edf9;font-weight:600;font-size:12.5px;padding:0 10px;max-width:250px}
#proto a .n5{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.14);font-size:12px;margin-right:5px}
#proto a[aria-current=page] .n5{background:var(--yel);color:var(--titulo)}
@media(max-width:760px){
#proto{flex-direction:column;align-items:stretch;gap:2px;padding:5px 10px 6px}
#proto .pr{justify-content:space-between}
#proto select{max-width:62%}
}
/* Botones y campos extra */
.bl.bad{background:var(--bad);border-color:var(--bad);color:#fff}
.bl.bad-o{border-color:var(--bad);color:var(--bad)}
.bl.sm{min-height:48px;font-size:calc(var(--fs) * .88)}
.bl[disabled]{opacity:.45}
.bl.txt{border-color:transparent;background:transparent;color:var(--navy);text-decoration:underline;text-underline-offset:4px;min-height:48px}
.op-foot .bl+.bl{margin-top:0}
.campo{display:flex;flex-direction:column;gap:6px}
.campo>label,.campo>.lab{font-weight:800;color:var(--titulo);font-size:calc(var(--fs) * .92)}
.inp{width:100%;min-height:56px;border:2px solid var(--line-2);border-radius:14px;padding:0 14px;font-size:var(--fs);font-weight:600;background:#fff;color:var(--ink)}
.inp:focus{border-color:var(--navy);outline:0;box-shadow:0 0 0 4px #dce7fb}
textarea.inp{padding:12px 14px;min-height:92px;resize:none}
.inp-mic{display:flex;gap:8px;align-items:stretch}
.inp-mic .inp{flex:1}
.inp-mic .bt2{width:56px;flex:none;border-radius:14px;background:var(--soft);color:var(--navy);display:grid;place-items:center}
.ayuda{font-size:calc(var(--fs) * .8);color:var(--muted);font-weight:500}
.sep{height:1px;background:var(--line);margin:2px 0}
/* Estados con palabra: aviso grande de estado (operario) */
.estado-g{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;font-weight:800;font-size:calc(var(--fs) * 1.05)}
.estado-g .i{width:32px;height:32px;flex:none}
.estado-g small{display:block;font-weight:600;font-size:calc(var(--fs) * .8);margin-top:2px;opacity:.9}
.estado-g.pen{background:var(--penbg);color:#4a3000}.estado-g.ok{background:var(--okbg);color:#0a3f28}.estado-g.bad{background:var(--badbg);color:var(--bad2)}.estado-g.inf{background:var(--infbg);color:#12376d}.estado-g.neu{background:var(--neubg);color:var(--ink-2)}
/* Cuenta atrás en anillo */
.anillo{position:relative;width:208px;height:208px;margin:2px auto 0}
.anillo svg{width:100%;height:100%;transform:rotate(-90deg)}
.anillo circle{fill:none;stroke-width:11}
.anillo .pista{stroke:var(--soft)}
.anillo .prog{stroke:var(--yel);stroke-linecap:round;transition:stroke-dashoffset .9s linear,stroke .3s}
.anillo.urge .prog{stroke:var(--bad)}
.anillo .cen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.anillo .cen b{font-size:calc(var(--fs) * 2.7);font-weight:800;color:var(--titulo);line-height:1;letter-spacing:-.02em}
.anillo .cen span{font-size:calc(var(--fs) * .8);font-weight:700;color:var(--muted);margin-top:4px}
.ficha-min{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;padding:12px 14px}
.ficha-min .tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--okbg);color:var(--ok);flex:none}
.ficha-min b{display:block;font-size:calc(var(--fs) * 1.05)}
.ficha-min span{font-size:calc(var(--fs) * .82);color:var(--muted)}
/* Opciones grandes (radio) */
.opciones{display:flex;flex-direction:column;gap:10px}
.opcion{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border:2px solid var(--line-2);border-radius:16px;font-weight:700;font-size:var(--fs);text-align:left;background:#fff;color:var(--ink)}
.opcion .i{color:var(--navy);width:28px;height:28px}
.opcion .rad{width:26px;height:26px;border-radius:50%;border:3px solid var(--line-2);margin-left:auto;flex:none}
.opcion[aria-checked=true]{border-color:var(--navy);background:#f3f7ff;box-shadow:inset 4px 0 0 var(--yel)}
.opcion[aria-checked=true] .rad{border-color:var(--navy);background:radial-gradient(circle,var(--navy) 0 38%,#fff 42%)}
.opcion small{display:block;font-weight:500;color:var(--muted);font-size:calc(var(--fs) * .8)}
/* Selector con botones − y + */
.stepper{display:flex;align-items:center;justify-content:space-between;gap:10px;border:2px solid var(--line-2);border-radius:18px;padding:8px}
.stepper button{width:64px;height:64px;border-radius:14px;background:var(--soft);color:var(--titulo);display:grid;place-items:center;flex:none}
.stepper button:active{background:var(--line-2)}
.stepper button .i{width:30px;height:30px}
.stepper .v{flex:1;text-align:center;font-size:calc(var(--fs) * 2);font-weight:800;color:var(--titulo);line-height:1.05}
.stepper .v small{display:block;font-size:calc(var(--fs) * .75);font-weight:600;color:var(--muted);margin-top:2px}
.stepper.s{padding:4px;border-width:1px;border-radius:12px;gap:4px;display:inline-flex}
.stepper.s button{width:44px;height:44px;border-radius:9px}
.stepper.s button .i{width:20px;height:20px}
.stepper.s .v{font-size:17px;min-width:78px;white-space:nowrap}
/* Pasos 1-2-3 / seguimiento */
.pasos4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:2px 0}
.pasos4 .p{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;text-align:center;font-size:calc(var(--fs) * .68);font-weight:700;color:var(--muted)}
.pasos4 .p::before{content:"";position:absolute;top:13px;left:-50%;right:50%;height:4px;background:var(--line-2);z-index:0}
.pasos4 .p:first-child::before{display:none}
.pasos4 .p .d{width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--line-2);display:grid;place-items:center;z-index:1;color:#fff}
.pasos4 .p .d .i{width:16px;height:16px;stroke-width:3}
.pasos4 .p.hecho{color:var(--ok)}.pasos4 .p.hecho::before{background:var(--ok)}.pasos4 .p.hecho .d{background:var(--ok);border-color:var(--ok)}
.pasos4 .p.ahora{color:var(--titulo)}.pasos4 .p.ahora::before{background:var(--ok)}.pasos4 .p.ahora .d{border-color:var(--navy);background:var(--yel);box-shadow:0 0 0 4px #fff4cf}
.pasos4.bad .p.ahora .d{border-color:var(--bad);background:var(--bad)}
/* Tarjetas de un día (Mis fichajes en móvil) */
.dia-c{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.dia-c.hoy{border-color:var(--navy);box-shadow:0 0 0 3px #e4ebf7}
.dia-c .cab{display:flex;align-items:center;gap:8px;padding:12px 14px 4px}
.dia-c .cab b{font-size:calc(var(--fs) * 1.02);color:var(--titulo)}
.dia-c .cab .chip{margin-left:auto}
.dia-c .ob{display:flex;align-items:center;gap:6px;padding:0 14px 8px;font-size:calc(var(--fs) * .8);color:var(--muted);font-weight:600}
.dia-c .rej{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.dia-c .rej div{padding:10px 8px;text-align:center;border-left:1px solid var(--line)}
.dia-c .rej div:first-child{border-left:0}
.dia-c .rej span{display:block;font-size:max(12px,calc(var(--fs) * .66));font-weight:700;color:var(--muted);letter-spacing:.03em;text-transform:uppercase}
.dia-c .rej b{display:block;font-size:calc(var(--fs) * .98);color:var(--ink);margin-top:2px;white-space:nowrap}
.dia-c .rej b.mal{color:var(--bad)}
.dia-c .rej b.av2{color:var(--pen)}
.dia-c .nota{padding:10px 14px;background:var(--soft);font-size:calc(var(--fs) * .8);color:var(--ink-2);display:flex;gap:8px;align-items:flex-start}
.dia-c .nota .i{width:20px;height:20px;color:var(--navy);margin-top:1px}
.dia-c .nota.mal{background:var(--badbg);color:var(--bad2)}.dia-c .nota.mal .i{color:var(--bad)}
.dia-c .nota .bl{margin-top:8px;min-height:46px;font-size:calc(var(--fs) * .82)}
.tot2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tot2>div{border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:#fff}
.tot2 span{display:block;font-size:calc(var(--fs) * .72);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.tot2 b{display:block;font-size:calc(var(--fs) * 1.5);font-weight:800;color:var(--titulo);line-height:1.15;margin-top:2px}
.tot2 small{font-size:calc(var(--fs) * .72);color:var(--muted);font-weight:600}
.tot2 .ex b{color:var(--pen)}
/* Segmentado (periodo / dispositivo) */
.seg{display:inline-flex;background:var(--soft);border-radius:12px;padding:4px;gap:2px;max-width:100%}
.seg button{min-height:40px;padding:0 14px;border-radius:9px;font-weight:700;font-size:13.5px;color:var(--ink-2);white-space:nowrap}
.seg button[aria-pressed=true]{background:#fff;color:var(--titulo);box-shadow:var(--sh1)}
.op .seg{display:flex;width:100%}
.op .seg button{flex:1;min-height:48px;font-size:calc(var(--fs) * .78);padding:0 4px}
/* Página de escritorio del operario (Mis fichajes) */
.web{min-height:calc(100vh - var(--pb));background:var(--bg)}
.web-top{display:flex;align-items:center;gap:14px;background:var(--navy-d);color:#fff;padding:10px 24px;position:sticky;top:var(--pb);z-index:20}
.web-top img{height:30px}
.web-top .sp{flex:1}
.web-top .quien{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}
.web-top .quien small{display:block;color:#a9bbdb;font-weight:500;font-size:12px}
.web-top .tb2{display:flex;align-items:center;gap:8px;color:#dbe5f5;font-weight:600;font-size:14px;padding:6px 10px;border-radius:10px;height:44px}
.web-top .tb2:hover{background:rgba(255,255,255,.1)}
.web-main{max-width:1120px;margin:0 auto;padding:20px 24px 48px}
.web-h{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.web-h h1{font-size:24px;font-weight:800;color:var(--titulo);letter-spacing:-.01em}
.web-h .sub{color:var(--muted);font-size:14px;margin-top:2px}
.web-h .sp{flex:1}
.tot-fila{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.tot-fila .t{flex:1;min-width:150px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.tot-fila .t span{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.tot-fila .t b{display:block;font-size:24px;color:var(--titulo);font-weight:800;line-height:1.15;margin-top:2px}
.tot-fila .t small{color:var(--muted);font-size:12.5px;font-weight:600}
.tot-fila .t.ex b{color:var(--pen)}
/* Tablas */
.tabla-w{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:clip;box-shadow:var(--sh1)}
.tabla{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.tabla th{position:sticky;top:calc(var(--pb) + 0px);z-index:5;background:#f7f9fd;text-align:left;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.tabla td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle;height:52px}
.tabla tbody tr:last-child td{border-bottom:0}
.tabla tbody tr:hover td{background:#f8fafd}
.tabla tr.clic{cursor:pointer}
.tabla tr.clic:focus-visible{outline-offset:-3px}
.tabla .r{text-align:right}
.tabla .c{text-align:center}
.tabla .quien{display:flex;align-items:center;gap:10px;min-width:0}
.tabla .quien b{display:block;font-weight:700;white-space:normal;overflow-wrap:anywhere}.tabla .quien>span{min-width:0}
.tabla .quien small{display:block;color:var(--muted);font-size:12px}
.tabla .quien .av{width:32px;height:32px;font-size:12px}
.tabla tr.hoy td{background:#f3f7ff}
.tabla tr.rev td{background:#fffaf0}
.tabla tr.rev:hover td{background:#fff5df}
.tabla .mut{color:var(--muted)}
.tabla td b.h{font-weight:800;color:var(--titulo)}
.tabla td .ex{color:var(--pen);font-weight:800}
.tabla td .sub2{display:block;font-size:12px;color:var(--muted);font-weight:500}
.only-card{display:none}
.only-tabla{display:block}
/* Hora con marca (márgenes) */
.tm{display:inline-flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap}
.tm .i{width:16px;height:16px}
.tm small{font-size:12px;font-weight:700;border-radius:999px;padding:2px 7px;line-height:1.2}
.tm.ok{color:var(--ink)}
.tm.ok small{background:var(--neubg);color:var(--neu)}
.tm.warn{color:var(--pen)}.tm.warn small{background:var(--penbg);color:var(--pen)}
.tm.bad{color:var(--bad)}.tm.bad small{background:var(--badbg);color:var(--bad)}
.tm.inf{color:var(--inf)}.tm.inf small{background:var(--infbg);color:var(--inf)}
.tm.nul{color:var(--muted)}
/* Origen */
.org{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.org .i{width:16px;height:16px;color:var(--navy)}
.org.off{color:var(--pen)}.org.off .i{color:var(--pen)}
.revisar{display:inline-flex;align-items:center;gap:6px;color:var(--pen);font-weight:700;font-size:13px}
.revisar .i{width:16px;height:16px;color:var(--yel-d)}
.revisar.bad{color:var(--bad)}.revisar.bad .i{color:var(--bad)}
.revisar.ok{color:var(--muted);font-weight:600}.revisar.ok .i{color:var(--ok)}
/* Filtros en línea con título (sin cajas) */
.ofi-h .filtros{flex:1;min-width:0;margin-bottom:0}
.linea-t{display:flex;align-items:flex-end;gap:12px 22px;flex-wrap:wrap;margin-bottom:12px}
.linea-t h1{font-size:24px;font-weight:800;color:var(--titulo);letter-spacing:-.01em;line-height:1.15}
.linea-t .sub{color:var(--muted);font-size:13.5px;margin-top:2px}
.linea-t .filtros{padding-bottom:2px}
.linea-t .sp{flex:1}
.sel-l{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:13.5px;color:var(--muted);height:36px;max-width:100%;min-width:0}
.sel-l select{border:0;background:transparent;font-weight:700;font-size:13.5px;color:var(--titulo);padding:6px 2px;cursor:pointer;max-width:calc(100vw - 80px);text-overflow:ellipsis;border-bottom:2px solid transparent}
.sel-l select:focus-visible{outline-offset:2px}
.dia-nav{display:inline-flex;align-items:center;gap:2px;height:40px}
.dia-nav button{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:var(--navy)}
.dia-nav button:hover{background:var(--soft)}
.dia-nav button[disabled]{opacity:.35;cursor:not-allowed}
.dia-nav b{font-size:14px;color:var(--titulo);min-width:132px;text-align:center}
.dia-nav .i{width:18px;height:18px}
/* Interruptor */
.sw{width:56px;height:44px;display:inline-grid;place-items:center;flex:none;border-radius:12px}
.sw i{width:48px;height:28px;border-radius:999px;background:#b7c2d6;position:relative;display:block;transition:background .2s}
.sw i::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s var(--ease)}
.sw[aria-checked=true] i{background:#2e9b6a}
.sw[aria-checked=true] i::after{transform:translateX(20px)}
/* Pantalla de bloqueo / notificaciones */
.bloq{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(600px 400px at 30% 0,#2d5da8 0,transparent 60%),linear-gradient(170deg,#173f7a,#0b1630 70%);color:#fff;overflow:hidden}
.bloq .reloj{text-align:center;padding:42px 0 14px;flex:none}
.bloq .reloj span{display:block;font-weight:600;font-size:15px;opacity:.9}
.bloq .reloj b{display:block;font-size:68px;font-weight:700;letter-spacing:-.03em;line-height:1.05}
.bloq .lista{flex:1;overflow:auto;padding:6px 12px 70px;display:flex;flex-direction:column;gap:8px}
.bloq .pie2{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center}
.bloq .pie2 i{width:130px;height:5px;border-radius:5px;background:rgba(255,255,255,.7)}
.pn{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;text-align:left;width:100%;background:rgba(246,248,252,.94);color:var(--ink);border-radius:20px;padding:12px;box-shadow:0 4px 18px rgba(0,0,0,.25)}
.pn:hover{background:#fff}
.pn .ap{width:40px;height:40px;border-radius:10px;background:var(--navy-d);display:grid;place-items:center;overflow:hidden}
.pn .ap img{width:30px;height:auto}
.pn .cab2{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.pn .cab2 span:last-child{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:600}
.pn b{display:block;font-size:15.5px;font-weight:800;color:var(--ink);margin-top:2px;line-height:1.25}
.pn p{font-size:14px;color:var(--ink-2);margin-top:2px;line-height:1.35}
.pn .acc2{grid-column:1/-1;display:flex;gap:8px;margin-top:6px;border-top:1px solid #dfe5ee;padding-top:8px}
.pn .acc2 span{flex:1;text-align:center;font-weight:800;color:var(--navy);font-size:14.5px;padding:8px 0;border-radius:10px;background:#e8eef9}
.banner-top{position:absolute;left:10px;right:10px;top:10px;z-index:30;animation:bajar .4s var(--ease)}
@keyframes bajar{from{transform:translateY(-120%);opacity:0}}
.banner-top .pn{background:#fff;box-shadow:0 10px 30px rgba(3,18,44,.35);border:1px solid var(--line)}
/* Bandeja de avisos (app) */
.avs{display:flex;flex-direction:column;gap:12px}
.av-c{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff;display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 12px;position:relative}
.av-c.nuevo{border-color:#f0d58a;background:#fffdf5}
.av-c.nuevo::before{content:"Nuevo";position:absolute;right:12px;top:12px;background:var(--yel);color:var(--titulo);font-size:calc(var(--fs) * .62);font-weight:800;border-radius:999px;padding:2px 8px}
.av-c .tile{width:48px;height:48px;border-radius:14px;display:grid;place-items:center}
.av-c .tile .i{width:26px;height:26px}
.tile.pen{background:var(--penbg);color:var(--pen)}.tile.inf{background:var(--infbg);color:var(--inf)}.tile.ok{background:var(--okbg);color:var(--ok)}.tile.bad{background:var(--badbg);color:var(--bad)}
.av-c h3{font-size:calc(var(--fs) * 1.02);font-weight:800;color:var(--titulo);line-height:1.25;padding-right:54px}
.av-c .cuando{font-size:calc(var(--fs) * .7);color:var(--muted);font-weight:600}
.av-c p{grid-column:1/-1;font-size:calc(var(--fs) * .9);margin-top:6px}
.av-c .acc{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;margin-top:8px}
.av-c.hecho{background:#fafbfd;opacity:.85}
.av-c.hecho .tile{background:var(--neubg);color:var(--neu)}
.av-c .hecho-t{grid-column:1/-1;display:flex;align-items:center;gap:8px;color:var(--ok);font-weight:700;font-size:calc(var(--fs) * .8);margin-top:6px}
.av-c .hecho-t .i{width:20px;height:20px}
.grupo-t{font-size:calc(var(--fs) * .72);font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.campana{position:relative}
.campana .n{position:absolute;top:2px;right:2px;min-width:20px;height:20px;border-radius:999px;background:var(--yel);color:var(--titulo);font-size:12px;font-weight:800;display:grid;place-items:center;padding:0 5px;border:2px solid var(--navy-d)}
/* Oficina: lista de avisos */
.lista-av{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh1);overflow:hidden}
.av-o{display:grid;grid-template-columns:44px minmax(0,1.3fr) minmax(0,1.3fr) 150px 56px;gap:14px;align-items:center;padding:14px 18px;border-top:1px solid var(--line)}
.av-o:first-child{border-top:0}
.av-o .tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}
.av-o h3{font-size:15px;font-weight:800;color:var(--titulo)}
.av-o p{font-size:13px;color:var(--muted);margin-top:2px}
.av-o .cuando{font-size:13.5px;color:var(--ink-2);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.av-o .para{font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:6px;font-weight:600}
.av-o.off{background:#f9fafc}
.av-o.off h3,.av-o.off .tile{opacity:.55}
.av-o .sel-av{border:1px solid var(--line-2);border-radius:9px;background:#fff;height:34px;font-weight:700;color:var(--titulo);padding:0 6px}
.dos-col{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}
.vista-prev{position:sticky;top:calc(var(--pb) + 16px);background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--sh1)}
.vista-prev h3{font-size:14px;color:var(--titulo);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.vista-prev .fondo{background:linear-gradient(170deg,#173f7a,#0b1630);border-radius:14px;padding:14px}
.vista-prev .pn{box-shadow:none}
.vista-prev .apagado{background:var(--neubg);color:var(--neu);border-radius:12px;padding:12px;font-weight:700;font-size:13.5px;display:flex;gap:8px;align-items:center}
.global-sw{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:14px;box-shadow:var(--sh1)}
.global-sw b{display:block;font-size:14.5px;color:var(--titulo)}
.global-sw span{font-size:13px;color:var(--muted)}
.global-sw .sw{margin-left:auto}
/* Márgenes: ficha de horario */
.obras-tabs{display:flex;gap:6px;flex-wrap:wrap}
.obras-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border-radius:12px;font-weight:700;font-size:14px;color:var(--ink-2);background:#fff;border:1px solid var(--line-2)}
.obras-tabs button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.obras-tabs button[aria-pressed=true] .i{color:var(--yel)}
.ficha-h{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);gap:18px;align-items:start}
.card5{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh1)}
.card5-h{display:flex;align-items:center;gap:10px;padding:14px 18px 8px}
.card5-h h2{font-size:16px;font-weight:800;color:var(--titulo)}
.card5-h .sp{flex:1}
.card5-h p{font-size:12.5px;color:var(--muted)}
.camp-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 18px;border-top:1px solid var(--line);min-height:62px}
.camp-fila:first-of-type{border-top:0}
.camp-fila label,.camp-fila .lab{font-weight:700;font-size:14px;color:var(--ink)}
.camp-fila small{display:block;font-weight:500;color:var(--muted);font-size:12.5px;margin-top:1px}
.grupo-h{padding:12px 18px 6px;font-size:12px;font-weight:800;color:#8a5a00;text-transform:uppercase;letter-spacing:.07em;border-top:1px solid var(--line);background:#fbfcfe}
.dias-ch{display:flex;gap:4px}
.dias-ch button{width:40px;height:40px;border-radius:10px;font-weight:800;font-size:13px;border:1px solid var(--line-2);color:var(--muted);background:#fff}
.dias-ch button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.guardar-b{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--line);background:#fbfcfe;border-radius:0 0 16px 16px;flex-wrap:wrap}
.guardar-b .sp{flex:1}
.guardar-b .sucio{display:inline-flex;align-items:center;gap:6px;color:var(--pen);font-weight:700;font-size:13px}
.guardar-b .limpio{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-weight:700;font-size:13px}
.linea-h{padding:6px 18px 18px}
.eje{position:relative;height:84px;margin-top:8px}
.eje .carril{position:absolute;left:0;right:0;top:34px;height:16px;border-radius:999px;background:var(--soft);overflow:hidden}
.eje .z{position:absolute;top:0;bottom:0}
.eje .z.v{background:#bfe6d1}.eje .z.a{background:#fde2a0}.eje .z.r{background:#f6c3be}.eje .z.i{background:#c9daf6}
.eje .m{position:absolute;top:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.eje .m::before{content:"";width:3px;height:40px;background:var(--navy-d);border-radius:2px;order:1;margin:0}
.eje .m b{order:0;margin-bottom:2px;color:var(--titulo);font-size:12px}
.eje .m span{order:2;margin-top:2px}
.eje .e{position:absolute;top:0;font-size:12px;font-weight:700;transform:translateX(-50%);color:var(--muted);white-space:nowrap}
.leyenda5{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:12.5px;color:var(--ink-2);font-weight:600}
.leyenda5 span{display:inline-flex;align-items:center;gap:6px}
.leyenda5 i{width:14px;height:14px;border-radius:4px;display:block}
/* Pedidos de material */
.mat-g{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mat-t{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:116px;border:2px solid var(--line-2);border-radius:18px;background:#fff;font-weight:800;font-size:calc(var(--fs) * .95);color:var(--titulo);text-align:center;padding:10px}
.mat-t .i{width:44px;height:44px;color:var(--navy)}
.mat-t:active,.mat-t[aria-pressed=true]{border-color:var(--navy);background:#f3f7ff}
.mat-t small{font-weight:600;color:var(--muted);font-size:calc(var(--fs) * .7)}
.tallas{display:flex;flex-wrap:wrap;gap:10px}
.tallas button{min-width:64px;height:60px;padding:0 10px;border-radius:14px;border:2px solid var(--line-2);font-size:calc(var(--fs) * 1.15);font-weight:800;color:var(--titulo);background:#fff}
.tallas button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.tallas button small{display:block;font-size:calc(var(--fs) * .55);font-weight:600;opacity:.85}
.cuando-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cuando-g button{min-height:64px;border-radius:16px;border:2px solid var(--line-2);font-weight:800;font-size:var(--fs);color:var(--titulo);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cuando-g button small{font-weight:600;color:var(--muted);font-size:calc(var(--fs) * .68)}
.cuando-g button[aria-pressed=true]{border-color:var(--navy);background:#f3f7ff;box-shadow:inset 0 -4px 0 var(--yel)}
.foto-op{display:flex;align-items:center;gap:12px;min-height:64px;border:2px dashed var(--line-2);border-radius:16px;padding:8px 14px;width:100%;text-align:left;font-weight:700;font-size:var(--fs);color:var(--navy)}
.foto-op .th{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,#c8d3e6,#8da1c4);display:grid;place-items:center;color:#fff;flex:none}
.foto-op.on{border-style:solid;border-color:var(--ok);background:var(--okbg);color:var(--ok)}
.ped-c{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:12px}
.ped-c .cab{display:flex;gap:12px;align-items:center}
.ped-c .tile{width:48px;height:48px;border-radius:14px;background:var(--infbg);color:var(--inf);display:grid;place-items:center;flex:none}
.ped-c .cab b{display:block;font-size:calc(var(--fs) * 1.02);color:var(--titulo)}
.ped-c .cab span{font-size:calc(var(--fs) * .78);color:var(--muted)}
.ped-c .cab .chip{margin-left:auto;align-self:flex-start}
.ped-c .dice{font-size:calc(var(--fs) * .85);color:var(--ink-2)}
.ped-c.listo{border-color:var(--yel);box-shadow:0 0 0 3px #fff1c2}
.ped-c.rech{background:#fffafa}
.ped-ofi{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.5fr) 120px 62px 118px auto;gap:12px;align-items:center;padding:10px 18px;border-top:1px solid var(--line);min-height:68px}
.ped-ofi:first-child{border-top:0}
.ped-ofi:hover{background:#f8fafd}
.ped-ofi .qn{display:flex;gap:10px;align-items:center;min-width:0}
.ped-ofi .qn b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.ped-ofi .qn small,.ped-ofi .cosa small{display:block;color:var(--muted);font-size:12.5px}
.ped-ofi .cosa{display:flex;align-items:center;gap:10px;min-width:0}
.ped-ofi .cosa .tile{width:38px;height:38px;border-radius:10px;background:var(--infbg);color:var(--inf);display:grid;place-items:center;flex:none}
.ped-ofi .cosa b{display:block;font-size:14px}
.ped-ofi .acc{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.ped-ofi .urg{color:var(--bad);font-weight:800}
.ped-th{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.5fr) 120px 62px 118px auto;gap:12px;padding:10px 18px;background:#f7f9fd;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line)}
.foto-mini{width:44px;height:44px;border-radius:8px;border:1px solid var(--line-2);background:linear-gradient(135deg,#d3dcec,#9fb1d2);display:grid;place-items:center;color:#fff;padding:0}
.foto-mini.no{background:var(--soft);color:var(--muted);border-style:dashed}
/* Chófer */
.coche{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:18px;padding:12px 14px;background:#fff}
.coche .tile{width:54px;height:54px;border-radius:14px;background:var(--infbg);color:var(--inf);display:grid;place-items:center;flex:none}
.coche .tile .i{width:32px;height:32px}
.coche b{display:block;font-size:calc(var(--fs) * 1.05);color:var(--titulo)}
.coche span{font-size:calc(var(--fs) * .8);color:var(--muted)}
.matricula{display:inline-block;border:2px solid #1d3a73;border-radius:6px;background:#fff;padding:1px 8px 1px 18px;font-weight:800;letter-spacing:.06em;font-size:calc(var(--fs) * .85);position:relative;color:#111}
.matricula::before{content:"E";position:absolute;left:0;top:0;bottom:0;width:11px;background:#1d3a73;color:#fff;font-size:8px;display:grid;place-items:center}
.lista-dia{display:flex;flex-direction:column;gap:0}
.pdia{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid var(--line);min-height:68px}
.pdia:first-child{border-top:0}
.pdia .n{width:40px;height:40px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-weight:800;color:var(--titulo)}
.pdia.hecho .n{background:var(--ok);color:#fff}
.pdia.ahora .n{background:var(--yel);color:var(--titulo);box-shadow:0 0 0 4px #fff4cf}
.pdia b{display:block;font-size:calc(var(--fs) * .98)}
.pdia span{font-size:calc(var(--fs) * .78);color:var(--muted)}
.pdia .ok-t{color:var(--ok);font-weight:700}
.dosb{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dosb .bl{flex-direction:column;gap:6px;min-height:84px;font-size:calc(var(--fs) * .85)}
.cuentakm{position:relative;width:76%;border-radius:14px;background:#10151f;padding:16px 14px;box-shadow:0 18px 30px rgba(0,0,0,.55);transform:rotate(-3deg)}
.cuentakm .dig{display:flex;justify-content:center;gap:4px;margin:8px 0}
.cuentakm .dig span{width:30px;height:44px;border-radius:5px;background:#f2efe6;color:#111;font:700 28px/44px 'Courier New',monospace;text-align:center}
.cuentakm .et{color:#8ea0be;font-size:12px;font-weight:700;text-align:center;letter-spacing:.14em}
.leido-km{font-size:calc(var(--fs) * 2.2);font-weight:800;color:var(--titulo);text-align:center;line-height:1.1}
.leido-km small{display:block;font-size:calc(var(--fs) * .7);font-weight:700;color:var(--muted);margin-top:2px}
.res-v{width:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:left}
.res-v div{display:flex;justify-content:space-between;gap:10px;padding:11px 14px;font-size:calc(var(--fs) * .88)}
.res-v div+div{border-top:1px solid var(--line)}
.res-v span{color:var(--muted)}
.res-v b{text-align:right}
.urgente-t{display:flex;align-items:center;gap:12px;border:2px solid var(--line-2);border-radius:16px;min-height:64px;padding:10px 14px;width:100%;text-align:left;font-weight:700;font-size:var(--fs)}
.urgente-t[aria-pressed=true]{border-color:var(--bad);background:var(--badbg);color:var(--bad2)}
.urgente-t .box{width:28px;height:28px;border:3px solid var(--line-2);border-radius:8px;margin-left:auto;flex:none;display:grid;place-items:center;color:#fff}
.urgente-t[aria-pressed=true] .box{background:var(--bad);border-color:var(--bad)}
.urgente-t .box .i{width:18px;height:18px;stroke-width:3.2}
/* Parte: explicación */
.frase-parte{background:var(--navy-d);color:#fff;border-radius:22px;padding:18px;position:relative;overflow:hidden}
.frase-parte .k{font-size:calc(var(--fs) * .68);font-weight:800;letter-spacing:.09em;color:var(--yel);text-transform:uppercase}
.frase-parte p{color:#fff;font-size:calc(var(--fs) * 1.12);font-weight:700;line-height:1.35;margin-top:6px}
.hoja-parte{border:1px solid var(--line-2);border-radius:14px;overflow:hidden;background:#fffefb;box-shadow:var(--sh2)}
.hoja-parte .t{background:var(--navy);color:#fff;display:flex;justify-content:space-between;padding:8px 12px;font-weight:800;font-size:calc(var(--fs) * .7);letter-spacing:.05em}
.hoja-parte table{width:100%;border-collapse:collapse;font-size:calc(var(--fs) * .78)}
.hoja-parte td,.hoja-parte th{padding:7px 10px;border-bottom:1px dashed var(--line-2);text-align:left}
.hoja-parte th{font-size:calc(var(--fs) * .6);color:var(--muted);letter-spacing:.05em;text-transform:uppercase}
.hoja-parte .hd{font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;color:#1f3a8a;font-weight:700}
.hoja-parte .firma{display:flex;justify-content:space-between;align-items:flex-end;padding:10px 12px;font-size:calc(var(--fs) * .66);color:var(--muted)}
.hoja-parte .firma em{font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;color:#1f3a8a;font-style:normal;font-size:calc(var(--fs) * 1);border-bottom:1px solid var(--ink-2);padding:0 14px}
.tres-est{display:flex;flex-direction:column;gap:8px}
.tres-est .e{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;border:2px solid var(--line);border-radius:16px;padding:10px 12px;background:#fff}
.tres-est .e .tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}
.tres-est .e b{display:block;font-size:calc(var(--fs) * .98);color:var(--titulo)}
.tres-est .e span{font-size:calc(var(--fs) * .78);color:var(--ink-2);line-height:1.3;display:block}
.tres-est .e.aqui{border-color:var(--navy);box-shadow:inset 4px 0 0 var(--yel);background:#f8faff}
.tres-est .e .tu{margin-left:auto}
/* Drawer historial */
.drawer-v{position:fixed;inset:0;z-index:90;background:rgba(3,18,44,.55);display:flex;justify-content:flex-end;animation:fade .2s}
.drawer{width:min(540px,100%);background:#fff;height:100%;display:flex;flex-direction:column;box-shadow:var(--sh3);animation:entra .25s var(--ease)}
@keyframes entra{from{transform:translateX(30px);opacity:.4}}
.drawer-h{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.drawer-h .av{width:46px;height:46px;font-size:16px}
.drawer-h h2{font-size:18px;font-weight:800;color:var(--titulo)}
.drawer-h p{font-size:13px;color:var(--muted)}
.drawer-h .sp{flex:1}
.drawer-b{flex:1;overflow:auto;padding:14px 18px 24px;display:flex;flex-direction:column;gap:12px}
.hist-d{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.hist-d .cab{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f7f9fd;border-bottom:1px solid var(--line)}
.hist-d .cab b{color:var(--titulo)}
.hist-d .cab .chip{margin-left:auto}
.hist-d .fila5{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 14px;gap:8px}
.hist-d .fila5 span{display:block;font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.hist-d .fila5 b{display:block;font-size:14.5px;margin-top:1px}
.comp{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.comp>div{padding:10px 14px}
.comp>div+div{border-left:1px solid var(--line);background:#f4fbf7}
.comp.pend>div+div{background:#fffaf0}
.comp.rech>div+div{background:#fff5f4}
.comp h4{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:flex;align-items:center;gap:6px}
.comp>div+div h4{color:var(--ok)}
.comp.pend>div+div h4{color:var(--pen)}
.comp.rech>div+div h4{color:var(--bad)}
.comp dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:13.5px}
.comp dt{color:var(--muted)}.comp dd{margin:0;font-weight:700}
.comp dd.cam{color:var(--ok)}
.comp s{color:var(--bad);text-decoration-thickness:2px}
.meta-c{padding:10px 14px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-2);display:flex;flex-direction:column;gap:3px}
.meta-c b{color:var(--ink)}
.meta-c .acc{display:flex;gap:8px;margin-top:8px}
.meta-c .acc .b{flex:1;min-height:44px}
/* Hub */
.hub{max-width:1060px;margin:0 auto;padding:28px 20px 56px}
.hub-h{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.hub-h img{height:40px;filter:none}
.hub h1{font-size:28px;font-weight:800;color:var(--titulo);letter-spacing:-.01em}
.hub .lead{color:var(--ink-2);font-size:16px;max-width:680px;margin-top:4px}
.parte-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;background:var(--navy-d);color:#fff;border-radius:24px;padding:24px;margin:20px 0 26px;box-shadow:var(--sh3);align-items:center}
.parte-hero .k{font-size:12px;font-weight:800;letter-spacing:.09em;color:var(--yel);text-transform:uppercase}
.parte-hero h2{font-size:26px;font-weight:800;margin:6px 0 8px;line-height:1.2}
.parte-hero p.fr{font-size:19px;line-height:1.4;font-weight:600;color:#fff}
.parte-hero p.fr b{color:var(--yel)}
.parte-hero .est3{display:flex;flex-direction:column;gap:8px}
.parte-hero .est3 div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;background:rgba(255,255,255,.08);border-radius:14px;padding:10px 12px;font-size:14.5px;color:#dbe5f5}
.parte-hero .est3 b{color:#fff;display:block;font-size:15px}
.parte-hero .est3 .chip{height:28px;font-size:13px}
.hub h3.sec-t{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--yel-d);margin-bottom:10px}
.hub-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hub-c{display:flex;flex-direction:column;gap:6px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--sh1);transition:transform .2s var(--ease),box-shadow .2s;min-height:150px}
.hub-c:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--navy)}
.hub-c .tl{display:flex;align-items:center;gap:10px}
.hub-c .tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--infbg);color:var(--inf)}
.hub-c .num{margin-left:auto;font-size:12px;font-weight:800;color:var(--muted);background:var(--soft);border-radius:999px;padding:3px 9px}
.hub-c h4{font-size:16px;font-weight:800;color:var(--titulo);margin-top:6px;line-height:1.25}
.hub-c p{font-size:13.5px;color:var(--muted)}
.hub-c .para{margin-top:auto;font-size:12px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:6px;padding-top:6px}
.hub-c .tile.t-ofi{background:var(--penbg);color:var(--pen)}
/* Barra inferior de oficina (v4) con 4 */
@media(max-width:1180px){
.hub-g{grid-template-columns:repeat(3,minmax(0,1fr))}
.ficha-h{grid-template-columns:1fr}
.dos-col{grid-template-columns:1fr}
.vista-prev{position:static}
}
@media(max-width:1040px){
.av-o{grid-template-columns:44px minmax(0,1fr) 56px;row-gap:8px}
.av-o .cuando,.av-o .para{grid-column:2}
.av-o>.sw{grid-row:1;grid-column:3}
.ped-th{display:none}
.ped-ofi{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}
.ped-ofi .cosa{grid-column:1/-1}
.ped-ofi .acc{grid-column:1/-1;justify-content:stretch}
.ped-ofi .acc .b{flex:1}
}
@media(max-width:900px){
.only-card{display:flex;flex-direction:column;gap:10px}
.only-tabla{display:none}
.parte-hero{grid-template-columns:1fr}
}
@media(max-width:760px){
.hub{padding:18px 14px 40px}.hub h1{font-size:23px}.hub-g{grid-template-columns:1fr 1fr}.hub-c{min-height:0;padding:12px}.hub-c p{display:none}.parte-hero{padding:18px}.parte-hero h2{font-size:21px}.parte-hero p.fr{font-size:17px}
.web-top{padding:8px 14px}.web-main{padding:14px 12px 40px}
.linea-t h1{font-size:21px}
.linea-t .filtros{overflow-x:auto;flex-wrap:nowrap;width:100%;scrollbar-width:none}
.dia-nav b{min-width:0}
.drawer{width:100%}
.camp-fila{grid-template-columns:1fr}
.global-sw{padding:12px 14px}
.ficha-h .card5 .camp-fila>*:last-child{justify-self:start}
.hist-d .fila5{grid-template-columns:1fr 1fr}
.comp{grid-template-columns:1fr}.comp>div+div{border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:500px){
.hub-g{grid-template-columns:1fr}
.anillo{width:184px;height:184px}
}
@media(max-height:700px) and (min-width:501px){
.marco{min-height:620px}
}
/* tarjetas de la tabla del día (móvil) y menú de cuenta en móvil */
.dcard{display:flex;flex-direction:column;gap:8px;text-align:left;width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:var(--sh1)}
.dcard.rev{background:#fffaf0;border-color:#f0d58a}
.dcard .d1{display:flex;align-items:center;gap:10px}
.dcard .d1 b{display:block;font-size:15px}.dcard .d1 small{color:var(--muted);font-size:12.5px}
.dcard .d1 .chip{margin-left:auto}
.dcard .d2{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid var(--line);padding-top:8px}
.dcard .d2>div>span:first-child{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.dcard .d3{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.menu-cuenta.mov{display:none}
@media(max-width:760px){
.side .menu-cuenta{display:none}
.menu-cuenta.mov{display:block;position:fixed;top:calc(var(--pb) + 58px);right:10px;left:auto;bottom:auto;width:260px;z-index:70}
.tabbar{grid-template-columns:repeat(5,1fr)}
.tabbar button{font-size:12px}
.tabla-w.only-tabla{display:none}
}
.ped-ofi .acc .org{white-space:normal}
.op-body>.avs,.op-body>.hoja-parte{flex:none}
/* ===== Menú inferior del operario ===== */
.op-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;flex:none;border-top:1px solid var(--line);background:#fff;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
.op-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:62px;border-radius:14px;font-weight:800;font-size:calc(var(--fs) * .78);color:var(--muted);position:relative;line-height:1.1}
.op-nav button .i{width:28px;height:28px}
.op-nav button[aria-current=page]{color:var(--titulo);background:#eef3fb;box-shadow:inset 0 3px 0 var(--yel)}
.op-nav button[aria-current=page] .i{color:var(--navy)}
.op-nav .n{position:absolute;top:4px;left:calc(50% + 8px);min-width:20px;height:20px;border-radius:999px;background:var(--yel);color:var(--titulo);font-size:12px;font-weight:800;display:grid;place-items:center;padding:0 5px}
/* ===== Más / documentos / horas / vacaciones ===== */
.mas-l,.doc-l{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.mas-f,.doc-f{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;min-height:68px;text-align:left;border-top:1px solid var(--line);background:#fff;width:100%}
.mas-f:first-child,.doc-f:first-child{border-top:0}
.mas-f .tile,.doc-f .tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--infbg);color:var(--inf)}
.doc-f .tile.pen{background:var(--penbg);color:var(--pen)}.doc-f .tile.ok{background:var(--okbg);color:var(--ok)}
.mas-f b,.doc-f b{display:block;font-size:var(--fs);color:var(--titulo);line-height:1.2}
.mas-f small,.doc-f small{display:block;font-size:calc(var(--fs) * .78);color:var(--muted);font-weight:500;margin-top:1px}
.doc-f.pide{background:#fffdf5}
.mas-f>.i{color:var(--muted)}
.gran{background:var(--navy-d);color:#fff;border-radius:22px;padding:16px 18px}
.gran span{display:block;font-size:calc(var(--fs) * .78);font-weight:700;color:#c8d5ec}
.gran b{display:block;font-size:calc(var(--fs) * 2.4);font-weight:800;line-height:1.1;color:var(--yel);margin:2px 0}
.gran small{font-size:calc(var(--fs) * .78);color:#dbe5f5}
.comp-j{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.comp-j>div{border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:#fff}
.comp-j span{display:block;font-size:calc(var(--fs) * .7);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.comp-j b{display:block;font-size:calc(var(--fs) * 1.4);font-weight:800;color:var(--titulo);line-height:1.2;margin-top:2px}
.comp-j small{font-size:calc(var(--fs) * .72);color:var(--muted);font-weight:600}
.bh{position:relative;height:14px;border-radius:999px;background:var(--soft)}
.bh i{display:block;height:100%;border-radius:999px;background:#4f7fd0}
.bh b{position:absolute;top:-4px;bottom:-4px;width:3px;background:var(--navy-d);border-radius:2px}
.bh.vac{background:repeating-linear-gradient(90deg,var(--soft) 0 8px,#fff 8px 12px)}
.bh.grande{height:20px}
.meses{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;padding:2px 12px;background:#fff}
.mes-f{display:grid;grid-template-columns:62px minmax(30px,1fr) 92px 70px;gap:8px;align-items:center;min-height:48px;border-top:1px solid var(--line);font-size:calc(var(--fs) * .78)}
.mes-f:first-child{border-top:0}
.mes-f b{color:var(--titulo);white-space:nowrap}
.mes-f span{font-weight:700;color:var(--ink);white-space:nowrap;text-align:right}
.mes-f em{font-style:normal;font-weight:800;color:var(--muted);text-align:right;white-space:nowrap}
.mes-f em.x{color:var(--pen)}
.vtab{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.vtab>div{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr 1fr;gap:8px;padding:11px 14px;align-items:center;font-size:calc(var(--fs) * .85);border-top:1px solid var(--line)}
.vtab>div:first-child{border-top:0}
.vtab .vh{background:#f7f9fd;font-size:calc(var(--fs) * .66);font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.vtab span{color:var(--muted)}.vtab b{text-align:right;color:var(--ink)}
.vtab .vh span{text-align:right}.vtab .vh span:first-child{text-align:left}
.vtab .rs{background:#f3f7ff}.vtab .rs b,.vtab .rs span{color:var(--titulo);font-weight:800}
.doc-prev{border:1px solid var(--line-2);border-radius:14px;background:#fffefb;box-shadow:var(--sh2);overflow:hidden;padding-bottom:10px}
.dp-t{background:var(--navy);color:#fff;display:flex;justify-content:space-between;gap:8px;padding:9px 14px;font-size:calc(var(--fs) * .7);letter-spacing:.05em}
.dp-n{padding:10px 14px 4px;font-weight:800;color:var(--titulo)}
.dp-l{display:flex;flex-direction:column;gap:8px;padding:10px 14px}
.dp-l i{display:block;height:9px;border-radius:5px;background:var(--line)}
.dp-p{padding:0 14px;font-size:calc(var(--fs) * .65);color:var(--muted)}
.op a{color:var(--navy);font-weight:700}
/* ajustes tras revisión */
.ped-c .cab{flex-wrap:wrap}
.ped-c .cab>div{flex:1 1 150px;min-width:0}
.ped-c .cab .chip{margin-left:60px;margin-top:-2px;align-self:flex-start}
.av-c h3{padding-right:72px}
.doc-f{grid-template-columns:44px minmax(0,1fr)}
.doc-f .chip{grid-column:2;justify-self:start;margin-top:-2px}
.doc-f .i{display:none}
.vac-r{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:left;width:100%}
.vac-r .tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--okbg);color:var(--ok)}
.vac-r b{display:block;font-size:var(--fs);color:var(--titulo)}.vac-r small{font-size:calc(var(--fs) * .78);color:var(--muted);font-weight:500}
.vac-r>.i{color:var(--muted)}
/* ajustes 1366 */
.tabla td,.tabla th{white-space:nowrap;padding-left:9px;padding-right:9px}
.tabla td.r{min-width:92px}
.camp-fila.col{grid-template-columns:1fr}
.av-o .cuando{display:block;line-height:2.3}
.av-o .cuando>span{display:inline}
.av-o .cuando .stepper{display:inline-flex;vertical-align:middle;margin:0 4px}
.av-o .cuando .stepper span{display:inline}
.eje .m span{display:none}
.side nav button{white-space:nowrap}
.tabla.fija{table-layout:fixed}
.tabla.fija td{overflow:hidden}
.rv-t{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tabla .revisar{max-width:100%}
.av-o{grid-template-columns:44px minmax(0,1fr) minmax(0,1.6fr) 130px 56px}
/* ===== App shell (barra superior, menú plegable, hojas) ===== */
.ofi{transition:grid-template-columns .25s var(--ease)}
.ofi-col{min-width:0;display:flex;flex-direction:column}
.ofi-bar{position:sticky;top:var(--pb);z-index:35;display:flex;align-items:center;gap:8px;height:56px;padding:0 20px;background:rgba(243,246,251,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.ofi-bar .sp{flex:1}
.gbusca{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--line-2);border-radius:12px;background:#fff;width:min(420px,38vw);color:var(--muted);transition:border-color .15s,box-shadow .15s}
.gbusca input{border:0;outline:0;flex:1;min-width:0;background:transparent;color:var(--ink)}
.gbusca:focus-within{border-color:var(--navy);box-shadow:0 0 0 4px #dce7fb}
.gbusca kbd{font:600 12px Montserrat,system-ui;border:1px solid var(--line-2);border-radius:6px;padding:2px 6px;color:var(--muted)}
.conx-c{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ok);background:var(--okbg);border-radius:999px;padding:5px 11px;white-space:nowrap}
.conx-c i{width:8px;height:8px;border-radius:50%;background:#2e9b6a}
.conx-c.off{color:var(--pen);background:var(--penbg)}.conx-c.off i{background:var(--yel-d)}
.campana{position:relative}
.ofi-bar .campana .n,.ofi-top .campana .n{position:absolute;top:2px;right:2px;min-width:18px;height:18px;border-radius:999px;background:var(--yel);color:var(--titulo);font-size:12px;font-weight:800;display:grid;place-items:center;padding:0 4px}
.mini-cuenta{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:12px;height:46px;text-align:left}
.mini-cuenta:hover{background:var(--soft)}
.mini-cuenta .av{width:34px;height:34px}
.mini-cuenta b{display:block;font-size:13px;line-height:1.2}.mini-cuenta small{display:block;font-size:12px;color:var(--muted)}
.ofi.plegado{grid-template-columns:72px minmax(0,1fr)}
.plegado .side{padding:18px 10px;align-items:center}
.plegado .side .t{display:none}
.plegado .side nav{align-items:center}
.plegado .side nav button{justify-content:center;padding:0;width:48px;position:relative}
.plegado .side nav .n{position:absolute;top:2px;right:0;margin:0;font-size:12px;padding:1px 5px}
.plegado .side .logo{width:38px;height:34px;object-fit:cover;object-position:left center;margin:2px 0 22px;align-self:center}
.plegado .cuenta{padding:6px;justify-content:center;width:auto}.plegado .cuenta>.i{display:none}
.plegado .conex{padding:8px 0;justify-content:center}
.plegado .menu-cuenta{left:12px;right:auto;width:240px}
.ofi-main{animation:subir .3s var(--ease)}
@keyframes subir{from{opacity:0;transform:translateY(8px)}}
.menu-cuenta.mov{display:block;position:fixed;top:calc(var(--pb) + 58px);right:14px;left:auto;bottom:auto;width:260px;z-index:70}
.tabla th{top:calc(var(--pb) + 56px)}
.vista-prev{top:calc(var(--pb) + 72px)}
.tabla tbody tr,.b,.hub-c,.dcard,.mat-t{transition:background .15s,border-color .15s,transform .12s,box-shadow .15s}
.drawer-b>*{flex:none}
.drawer-v{flex-direction:row}
@media(max-width:760px){
.ofi-bar{display:none}
.ofi-col{display:block}
.ofi-main{padding-bottom:92px}
.ofi-top{box-shadow:0 2px 10px rgba(3,18,44,.25)}
.ofi-top .b.ico.campana{background:rgba(255,255,255,.1);color:#fff;border:0}
.drawer-v{flex-direction:column;justify-content:flex-end;align-items:stretch}
.drawer{width:100%;height:92vh;border-radius:22px 22px 0 0;animation:sube .28s var(--ease)}
.drawer::before{content:"";display:block;width:44px;height:5px;border-radius:5px;background:var(--line-2);margin:8px auto 0;flex:none}
.tabla th{top:auto}
}
/* ===== Modo oscuro (oficina) ===== */
body.oscuro{--titulo:#e8eefb;--bg:#0c1426;--card:#152039;--ink:#e8eefb;--ink-2:#b9c6de;--muted:#8fa0c2;--line:#25314e;--line-2:#34426a;--soft:#1c2845;--okbg:#0f3a2b;--ok:#5fd6a0;--penbg:#3c2f0a;--pen:#f3c34a;--badbg:#411c1c;--bad:#ff8f86;--infbg:#13294f;--inf:#8db8ff;--neubg:#1c2845;--neu:#a8b6d1;background:var(--bg);color:var(--ink)}
body.oscuro .ofi,body.oscuro .ofi-col,body.oscuro .web{background:var(--bg)}
body.oscuro .ofi-bar{background:rgba(12,20,38,.86)}
body.oscuro :is(.tabla-w,.card5,.lista-av,.global-sw,.vista-prev,.gbusca,.busca,.hist-d,.dcard,.drawer,.obras-tabs button,.b:not(.pri):not(.yel),.tot-fila .t,.ped-c,.stepper.s,.av-o .sel-av,.dias-ch button,.menu-cuenta,.pop,.vacio-b){background:var(--card);color:var(--ink);border-color:var(--line)}
body.oscuro :is(.tabla th,.ped-th,.grupo-h,.guardar-b,.hist-d .cab){background:var(--soft);color:var(--muted)}
body.oscuro .tabla tbody tr:hover td,body.oscuro .ped-ofi:hover{background:#1a2744}
body.oscuro .tabla tr.rev td{background:#2a2410}
body.oscuro .tabla tr.hoy td{background:#14284a}
body.oscuro :is(.linea-t h1,.card5-h h2,.drawer-h h2,.av-o h3,.global-sw b,.mini-cuenta b,.tabla td b.h,.hist-d .cab b,.vista-prev h3,.filtros button[aria-pressed=true],.filtros button[aria-pressed=true] b,.sel-l select,.dia-nav b,.ped-ofi .qn b,.tabla .quien b){color:var(--ink)}
body.oscuro .filtros button b{color:var(--ink-2)}
body.oscuro .b:hover{background:var(--soft);border-color:var(--navy)}
/* #943: el botón amarillo en oscuro no se apaga al pasar el ratón (texto azul sobre azul, contraste 1,16) */
body.oscuro .b.yel:hover{background:var(--yel-2);border-color:var(--yel-2);color:#033460}
body.oscuro .b.ghost{background:transparent;border-color:transparent}
body.oscuro .obras-tabs button[aria-pressed=true],body.oscuro .dias-ch button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
body.oscuro .comp>div+div{background:#10301f}
body.oscuro .comp.pend>div+div{background:#2a2410}
body.oscuro .tm.ok small{background:var(--soft)}
body.oscuro .ofi-main :is(.sub,.sub2){color:var(--muted)}
body.oscuro .menu-cuenta button:hover,body.oscuro .mini-cuenta:hover{background:var(--soft)}
body.oscuro .eje .carril{background:var(--soft)}
body.oscuro .eje .m b{color:var(--ink)}
body.oscuro .eje .m::before{background:var(--ink)}
body.oscuro .drawer-v,body.oscuro .velo{background:rgba(2,8,20,.7)}
body.oscuro .sw i{background:#4a5878}
body.oscuro .sw[aria-checked=true] i{background:#2e9b6a}
@media(max-width:760px){
.linea-t .sp{display:none}
.linea-t .busca{order:2;width:100%}
.linea-t .filtros{order:3}
.linea-t .dia-nav,.linea-t .sel-l{order:4}
}
@media(max-height:700px) and (min-width:501px){
.escena .marco{zoom:.72;position:static;min-height:0;height:760px}
.escena{padding-top:12px}
}
/* ===== Reglas propias del v4 de Cova (pantallas conectadas: login, fichajes, partes, Excel). Se mantienen tal cual ===== */
.login{display:grid;gap:14px;max-width:360px;margin:24px auto 0;text-align:left}
.login label{display:grid;gap:6px;font-weight:700;font-size:15px}
.login input{height:52px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:18px}
.login input:focus{outline:3px solid var(--inf);outline-offset:1px}
.login .b{height:52px;justify-content:center;font-size:17px}
.login-err{color:var(--bad);font-weight:700}
.campo-usuario{display:grid;gap:8px;margin-top:18px;font-weight:700;font-size:var(--fs,18px);text-align:left}
.campo-usuario input{height:60px;border:2px solid var(--line);border-radius:14px;padding:0 16px;font:inherit;font-size:22px}
.campo-usuario input:focus{outline:3px solid var(--inf);outline-offset:1px}
.ejemplo{display:block;color:var(--bad);font-weight:700;font-size:13px}
h2 .ejemplo{display:inline;font-size:inherit}
.foto-parte{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.foto-carga{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;min-height:80px;color:var(--muted);font-size:13px;font-weight:700}
.dias-h{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:8px 0}
.dia-h{display:grid;gap:4px;text-align:center;font-size:12.5px;font-weight:700;color:var(--muted);text-transform:capitalize}
.dia-h input{height:44px;border:1.5px solid var(--line);border-radius:10px;text-align:center;font:inherit;font-size:16px;font-weight:700;color:var(--ink,#0b1f3a)}
.dia-h input:focus{outline:3px solid var(--inf);outline-offset:1px}
@media (max-width:600px){
.dias-h{grid-template-columns:repeat(4,1fr)}
}
.fc-l{display:grid;gap:5px;font-weight:700;font-size:13.5px;margin:6px 0}
.fc-l input,.fc-l select{height:44px;border:1.5px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;font-size:16px}
.fc-bloque{border:1.5px solid var(--line);border-radius:12px;padding:8px 12px;margin:8px 0}
.fc-bloque legend{font-weight:800;padding:0 6px}
.fc-fila{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:4px 0;border-top:1px solid var(--line)}
.fc-fila input{width:84px;height:40px;border:1.5px solid var(--line);border-radius:10px;text-align:center;font:inherit;font-size:16px;font-weight:700}
.fc-fila input[data-fc=otro]{flex:1;width:auto;text-align:left;padding:0 10px;font-weight:400}
.fc-n{display:grid;font-weight:700}
.fc-n small{font-weight:400;color:var(--muted);font-size:12px}
.fc-ayuda{color:var(--muted);font-size:13px}
.fc-subir{display:grid;place-items:center;gap:8px;height:100%;min-height:200px;cursor:pointer;text-align:center;padding:20px;color:var(--muted)}
.fc-subir input{max-width:100%}
.fc-pdf{width:100%;height:100%;min-height:420px;border:0;background:#fff}
.fc-res table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}
.fc-res th,.fc-res td{text-align:left;padding:5px 6px;border-bottom:1px solid var(--line)}
.fc-mal{color:var(--bad)}
[hidden]{display:none!important}
.chip-btn{display:inline-flex;align-items:center;gap:4px;border-radius:999px;cursor:pointer;color:var(--ok)}
.chip-btn:hover .chip,.chip-btn:focus-visible .chip{box-shadow:0 0 0 2px var(--ok)}
.fj-barra{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.fj-dia{display:flex;align-items:center;gap:6px}
.fj-dia input,.fj-sel select,.fj-mes-h input{height:40px;border:1px solid var(--line-2);border-radius:10px;padding:0 10px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
.fj-barra .busca{width:260px}
.fj-pan{overflow:auto}
.fj-tabla{width:100%;border-collapse:collapse;font-size:13.5px}
.fj-tabla th,.fj-tabla td{padding:9px 10px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.fj-tabla thead th{border-top:0;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}
.fj-tabla tbody tr{cursor:pointer}
.fj-tabla tbody tr:hover,.fj-tabla tbody tr:focus-visible{background:#f6f8fc;outline:none}
.fj-tabla tbody tr.rev{background:var(--penbg)}
.fj-tabla small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.fj-p{display:flex;align-items:center;gap:10px;font-weight:400}
.fj-p b{display:block;font-size:14px}
.fj-est{display:flex;flex-wrap:wrap;gap:4px}
.fj-mot{max-width:260px}
.fj-org{display:inline-block;font-size:12px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--soft);color:var(--ink-2);margin:0 4px 4px 0;white-space:nowrap}
.fj-org.sin_conexion{background:var(--infbg);color:var(--inf)}
.fj-org.encargado{background:var(--penbg);color:var(--pen)}
.fj-org.correccion{background:var(--badbg);color:var(--bad)}
.fj-vacio{padding:24px 16px;color:var(--muted);text-align:center}
.fj-ficha{background:#fff;border-radius:20px;box-shadow:var(--sh3);width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;display:flex;flex-direction:column;animation:sube .25s var(--ease)}
.fj-ficha-h{display:flex;align-items:center;gap:12px;padding:18px 20px 8px}
.fj-ficha-h h2{font-size:18px;font-weight:800;color:var(--titulo)}
.fj-ficha-h p{color:var(--muted);font-size:13px}
.fj-ficha-h .sp,.fj-ficha-bar .sp{flex:1}
.fj-ficha-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 20px 10px;border-bottom:1px solid var(--line)}
.fj-ficha-b{padding:12px 20px}
.fj-dias{display:flex;flex-direction:column;gap:8px}
.fj-j{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.fj-j.sel{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
.fj-j.vacio{background:#fafbfd;color:var(--muted)}
.fj-j-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13.5px}
.fj-j-h .fj-h{margin-left:auto;font-size:15px;color:var(--titulo)}
.fj-j-b{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.fj-j-b h4{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}
.fj-j-b ul{list-style:none;display:flex;flex-direction:column;gap:4px;font-size:13px}
.fj-j-b li span{color:var(--muted);margin-left:6px}
.fj-j-b li em{display:block;color:var(--pen);font-style:normal;font-size:12px}
.fj-j-b .con{background:var(--badbg);border-radius:10px;padding:6px 8px}
.fj-av{margin-top:6px;font-size:12px;color:var(--pen);display:flex;gap:6px;align-items:center}
.fj-tot{margin-top:10px;text-align:right;font-size:14px}
.fj-mes-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:14px}
.fj-ley{padding:0 20px 16px;font-size:12px;color:var(--muted)}
.fj-corr{margin:12px 20px 0;padding:14px;border:1px solid var(--line-2);border-radius:14px;background:#fafbfd;display:flex;flex-direction:column;gap:10px;font-size:13.5px}
.fj-corr h3{font-size:15px;font-weight:800;color:var(--titulo)}
.fj-corr p{color:var(--muted)}
.fj-corr label{display:flex;flex-direction:column;gap:4px;font-weight:700}
.fj-corr input,.fj-corr select,.fj-corr textarea{border:1px solid var(--line-2);border-radius:10px;padding:8px 10px;font:inherit;font-weight:400;background:#fff;min-height:40px}
.fj-corr-c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fj-corr-p{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fj-corr-p small{color:var(--muted)}
.pista-usuario{font-size:calc(var(--fs,18px) * .8)!important;color:var(--muted)!important;margin-top:-8px}
@media (max-height:740px){
.op .il-bienv{display:none}
}
@media (max-width:760px){
.fj-barra .busca{width:100%}
.fj-tabla thead{display:none}
.fj-tabla,.fj-tabla tbody,.fj-tabla tr,.fj-tabla th,.fj-tabla td{display:block}
.fj-tabla tr{padding:10px 8px;border-top:1px solid var(--line)}
.fj-tabla th,.fj-tabla td{border:0;padding:3px 0}
.fj-tabla td[data-l]::before{content:attr(data-l) ": ";font-weight:700;color:var(--muted);font-size:12px}
.fj-tabla td small{display:inline;margin-left:6px}
.fj-j-b,.fj-corr-c{grid-template-columns:1fr}
.fj-ficha{max-height:92vh;border-radius:22px 22px 0 0;align-self:end}
}
/* ===== Carcasa v5 aplicada a la app real (Daniela, orden #809) ===== */
body.real{--pb:0px}
body.real #proto{display:none}
/* operario y encargado: en el móvil, la app ocupa toda la pantalla; en el ordenador, una columna centrada (sin marco de teléfono ni notas de prototipo) */
@media (min-width:761px){
.escena{padding:16px;gap:0}
.marco{width:430px;background:none;padding:0;border-radius:24px;box-shadow:var(--sh3);height:calc(100vh - var(--pb) - 32px);min-height:0;top:calc(var(--pb) + 16px)}
.pantalla{border-radius:24px}
}
.op-nav button{min-height:62px}
.fj-dia5{position:relative;display:inline-flex;align-items:center;cursor:pointer}
.fj-dia5 input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.fj-caja{border:1px solid var(--line);background:var(--card);border-radius:16px}
.fj-esq{display:flex;flex-direction:column;gap:8px}
.fj-esq i{display:block;height:48px;border-radius:12px;background:linear-gradient(90deg,var(--soft),#f7f9fc,var(--soft));background-size:200% 100%}
.fj-acc5{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid var(--line)}
.fj-acc5 .sp{flex:1}
.fj-k{font-size:12px;font-weight:800;letter-spacing:.07em;color:var(--pen)}body.oscuro .fj-k{color:var(--yel-d)}
.hist-d.sel{box-shadow:inset 3px 0 0 var(--yel)}
.hist-d.vacio{opacity:.75}
.fj-rech{display:grid;gap:8px;width:100%}
.fj-rech label{display:grid;gap:4px;font-weight:700;font-size:13px}
.fj-rech input{height:42px;border:1.5px solid var(--line-2);border-radius:10px;padding:0 12px;font:inherit}
.fj-rech .acc{display:flex;gap:8px;justify-content:flex-end}
.drawer .fj-corr{margin:0}
.aviso.err{background:var(--badbg);color:var(--bad)}
@media (max-width:760px){.fj-acc5{padding:10px 14px}.fj-acc5 .b.sm{flex:1;justify-content:center}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.tabla td .mut{white-space:normal;font-size:13px}
/* bloque c: mis correcciones */
.pet-op{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}
.pet-op .cab{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-direction:row-reverse}
.op .campo .lab{display:block;font-weight:700;margin-bottom:6px}
.op .seg button{min-height:48px;flex:1}
/* bloque d: horarios */
.ho-barra{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-bottom:14px}
.ho-vig{display:flex;flex-wrap:wrap;gap:6px}
.ho-in{height:40px;border:1.5px solid var(--line-2);border-radius:10px;padding:0 10px;font:inherit;background:#fff}
.ho-barra .sel-l{max-width:100%;min-width:0}.ho-barra .sel-l select{max-width:calc(100vw - 80px);text-overflow:ellipsis}
.ficha-h .tabla-w{overflow-x:auto}.ficha-h .tabla{min-width:0;width:100%}
@media (max-width:760px){.ficha-h .tabla td,.ficha-h .tabla th{padding:10px 8px}.ficha-h .quien .av{display:none}}
@media (max-width:1100px){.ficha-h{grid-template-columns:minmax(0,1fr)!important}}.ficha-h .tm{white-space:normal}.ficha-h .card5{min-width:0}
/* bloque e */
.mf-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mf-nav b{font-size:calc(var(--fs)*.95);color:var(--titulo)}
.mf-nav .tb2{width:48px;height:48px;border-radius:14px;background:var(--soft);display:grid;place-items:center;color:var(--titulo)}
.mf-nav .tb2:disabled{opacity:.35}
/* ---- #816 · Ajustes de cálculo (oficina): una tarjeta por grupo de dudas D-x, con los tokens del v5 ---- */
.aj-resumen{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.aj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(520px,100%),1fr));gap:18px;align-items:start}
.aj-card{min-width:0}
.aj-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;padding:10px 18px;border-top:1px solid var(--line);min-height:62px}
.aj-fila.sucio{background:var(--penbg)}
.aj-t{min-width:0}
.aj-t .lab{font-weight:700;font-size:14px;color:var(--ink)}
.aj-d{font-weight:700;font-size:12px;color:var(--muted);border:1px solid var(--line-2);border-radius:6px;padding:0 5px;margin-left:4px;white-space:nowrap}
.aj-fu{display:flex;gap:5px;align-items:flex-start;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.35;overflow-wrap:anywhere;min-width:0}
.aj-fu .i{flex:none;margin-top:1px}
.aj-meta{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;color:var(--muted);font-size:12px;margin-top:4px}
.aj-meta .chip{font-size:12px}
.aj-prog{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.aj-c{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end;max-width:380px}
.aj-in{min-height:40px;border:1px solid var(--line-2);border-radius:10px;padding:0 10px;font:inherit;font-weight:700;font-size:14px;color:var(--titulo);background:#fff;max-width:370px}
.aj-in[type=number]{width:96px}
.aj-in:disabled,.aj-roles input:disabled+*{opacity:.75;cursor:not-allowed}
.aj-num{display:inline-flex;align-items:center;gap:6px}.aj-num small{color:var(--muted);font-size:12px}
.aj-sug{display:inline-flex;gap:4px}
.aj-roles{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:flex-end}
.aj-roles label{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;min-height:32px}
.aj-roles input{width:18px;height:18px}
.lnk{background:none;border:0;padding:0;color:var(--inf);font-weight:700;font-size:12px;text-decoration:underline;cursor:pointer;min-height:24px}
.aj-hist{list-style:none;margin:8px 0 0;padding:8px 10px;border-left:3px solid var(--line-2);display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.aj-hist small{display:block;color:var(--muted)}
.aj-pie{flex-wrap:wrap}
.aj-pie-c{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:var(--muted)}
.aj-pie-c input{min-height:40px;border:1px solid var(--line-2);border-radius:10px;padding:0 10px;font:inherit;font-size:14px;color:var(--ink);background:#fff}
.aj-pie-c.ancho{flex:1;min-width:200px}
.aj-cal{padding:8px 18px 14px;display:flex;flex-direction:column;gap:12px}
.aj-cal-b{display:flex;flex-wrap:wrap;gap:4px 18px}
.aj-fest{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;max-height:340px;overflow:auto}
.aj-fest li{display:grid;grid-template-columns:120px auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 12px;border-top:1px solid var(--line);font-size:13.5px}
.aj-fest li:first-child{border-top:0}
.aj-fest .f{font-weight:700;color:var(--titulo)}
.aj-fest .d small{display:block;color:var(--muted);font-size:12px}
.aj-vacio{color:var(--muted);font-size:13.5px}
.aj-alta{border:1px dashed var(--line-2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}
.aj-alta>b{color:var(--titulo);font-size:14px}.aj-sub{color:var(--muted);font-size:12.5px;margin-top:-6px}
.aj-alta-g{display:flex;flex-wrap:wrap;gap:10px}
.aj-alta-g label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:var(--muted)}
.aj-alta-g label.ancho{flex:1;min-width:220px}
.aj-alta-g input,.aj-alta-g select{min-height:40px;border:1px solid var(--line-2);border-radius:10px;padding:0 10px;font:inherit;font-size:14px;color:var(--ink);background:#fff}
.aj-alta .b{align-self:flex-start}
body.oscuro .aj-in,body.oscuro .aj-pie-c input,body.oscuro .aj-alta-g input,body.oscuro .aj-alta-g select{background:var(--card,#16233a);color:var(--ink)}
@media (max-width:760px){
.aj-fila{grid-template-columns:minmax(0,1fr)}
.aj-in{max-width:100%}
.aj-c{justify-content:flex-start;max-width:none}
.aj-roles{justify-content:flex-start}
.aj-fest li{grid-template-columns:1fr auto}
.aj-fest li .chip,.aj-fest li .d{grid-column:1/-1}
.aj-in{min-height:48px}
}
/* orden #819: estados vacíos y de error dentro de los paneles */
.pan-est{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px}
.pan-est .il{width:120px;height:80px}
.pan-est span{color:var(--muted);font-size:13.5px}
/* Orden #832 (Daniela) · D-45: listas por páginas («X de Y», Cargar más, cargando, error) */
.mf-lista{display:flex;flex-direction:column;gap:16px}
.pag-pie{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 8px 18px;text-align:center}
.pag-pie .pag-n{font-size:14px;color:var(--muted)}
.pag-pie .pag-n b{color:var(--ink);font-weight:700}
.pag-pie>.b,.pag-pie>.bl{min-width:200px;justify-content:center}
.pag-pie .aviso{width:100%;max-width:520px;text-align:left}
.pag-carga{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);min-height:44px}
.pag-giro{width:18px;height:18px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--navy-d);animation:gira .8s linear 40}
.pag-cent{display:block;width:100%;height:1px}
/* ===== #835 · D-46 Avisos (pantalla f de la #819) ===== */
.op-top .campana .n,.en .op-top .campana .n{top:-2px;right:-2px}
.op-top .tb.campana[aria-current=page]{background:var(--yel);color:var(--titulo)}
.avi-h{flex-wrap:wrap;align-items:center}
.avi-h>div:first-child{margin-right:auto}
.avi-h .filtros{flex:0 1 auto}
.avi-zona{padding:6px 0 10px;overflow:hidden}
.avi-g{padding:0}
.avi-g h3{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:14px 18px 6px}
.avi-g h3 b{background:var(--penbg);color:var(--pen);border-radius:999px;padding:1px 8px;font-size:12px}
.avi-g-acc h3{color:var(--pen)}
.avi-g ul{list-style:none;margin:0;padding:0}
.avi-it{position:relative;display:flex;align-items:stretch;border-top:1px solid var(--line);touch-action:pan-y;overflow:hidden;background:var(--okbg)}
.avi-it::before{content:'Leído';position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-weight:800;color:var(--ok);font-size:14px}
.avi-it::after{content:'Leído';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-weight:800;color:var(--ok);font-size:14px}
.avi-b{flex:1;min-width:0;display:flex;gap:12px;align-items:flex-start;text-align:left;padding:12px 18px;background:var(--card);color:var(--ink);transform:translateX(var(--dx,0));transition:transform .2s ease,opacity .2s;position:relative;z-index:1;min-height:64px}
.avi-it.desliza .avi-b{transition:none}
.avi-it.fuera .avi-b{opacity:0}
.avi-it:not(.nuevo) .avi-b{background:var(--card)}
.avi-b:hover{background:var(--soft)}
.avi-b:focus-visible{outline:3px solid var(--yel);outline-offset:-3px}
.avi-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--neubg);color:var(--neu)}
.avi-ic .i{width:22px;height:22px}
.t-fichaje .avi-ic{background:var(--infbg);color:var(--inf)}
.t-correccion .avi-ic{background:var(--penbg);color:var(--pen)}
.t-parte .avi-ic{background:#e9e3f5;color:#5a3f96}
.t-material .avi-ic{background:var(--okbg);color:var(--ok)}
.t-papeles .avi-ic,.t-vacaciones .avi-ic{background:#e2f0f4;color:#0f6e8c}
.avi-c{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.avi-t{display:flex;align-items:baseline;gap:8px;min-width:0}
.avi-t b{font-weight:600;font-size:14.5px;color:var(--ink-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.avi-it.nuevo .avi-t b{font-weight:800;color:var(--ink)}
.avi-t time{margin-left:auto;flex:none;font-size:12.5px;color:var(--muted);font-weight:600;white-space:nowrap}
.avi-pt{flex:none;width:9px;height:9px;border-radius:50%;background:var(--navy);align-self:center}
.avi-tx{font-size:13.5px;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.avi-it.avi-largo .avi-tx{-webkit-line-clamp:8}
.avi-acc{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:13px;font-weight:800;color:var(--navy)}
.avi-it.accion .avi-b{box-shadow:inset 4px 0 0 var(--yel-d)}
.avi-it.accion.t-correccion .avi-b{box-shadow:inset 4px 0 0 var(--pen)}
.avi-it.accion.t-parte .avi-b{box-shadow:inset 4px 0 0 #6a4fa3}
.avi-leer{flex:none;position:relative;z-index:1;width:48px;display:grid;place-items:center;color:var(--muted);background:var(--card);border-left:1px solid var(--line)}
.avi-leer:hover{color:var(--ok);background:var(--okbg)}
.avi-nota{text-align:center;color:var(--muted);font-size:13px;padding:10px 16px}
.avi-viejo{display:flex;align-items:center;gap:8px;margin:8px 16px;padding:8px 12px;border-radius:10px;background:var(--penbg);color:var(--pen);font-size:13px;font-weight:600}
.avi-vacio{padding:28px 18px}
.avi-vacio h2{font-size:19px;color:var(--titulo)}
.avi-vacio p{color:var(--muted);max-width:340px}
.avi-vacio .il{width:180px;height:120px}
.avi-vacio.peq{padding:22px 16px}
.avi-zona>.aviso{margin:14px}
.avi-esq{padding:12px 16px}
/* móvil: título, «Marcar todo» y filtros en la cabecera */
.avi-top{padding-bottom:12px}
.avi-top .avi-tit{display:flex;align-items:center;gap:10px;margin-top:14px}
.avi-top .avi-tit .hola{margin-top:0}
.avi-top .avi-tit .sp{flex:1}
.avi-top .tb{flex:none}
.avi-todo{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-weight:800;font-size:14px;white-space:nowrap}
.avi-todo:disabled{opacity:.45}
.avi-top .avi-fil{margin-top:10px;gap:4px 13px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
.avi-top .avi-fil button{color:#c8d5ec;min-height:44px;white-space:nowrap;font-size:14.5px}
.avi-top .avi-fil button b{color:#c8d5ec}
.avi-top .avi-fil button[aria-pressed=true],.avi-top .avi-fil button[aria-pressed=true] b{color:#fff;border-bottom-color:var(--yel)}
.avi-movil{padding:0 0 12px;gap:0;margin-top:0;border-radius:0}
.avi-movil>.aviso,.avi-movil>.bl{margin:16px 16px 0;width:auto}
.avi-movil .avi-g h3{padding:16px 16px 6px}
.avi-movil .avi-b{padding:14px 16px}
.avi-movil .avi-t b{font-size:16px}
.avi-movil .avi-tx{font-size:15px}
.avi-movil .avi-leer{display:none}
@media(max-width:760px){
.avi-h .filtros{order:3;flex:none;width:100%}
.avi-leer{display:none}
}
body.oscuro .avi-zona{background:var(--card)}
body.oscuro .t-parte .avi-ic{background:#2a2245;color:#c3b2f0}
body.oscuro .t-papeles .avi-ic,body.oscuro .t-vacaciones .avi-ic{background:#10303a;color:#8fd3e6}
@media(prefers-reduced-motion:reduce){.avi-b{transition:none}}
.avi-h #avi-todo{flex:none}
@media(max-width:760px){.avi-h{align-items:flex-start}.avi-h>div:first-child{flex:none}.avi-h #avi-todo{order:2}}
/* ===== #835 · Mis vacaciones (pantalla g de la #819) ===== */
.vc-saldo{border-radius:20px;background:var(--navy-d);color:#fff;padding:18px 18px 16px}
.vc-saldo .vc-k{font-weight:700;color:#c8d5ec;font-size:calc(var(--fs) * .85)}
.vc-saldo .vc-n{font-size:calc(var(--fs) * 1.1);font-weight:700;margin-top:2px;color:#fff}
.vc-n b{font-size:calc(var(--fs) * 2.6);font-weight:900;line-height:1;margin-right:4px;color:var(--yel)}
.vc-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;border-top:1px solid rgba(255,255,255,.18);padding-top:12px}
.vc-3 span{display:block;font-size:calc(var(--fs) * .68);color:#c8d5ec;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.vc-3 b{font-size:calc(var(--fs) * 1.15);font-weight:800}
.vc-sol h3{font-size:calc(var(--fs) * .95);font-weight:800;color:var(--titulo);margin-bottom:6px}
.vc-sol ul{list-style:none;margin:0;padding:0}
.vc-sol li{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}
.vc-sol li .chip{flex:none}
.vc-f{display:flex;flex-direction:column;min-width:0}
.vc-f b{font-weight:800;color:var(--ink)}
.vc-f small{color:var(--muted);font-size:calc(var(--fs) * .78)}
.vc-vacio{color:var(--muted);font-size:calc(var(--fs) * .85)}
.vc-como{border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--ink-2);font-size:calc(var(--fs) * .82)}
.vc-como summary{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--titulo);cursor:pointer;min-height:32px}
.vc-como p{margin-top:8px;line-height:1.45}
.vc-fechas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.vc-fechas label{min-width:0}
.vc-fechas label,.vc-nota{display:flex;flex-direction:column;gap:6px;font-weight:800;color:var(--titulo);font-size:calc(var(--fs) * .85)}
.vc-fechas input,.vc-nota input{min-height:56px;border:2px solid var(--line-2);border-radius:14px;padding:0 10px;font:inherit;font-size:var(--fs);font-weight:700;color:var(--ink);background:#fff;width:100%;min-width:0}
.vc-fechas input:focus,.vc-nota input:focus{outline:3px solid var(--yel);outline-offset:1px;border-color:var(--navy)}
.vc-pista{color:var(--muted);font-size:calc(var(--fs) * .85)}
.vc-res{margin-top:0}
.vc-fechas input{font-size:calc(var(--fs) * .9)}
.op-top .avi-tit{display:flex;align-items:center;gap:10px;margin-top:14px}
.op-top .avi-tit .hola{margin-top:0}
/* ================= Orden #837 (Daniela) · PANEL AVANZADO · clases con prefijo «px-» ================= */
/* menú lateral por grupos (se desplaza si no cabe) */
.side .px-nav{display:flex;flex-direction:column;gap:1px;overflow-y:auto;min-height:0;flex:1 1 auto;margin:0 -4px;padding:0 4px;scrollbar-width:thin}
.side .px-nav+.sp{flex:0 0 8px}
.px-ng{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8ea3c8;padding:12px 10px 4px}
.px-nav .px-ng:first-child{padding-top:0}
.side .px-nav button{height:44px;flex:none}
.plegado .px-ng{display:none}
@media (max-height:820px){.side .px-nav button{height:44px;font-size:13.5px}.px-ng{padding:8px 10px 2px}.side .logo{margin-bottom:12px}}
/* pantalla */
.px-main{--fs:15px}
.px-main .mut{color:var(--muted)}
.px-h{flex-wrap:wrap;row-gap:10px;align-items:center}
.px-h>div:first-child{min-width:0}
.px-h .filtros{flex:0 1 auto}
.px-hd{align-items:center}
.px-hd h1{display:flex;align-items:center;gap:10px}
.px-volver{padding:0 10px 0 6px;color:var(--navy)}
.px-h-n{font-size:15px;font-weight:800;background:var(--soft);color:var(--titulo);border-radius:999px;padding:3px 10px}
.px-t{white-space:nowrap}
.px-nota{color:var(--muted);font-size:13px}
.px-ok{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;padding:14px 18px 18px}
.px-ok .i{color:var(--ok)}
.t-bad{color:var(--bad)}.t-ok{color:var(--ok)}.t-pen{color:var(--pen)}
.px-oculto{display:none!important}
.px-esq{margin-top:4px}.px-esq+.px-nota{margin-top:10px;text-align:center}
.px-err{margin:0 0 14px;border-radius:14px}
.px-err .b{margin-top:10px}
.px-err span{display:block}
.px-vacio{padding:28px 16px 32px}
.px-vacio .il{max-width:220px}
.px-vacio h2{font-size:18px;color:var(--titulo)}
.px-vacio p{color:var(--muted);max-width:420px}
.px-vacio.peq{padding:24px 16px}
.px-ej{display:flex;align-items:center;gap:10px;background:var(--penbg);color:#5a3b00;border:1px solid #f1d58c;border-radius:12px;padding:10px 14px;font-size:13.5px;margin:0 0 14px}
.px-ej .i{color:var(--pen)}
.px-viejo{margin:0 0 12px}
.px-cnt{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:var(--soft);color:var(--titulo);font-size:12px;font-weight:800}
.px-card{margin-bottom:16px;min-width:0}
.px-card .card5-h{flex-wrap:wrap;row-gap:6px}
.px-card-pie{border-top:1px solid var(--line);padding:6px 10px;display:flex;justify-content:flex-end}
.px-pad{padding:8px 18px 14px}
.px-sel{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 4px 0 10px;border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--muted);max-width:100%}
.px-sel select{border:0;background:transparent;height:38px;color:var(--ink);font:600 13.5px Montserrat,system-ui;max-width:220px;min-width:0;cursor:pointer;outline:0}
.px-sel:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px #dce7fb}
.px-sel>span{font-size:12.5px;font-weight:700}
.px-busca{width:260px;max-width:100%}
.px-tb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--line)}
.px-tb .sp{flex:1}
.px-seg{display:inline-flex;background:var(--soft);border-radius:11px;padding:3px;gap:2px}
.px-seg button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;font-weight:700;font-size:13px;color:var(--muted)}
.px-seg button[aria-pressed=true]{background:#fff;color:var(--titulo);box-shadow:var(--sh1)}
.px-fil{margin-left:8px}
.px-dia{display:inline-flex;align-items:center;gap:6px}
.px-dia b{min-width:96px;text-align:center;font-size:14px;color:var(--titulo);text-transform:capitalize}
.px-dia .b.ico{width:36px;min-height:36px}
/* centro de mando */
.px-vivo{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ok);font-size:12.5px;vertical-align:1px}
.px-vivo i{width:8px;height:8px;border-radius:50%;background:#2e9b6a;box-shadow:0 0 0 3px #d5f0e1}
.px-vivo.ej{color:var(--pen)}.px-vivo.ej i{background:var(--yel-d);box-shadow:0 0 0 3px var(--penbg)}
.px-vivo.off,.px-vivo.otro{color:var(--muted)}.px-vivo.off i,.px-vivo.otro i{background:#97a3b8;box-shadow:0 0 0 3px var(--soft)}
.px-guia{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;background:#eef4ff;border:1px solid #cfdcf5;border-radius:12px;padding:10px 14px;margin:0 0 12px;font-size:13.5px;color:var(--ink-2)}
.px-guia .sp{flex:1}.px-guia-t{flex:1 1 320px}.px-guia-t b{color:var(--titulo)}
.px-guia-p{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);background:#fff;border-radius:999px;padding:3px 9px}
body.oscuro .px-guia{background:#13294f;border-color:#25314e}
.px-frase{font-size:17px;line-height:1.45;color:var(--ink-2);margin:2px 0 14px;max-width:900px}
.px-frase b{color:var(--titulo)}.px-frase b.t-bad{color:var(--bad)}.px-frase b.t-ok{color:var(--ok)}
.px-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.px-kpi{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px 12px;box-shadow:var(--sh1);min-width:0;overflow:hidden;transition:box-shadow .15s,transform .12s,border-color .15s}
.px-kpi:hover{box-shadow:var(--sh2);border-color:var(--line-2)}
.px-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ok)}
.px-kpi.bad::before{background:var(--bad)}.px-kpi.pen::before{background:var(--yel-d)}.px-kpi.inf::before{background:var(--inf)}
.px-kpi-i{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--okbg);color:var(--ok)}
.px-kpi.bad .px-kpi-i{background:var(--badbg);color:var(--bad)}.px-kpi.pen .px-kpi-i{background:var(--penbg);color:var(--pen)}.px-kpi.inf .px-kpi-i{background:var(--infbg);color:var(--inf)}
.px-kpi-t{font-size:13px;font-weight:700;color:var(--muted);padding-right:40px}
.px-kpi-n{font-size:34px;font-weight:800;color:var(--titulo);line-height:1.1;letter-spacing:-.02em}
.px-kpi-n small{font-size:16px;font-weight:700;color:var(--muted);letter-spacing:0}
.px-kpi.bad .px-kpi-n{color:var(--bad)}
.px-kpi-s{font-size:12.5px;color:var(--muted)}
.px-kpi .px-bar{margin-top:6px;width:100%}
.px-kpi-f{display:inline-flex;align-items:center;gap:3px;margin-top:6px;font-size:12px;font-weight:700;color:var(--navy)}
.px-bar{display:block;height:8px;border-radius:8px;background:var(--soft);overflow:hidden;min-width:40px}
.px-bar i{display:block;height:100%;border-radius:8px;background:var(--ok)}
.px-bar.bad i{background:var(--bad)}.px-bar.pen i{background:var(--yel-d)}.px-bar.inf i{background:var(--inf)}.px-bar.neu i{background:#97a3b8}
.px-g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:start}
.px-g2.px-g2b{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.px-al-l{list-style:none;margin:0;padding:0 0 4px}
.px-al{display:grid;grid-template-columns:38px minmax(0,1fr);gap:4px 12px;padding:12px 18px;border-top:1px solid var(--line);align-items:start;position:relative}
.px-al::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--inf)}
.px-al.bad::before{background:var(--bad)}.px-al.pen::before{background:var(--yel-d)}
.px-al-i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--infbg);color:var(--inf)}
.px-al.bad .px-al-i{background:var(--badbg);color:var(--bad)}.px-al.pen .px-al-i{background:var(--penbg);color:var(--pen)}
.px-al-c{min-width:0}
.px-al-c b{display:block;font-size:14.5px;color:var(--ink)}
.px-al-c span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.px-al-b{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.px-mas-al{padding:0 12px 10px}
.px-po ul{list-style:none;margin:0;padding:0}
.px-po-r{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(110px,1fr) 70px 54px 70px;gap:10px;align-items:center;width:100%;padding:10px 18px;text-align:left;border-top:1px solid var(--line)}
button.px-po-r:hover{background:#f8fafd}
.px-po-cab{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding-top:4px;padding-bottom:6px;border-top:0}
.px-po-o{min-width:0}.px-po-o b{display:block;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.px-po-o small{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.px-po-f{display:flex;align-items:center;gap:8px}.px-po-f .px-bar{flex:1}.px-po-f b{font-size:13px;color:var(--titulo);white-space:nowrap}
.px-po-n{font-weight:800;font-size:14px;text-align:center}
.px-po-n.bad{color:var(--bad)}.px-po-n.pen{color:var(--pen)}.px-po-n.inf{color:var(--inf)}.px-po-n.cero{color:#a7b2c4;font-weight:600}
.px-mlab{display:none}
.px-ley{display:inline-flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted);font-weight:600}
.px-ley>span{display:inline-flex;align-items:center;gap:5px}
.px-pt{display:inline-block;width:10px;height:10px;border-radius:50%;background:#2e9b6a;flex:none}
.px-pt.e-tarde{background:#e0a100}.px-pt.e-sin_fichar{background:#c8372d}.px-pt.e-ausente{background:#6b86c4}.px-pt.e-terminado{background:#97a3b8}
.px-pt.c-ok{background:#2e9b6a}.px-pt.c-pen{background:#e0a100}.px-pt.c-bad{background:#c8372d}.px-pt.c-inf{background:#4d7fd1}.px-pt.c-neu{background:#97a3b8}
.px-og{list-style:none;margin:0;padding:0}
.px-og-c{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) auto;gap:6px 12px;align-items:center;width:100%;text-align:left;border-top:1px solid var(--line);padding:8px 18px;min-width:0}
.px-og-c:hover{background:#f8fafd}
.px-og-c .px-av .av{width:24px;height:24px;font-size:9.5px}.px-og-c .px-av,.px-og-c .px-av-mas{margin:3px}.px-og-c .px-av-mas{height:24px;min-width:24px}
.px-mas-o{display:flex;justify-content:center;padding:4px 0 10px;border-top:1px solid var(--line)}
.i.px-izq{transform:rotate(180deg)}
.px-og-h{min-width:0;width:100%}.px-og-h b{display:block;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-og-h small{font-size:12px;color:var(--muted)}
.px-og-p{font-size:12.5px;color:var(--muted)}
.px-avs{display:flex;flex-wrap:wrap;gap:4px}
.px-av{position:relative;display:inline-flex;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 4px #2e9b6a}
.px-av .av{width:28px;height:28px;font-size:12px}
.px-av.e-tarde{box-shadow:0 0 0 2px #fff,0 0 0 4px #e0a100}.px-av.e-sin_fichar{box-shadow:0 0 0 2px #fff,0 0 0 4px #c8372d}.px-av.e-ausente{box-shadow:0 0 0 2px #fff,0 0 0 4px #9fb3dc;opacity:.75}.px-av.e-terminado{box-shadow:0 0 0 2px #fff,0 0 0 4px #b8c1d0}
.px-avs .px-av{margin:4px}
.px-av-mas{display:inline-grid;place-items:center;height:28px;min-width:28px;padding:0 6px;margin:4px;border-radius:999px;background:var(--soft);color:var(--titulo);font-size:12px;font-weight:800}
.px-tk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:4px 18px 10px}
.px-tk>div{min-width:0}
.px-tk span{display:block;font-size:12px;font-weight:700;color:var(--muted)}
.px-tk b{display:block;font-size:24px;font-weight:800;color:var(--titulo);line-height:1.2}
.px-tk small{display:block;font-size:12px;color:var(--muted)}
.px-delta.sube{color:var(--ok)}.px-delta.baja{color:var(--bad)}
.px-ch{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px;padding:6px 18px 0;height:180px}
.px-ch.grande{height:280px}
.px-ch-y{display:flex;flex-direction:column;justify-content:space-between;font-size:12px;color:var(--muted);text-align:right;padding-bottom:24px}
.px-ch-y i{font-style:normal;line-height:1}
.px-ch-c{display:flex;align-items:stretch;gap:4px;min-width:0;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/100% calc((100% - 24px)/2) no-repeat,linear-gradient(var(--line) 1px,transparent 1px) 0 calc((100% - 24px)/2)/100% 1px no-repeat;border-bottom:0}
.px-ch-d{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;outline:0;border-radius:6px}
.px-ch-d:focus-visible{box-shadow:0 0 0 2px var(--navy)}
.px-ch-b{flex:1;width:min(46px,62%);display:flex;flex-direction:column-reverse;gap:2px;border-bottom:1px solid var(--line-2)}
.px-ch-c.mes .px-ch-b{width:min(18px,70%)}
.px-ch-b i{display:block;width:100%;background:#2e9b6a;min-height:0}
.px-ch-b i:last-child{border-radius:4px 4px 0 0}
.px-ch-b i.e-tarde{background:#e0a100}.px-ch-b i.e-sin_fichar{background:#c8372d}
.px-ch-b i[style*="height:0%"]{display:none}
.px-ch-l{height:24px;display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}
.px-ch-l small{font-weight:600;font-size:12px}
.px-ch-tip{display:none;position:absolute;bottom:calc(100% - 20px);left:50%;transform:translateX(-50%);z-index:5;background:var(--navy-d);color:#fff;border-radius:10px;padding:8px 10px;font-size:12px;min-width:150px;box-shadow:var(--sh3);pointer-events:none}
.px-ch-tip b{display:block;margin-bottom:4px;font-size:12px}
.px-ch-tip span{display:flex;align-items:center;gap:6px}.px-ch-tip span b{margin:0 0 0 auto}
.px-ch-tip .px-ch-tot{border-top:1px solid rgba(255,255,255,.2);margin-top:4px;padding-top:4px}
.px-ch-d:hover .px-ch-tip,.px-ch-d:focus-visible .px-ch-tip{display:block}
.px-ch-d:first-child .px-ch-tip{left:0;transform:none}.px-ch-d:last-child .px-ch-tip{left:auto;right:0;transform:none}
.px-ch-pie{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px 10px 18px}
.px-ch-pie .px-ley{flex:1}
/* listas de personas */
.px-pl{list-style:none;margin:0;padding:0}
.px-pr{display:flex;align-items:center;gap:12px;padding:10px 18px;border-top:1px solid var(--line);flex-wrap:wrap}
.px-pr-n{flex:1 1 180px;min-width:0}.px-pr-n b{display:block;font-size:14px;color:var(--ink)}.px-pr-n small{display:block;font-size:12px;color:var(--muted)}
.px-pr-h{font-size:13px;color:var(--ink-2);min-width:120px}
.px-pr-b{display:flex;gap:6px;flex-wrap:wrap}
.px-pr-o .px-bar{flex:1 1 120px}
.px-pr-p{font-size:14px;color:var(--titulo);min-width:46px;text-align:right}
.px-pr-m{display:flex;align-items:center;gap:8px;flex:1 1 200px;font-size:12px;color:var(--muted)}.px-pr-m .px-bar{flex:1}.px-pr-m b{color:var(--titulo);font-size:13px;min-width:42px;text-align:right}
.px-dg .card5-h h2{font-size:15px}
.px-pad0{padding:0 18px 12px}
.px-ayuda .px-solo-escr{display:inline}
.px-pie{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0 24px}
/* hoja a pantalla completa (móvil) o panel lateral alto (ordenador) */
.px-hoja{position:fixed;inset:0;z-index:90;background:rgba(3,18,44,.45);display:flex;justify-content:flex-end}
.px-hoja-c{width:min(480px,100%);height:100%;background:#fff;display:flex;flex-direction:column;gap:14px;padding:18px 20px;overflow-y:auto;box-shadow:var(--sh3);animation:pxlado .22s var(--ease)}
@keyframes pxlado{from{transform:translateX(30px);opacity:0}}
.px-hoja-q{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink-2)}
.px-hoja-pie{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;padding-top:8px}
.px-hoja-pie .b.pri{flex:1}
.px-mas-h{display:flex;align-items:center;gap:10px}.px-mas-h h2{flex:1;font-size:20px;font-weight:800;color:var(--titulo)}
.px-fs{border:0;padding:0;margin:0;min-width:0}
.px-fs legend{font-weight:700;font-size:14px;color:var(--ink);margin-bottom:8px;padding:0}
.px-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.px-ops-c{display:flex;flex-wrap:wrap;gap:8px}
.px-op{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border:1.5px solid var(--line-2);border-radius:12px;background:#fff;font-weight:700;font-size:14px;color:var(--ink-2);text-align:left}
.px-op.sm{min-height:36px;padding:0 12px;font-size:13px}
.px-op[aria-pressed=true]{border-color:var(--navy);background:#eef4ff;color:var(--titulo);box-shadow:inset 0 0 0 1px var(--navy)}
.px-campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.px-campo>span:first-child{font-weight:700;font-size:14px;color:var(--ink)}
.px-campo small{font-weight:500;color:var(--muted)}
.px-campo input:not([type=range]):not([type=checkbox]),.px-campo select{height:46px;border:1px solid var(--line-2);border-radius:10px;padding:0 12px;font:500 15px Montserrat,system-ui;color:var(--ink);background:#fff;width:100%;min-width:0}
.px-campo input:focus,.px-campo select:focus{outline:0;border-color:var(--navy);box-shadow:0 0 0 3px #dce7fb}
.px-campo.mal input,.px-campo.mal select{border-color:var(--bad);box-shadow:0 0 0 3px var(--badbg)}
.px-campo input[type=range]{width:100%;accent-color:var(--navy);height:28px}
.px-ferr{color:var(--bad);font-size:13px;font-weight:600}
.px-check{display:flex;align-items:center;gap:10px;font-weight:600;margin:4px 0 14px}
.px-check input{width:20px;height:20px;accent-color:var(--navy)}
.px-mas{position:fixed;inset:0;z-index:90;background:#fff;display:flex;flex-direction:column;gap:6px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));overflow-y:auto;animation:subir .2s var(--ease)}
.px-mas-n{display:flex;flex-direction:column}
.px-mas-n .px-ng{color:var(--muted);padding:14px 4px 4px}
.px-mas-n button{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 8px;border-radius:10px;font-weight:700;font-size:15px;color:var(--ink);text-align:left}
.px-mas-n button .i{color:var(--navy)}
.px-mas-n button[aria-current=page]{background:var(--soft);color:var(--titulo)}
.px-mas-n .n{margin-left:auto;background:var(--yel);color:var(--titulo);font-size:12px;font-weight:800;border-radius:999px;padding:2px 8px}
.px-mas-c{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.px-mas-c>span:not(.av){flex:1;min-width:140px}.px-mas-c b{display:block}.px-mas-c small{color:var(--muted)}
body.px-fijo{overflow:hidden}
/* obras */
.px-ol .px-tb,.px-om .px-tb,.px-tcard .px-tb{border-radius:16px 16px 0 0}
.px-tw{overflow-x:auto;min-width:0}
.px-tabla{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.px-tabla th{background:#f7f9fd;text-align:left;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.px-tabla th button{display:inline-flex;align-items:center;gap:5px;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit}
.px-tabla th button .i{opacity:.45}
.px-tabla th[aria-sort] button{color:var(--titulo)}.px-tabla th[aria-sort] button .i{opacity:1}
.px-tabla td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.px-tabla tbody tr:last-child td{border-bottom:0}
.px-tabla tbody tr:hover td{background:#f8fafd}
.px-tabla tr.sel td{background:#eef4ff}
.px-tabla .num{text-align:right}
.px-clic{cursor:pointer}
.px-clic:focus-visible{outline:3px solid var(--navy);outline-offset:-3px}
.px-on{display:block;color:var(--ink)}.px-os{display:block;font-size:12px;color:var(--muted)}
.px-oh{display:flex;align-items:center;gap:8px;min-width:110px}.px-oh .px-bar{flex:1;min-width:50px}.px-oh b{font-size:13px;color:var(--titulo)}
.px-tabla td .px-avs{margin-top:2px}
.px-tabla td .px-av .av{width:22px;height:22px;font-size:9px}
.px-chips{display:flex;flex-wrap:wrap;gap:6px;margin:-6px 0 14px}
.px-fg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.px-fc{min-width:0}
.px-dl{margin:0;padding:4px 18px 14px;display:grid;gap:10px}
.px-dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px}
.px-dl dt{font-size:13px;color:var(--muted);font-weight:600}.px-dl dd{margin:0;font-size:14px;color:var(--ink);overflow-wrap:anywhere}
.px-hist{list-style:none;margin:0;padding:0 0 6px}
.px-hist li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:10px 18px;border-top:1px solid var(--line);font-size:13.5px}
.px-hist-t{color:var(--muted);font-size:12.5px}
.px-hist small{display:block;color:var(--muted);font-size:12px}
.px-hist s{color:var(--muted)}
.px-sinpin{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:8px 18px 18px;color:var(--ink-2)}
.px-sinpin>.i{width:32px;height:32px;color:var(--pen)}
.px-om-g{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:0}
.px-om-m{position:relative;min-width:0}
.px-om-l{border-left:1px solid var(--line);max-height:calc(100vh - var(--pb) - 260px);min-height:420px;overflow-y:auto}
.px-om-l ul{list-style:none;margin:0;padding:0}
.px-om-lh{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:12px 14px 6px;display:flex;align-items:center;gap:6px}
.px-oml{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;padding:9px 14px;border-top:1px solid var(--line)}
.px-oml .px-pt{margin-top:5px}.px-oml b{display:block;font-size:13.5px;color:var(--ink)}.px-oml small{display:block;font-size:12px;color:var(--muted)}
.px-oml:hover{background:#f8fafd}.px-oml.sel{background:#eef4ff;box-shadow:inset 3px 0 0 var(--navy)}
.px-om-sp{display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid var(--line)}.px-om-sp span{flex:1;min-width:0}.px-om-sp b{display:block;font-size:13.5px}.px-om-sp small{color:var(--muted);font-size:12px}
.px-om-sel{position:absolute;left:12px;bottom:28px;z-index:6;width:min(360px,calc(100% - 24px));background:#fff;border-radius:14px;box-shadow:var(--sh3);padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.px-om-sh{display:flex;align-items:flex-start;gap:8px}.px-om-sh span{flex:1;min-width:0}.px-om-sh b{display:block;font-size:15px;color:var(--titulo)}.px-om-sh small{color:var(--muted);font-size:12.5px}
.px-om-sb{display:flex;justify-content:flex-end}
.px-om-ley{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}
/* mapa propio */
.px-map{position:relative;overflow:hidden;background:#e8eef6;background-image:linear-gradient(#d9e2ee 1px,transparent 1px),linear-gradient(90deg,#d9e2ee 1px,transparent 1px);background-size:32px 32px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;outline:0;height:300px}
.px-map.grande{height:calc(100vh - var(--pb) - 260px);min-height:420px}
.px-map.medio{height:300px}
.px-map:focus-visible{box-shadow:inset 0 0 0 3px var(--navy)}
.px-map.arrastra{cursor:grabbing}
.px-m-t,.px-m-c,.px-m-p{position:absolute;inset:0}
.px-m-t img{position:absolute;left:0;top:0;width:256px;height:256px;max-width:none;user-select:none;-webkit-user-drag:none}
.px-m-t img.mal{visibility:hidden}
.px-m-c{pointer-events:none}
.px-m-c i{position:absolute;left:0;top:0;border-radius:50%;background:rgba(23,63,122,.14);border:2px solid rgba(23,63,122,.7)}
.px-m-p{pointer-events:none}
.px-pin{position:absolute;left:0;top:0;pointer-events:auto;display:flex;flex-direction:column;align-items:center;margin:-18px 0 0 -18px;width:36px;cursor:pointer;z-index:1}
.px-pin-b{display:grid;place-items:center;min-width:36px;height:36px;padding:0 6px;border-radius:999px;background:#4d7fd1;color:#fff;font-size:12px;font-weight:800;border:3px solid #fff;box-shadow:0 2px 6px rgba(3,18,44,.35);white-space:nowrap}
.px-pin.ok .px-pin-b{background:#1f7a52}.px-pin.pen .px-pin-b{background:#b07a00}.px-pin.bad .px-pin-b{background:#c8372d}.px-pin.neu .px-pin-b{background:#6b778c}
.px-pin.sel{z-index:3}.px-pin.sel .px-pin-b{box-shadow:0 0 0 4px var(--yel),0 2px 8px rgba(3,18,44,.4);transform:scale(1.1)}
.px-pin.sel:not(.ok):not(.pen):not(.bad):not(.neu):not(.inf) .px-pin-b{background:var(--navy-d)}
.px-pin:focus-visible .px-pin-b{box-shadow:0 0 0 4px var(--navy)}
.px-pin-n{margin-top:4px;background:#fff;color:var(--titulo);font-size:12px;font-weight:700;padding:2px 7px;border-radius:7px;box-shadow:0 1px 4px rgba(3,18,44,.25);white-space:nowrap}
.px-m-ctl{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px;z-index:4}
.px-m-ctl .b{box-shadow:var(--sh2);background:#fff}
.px-m-at{position:absolute;right:0;bottom:0;z-index:4;background:rgba(255,255,255,.85);font-size:12px;padding:1px 6px;color:#333}
.px-m-at a{color:#2856a3}
.px-m-err{position:absolute;left:10px;right:60px;top:10px;z-index:5;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:var(--sh2);font-size:13px;color:var(--ink-2)}
.px-m-err .i{color:var(--pen)}.px-m-err span{flex:1;min-width:160px}
.px-map.sin-fondo .px-m-t{display:none}
/* formulario de obra */
.px-form{display:flex;flex-direction:column;gap:0}
.px-fcampos{display:flex;flex-direction:column;gap:16px;padding:6px 18px 18px}
.px-num{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:12.5px;margin-right:8px}
.px-2c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.px-step{display:flex;align-items:center;gap:6px}.px-step input{text-align:center;max-width:90px}
.px-geo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.px-geo-l{list-style:none;margin:-6px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.px-coord{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--ink-2);margin:-6px 0 0}
.px-coord.mal{color:var(--bad)}
.px-form .px-map{border-radius:12px;border:1px solid var(--line)}
.px-fpie{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;margin:4px -4px 0;background:rgba(243,246,251,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
.px-fpie .sp{flex:1}
.px-solo-movil{display:none!important}
.px-pasos{margin:0 0 12px}.px-pasos .paso{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--muted);margin-top:8px}
/* asignación */
.px-prop{display:flex;align-items:flex-start;gap:12px;background:#eef4ff;border:1px solid #cfdcf5;border-radius:14px;padding:12px 16px;margin:0 0 10px;color:var(--ink-2)}
.px-prop>.i{width:28px;height:28px;color:var(--navy);flex:none}
.px-prop b{display:block;color:var(--titulo)}.px-prop span{display:block;font-size:13.5px}
.px-prop.ok{background:var(--okbg);border-color:#bfe3cf}.px-prop.ok>.i{color:var(--ok)}
.px-ayuda{display:flex;align-items:center;gap:6px;margin:0 0 10px}
.px-ayuda .i{color:var(--navy)}
.px-tab{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x proximity;height:calc(100vh - var(--pb) - 300px);min-height:440px;align-items:stretch;overscroll-behavior-x:contain}
.px-col{flex:1 0 236px;max-width:300px;display:flex;flex-direction:column;background:#eef2f8;border-radius:16px;min-height:0;scroll-snap-align:start;border:2px solid transparent;transition:border-color .12s,background .12s}
.px-col.sobre{border-color:var(--navy);background:#e3ecfb}
.px-col-libre{background:#fff7e0}.px-col-libre.sobre{background:#ffefc2}
.px-col-bloq{background:#f4f5f8}
.px-col-h{display:flex;flex-direction:column;gap:4px;padding:12px 12px 8px}
.px-col-h>b{font-size:14px;color:var(--titulo);display:flex;align-items:center;gap:6px}
.px-col-libre .px-col-h,.px-col-bloq .px-col-h{flex-direction:row;align-items:center}
.px-col-s{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.px-col-a{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:var(--ink-2);margin:0 12px 8px;padding:6px 8px;background:rgba(255,255,255,.7);border-radius:8px}
.px-col-a .i{flex:none;margin-top:1px;color:var(--navy)}
.px-col-l{list-style:none;margin:0;padding:0 8px 10px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;min-height:60px}
.px-col-mas{justify-content:center;align-items:center;text-align:center;gap:10px;padding:16px;background:transparent;border:2px dashed var(--line-2)}
.px-col-mas p{font-size:13px;color:var(--ink-2)}
.px-col-v{border:2px dashed var(--line-2);border-radius:12px;padding:16px 10px;text-align:center;font-size:12.5px;color:var(--muted)}
.px-card-p{display:grid;grid-template-columns:14px 32px minmax(0,1fr) 34px;gap:8px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 6px 8px 6px;box-shadow:var(--sh1);cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.px-card-p .av{width:32px;height:32px;font-size:12px}
.px-card-p.movido{border-color:var(--yel-d);box-shadow:inset 3px 0 0 var(--yel-d),var(--sh1)}
.px-card-p.px-bloq{grid-template-columns:14px 32px minmax(0,1fr);cursor:not-allowed;background:#fafbfc;opacity:.9}
.px-card-p.origen{opacity:.35}
.px-grip{color:#a7b2c4;padding-top:8px}
.px-cp-c{min-width:0}.px-cp-c b{display:block;font-size:13.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.px-cp-o{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.px-cp-e{display:flex;align-items:center;gap:6px;margin-top:3px;flex-wrap:wrap}.px-cp-e .chip{height:20px;font-size:12px}.px-cp-e small{font-size:12px;color:var(--muted)}
.px-cp-m{display:flex;gap:4px;align-items:flex-start;font-size:12px;color:var(--ink-2);margin-top:4px;line-height:1.35}
.px-cp-m .i{flex:none;margin-top:1px;color:var(--navy)}
.px-cp-mv{align-self:center}
.px-fantasma{position:fixed;left:0;top:0;z-index:100;pointer-events:none;box-shadow:var(--sh3);opacity:.96;cursor:grabbing}
body.px-arrastrando,body.px-arrastrando *{cursor:grabbing!important;user-select:none!important}
.px-abar{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;padding:10px 14px;background:var(--navy-d);color:#fff;border-radius:14px;box-shadow:var(--sh3)}
.px-abar .sp{flex:1}.px-abar .b:not(.yel){background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.px-rv-h{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--titulo);padding:12px 18px 4px;border-top:1px solid var(--line)}
.px-mv-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.px-mv{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;text-align:left;background:#fff}
.px-mv>span:not(.chip){flex:1;min-width:0}.px-mv b{display:block;font-size:14.5px}.px-mv small{color:var(--muted);font-size:12.5px}
.px-mv.act{border-color:var(--navy);background:#eef4ff}
/* administración */
.px-tcard .px-tb{position:sticky;top:calc(var(--pb) + 56px);z-index:8;background:#fff}
.px-por select{max-width:70px}
.px-lote{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#eef4ff;border-bottom:1px solid #cfdcf5}
.px-lote .sp{flex:1}
.px-ck{width:44px;text-align:center}
.px-ck input{width:18px;height:18px;accent-color:var(--navy);cursor:pointer}
.px-acc-c{width:1%;white-space:nowrap;text-align:right}
.px-adm td{max-width:280px;overflow:hidden;text-overflow:ellipsis}
.px-adm .px-c1{font-weight:700;color:var(--ink)}
.px-num-v{font-variant-numeric:tabular-nums}
.px-pag{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.px-pag .sp{flex:1}.px-pag-n{font-weight:700;color:var(--ink-2)}
.px-cargando{opacity:.55;transition:opacity .2s}
.px-tt td,.px-tt th{white-space:nowrap}
.px-adm td{white-space:normal;min-width:64px}.px-adm td.px-ck,.px-adm td.px-acc-c{min-width:0}
/* barra de abajo del móvil con «Más» */
.px-tabbar button{position:relative}
/* móvil */
@media (max-width:1180px){.px-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.px-g2,.px-g2.px-g2b{grid-template-columns:minmax(0,1fr)}.px-om-g{grid-template-columns:minmax(0,1fr) 260px}}
@media (max-width:1040px){.px-fg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
.px-main{padding:14px 12px 104px}
.px-h{gap:10px}.px-h h1{font-size:22px}
.px-h>.sp{display:none}
.px-h .filtros{order:5;width:100%;margin:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
.px-h .filtros button{white-space:nowrap}
.px-fil{margin-left:0}
.px-busca{width:100%}
.px-h .px-busca{order:6}
.px-solo-movil{display:inline-flex!important}.px-solo-escr{display:none!important}
.px-solo-movil.px-oculto{display:none!important}
.px-frase{font-size:15.5px}
.px-kpis{gap:8px}
.px-kpi{padding:12px 12px 10px}.px-kpi-n{font-size:28px}.px-kpi-i{width:28px;height:28px;right:10px;top:10px}.px-kpi-i .i{width:16px;height:16px}.px-kpi-t{padding-right:30px;font-size:12.5px}.px-kpi-s{font-size:12px}
.px-al{padding:12px 14px;grid-template-columns:34px minmax(0,1fr)}.px-al-i{width:32px;height:32px}
.px-al-b{grid-column:1/-1}
.px-po-cab{display:none}
.px-po-r{grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"o o o o" "f s t a";row-gap:6px;padding:10px 14px}
.px-po-o{grid-area:o}.px-po-f{grid-area:f}
.px-po-n{display:flex;align-items:center;gap:4px;font-size:13px}
.px-mlab{display:inline;font-size:12px;font-weight:600;color:var(--muted)}
.px-og-c{grid-template-columns:minmax(0,1fr) auto;padding:10px 14px}.px-og-c .px-avs{grid-column:1/-1;grid-row:2}
.px-h{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}.px-h>div:first-child{flex:1 1 100%}.px-h .px-t{display:none}.px-hd>.px-volver{order:-1}
.px-tk{padding:4px 14px 8px;gap:6px}.px-tk b{font-size:20px}.px-tk small{font-size:12px}
.px-ch{padding:6px 10px 0;grid-template-columns:24px minmax(0,1fr)}
.px-pr:not(.px-pr-o){display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:3px 10px;align-items:center;padding:10px 14px}.px-pr:not(.px-pr-o)>.av{grid-row:1/span 2;align-self:start}.px-pr-n{grid-column:2}.px-pr>.chip{grid-column:3;grid-row:1}.px-pr-h{grid-column:2/-1;min-width:0;font-size:12.5px}.px-pr-h:empty{display:none}.px-pr-b{grid-column:2/-1}
.px-ayuda .px-solo-movil{display:inline!important}
.px-abar.px-solo-movil{display:flex!important}.px-abar.px-solo-movil.px-oculto{display:none!important}
.px-abar{padding:8px 10px 8px 14px;gap:8px}.px-abar>span:first-child{font-size:13.5px}
.px-pr-o .px-pr-n,.px-pr-o .px-pr-m{flex:1 1 100%}
.px-hoja-c{width:100%;padding:16px 14px calc(16px + env(safe-area-inset-bottom))}
.px-ops{grid-template-columns:minmax(0,1fr)}
.px-dia b{min-width:0}
/* tablas como tarjetas */
.px-ot thead,.px-adm thead{display:none}
.px-ot,.px-ot tbody,.px-adm,.px-adm tbody{display:block}
.px-ot tr,.px-adm tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.px-ot td,.px-adm td{display:block;border:0;padding:0;max-width:none;white-space:normal}
.px-ot td::before,.px-adm td[data-l]::before{content:attr(data-l);display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.px-ot td:first-child,.px-adm .px-c1{grid-column:1/-1}
.px-ot td:first-child::before,.px-adm .px-c1::before{display:none}
.px-ot td:first-child .px-on{font-size:15.5px}
.px-adm tr{position:relative;padding-left:52px}
.px-adm td.px-ck{position:absolute;left:14px;top:12px;width:auto}
.px-adm td.px-c1{grid-column:1/-1;order:-1;font-size:15px;padding-right:40px}
.px-adm td.px-c1::before{display:none}
.px-adm td.px-acc-c{position:absolute;right:8px;top:6px;width:auto;overflow:visible}
.px-adm tr.sel{background:#eef4ff}.px-adm tr.sel td{background:transparent}
.px-tabla tbody tr:hover td{background:transparent}
.px-tt.px-tabla:not(.px-adm) td,.px-tt.px-tabla:not(.px-adm) th{padding:8px 10px}
.px-tcard .px-tb{position:static}
.px-pag{justify-content:center}.px-pag>span:first-child{flex:1 1 100%;text-align:center}.px-pag .sp{display:none}
/* obras */
.px-dl>div{grid-template-columns:minmax(0,1fr)}.px-dl{gap:12px}
.px-hist li{grid-template-columns:minmax(0,1fr);gap:2px;padding:10px 14px}
.px-om-g{grid-template-columns:minmax(0,1fr)}
.px-om-l{border-left:0;border-top:1px solid var(--line);max-height:none;min-height:0}
.px-map.grande{height:52vh;min-height:300px}
.px-map.medio{height:260px}
.px-om-sel{position:static;width:auto;margin:10px 10px 0;box-shadow:var(--sh2);border:1px solid var(--line)}
.px-2c{grid-template-columns:minmax(0,1fr)}
.px-form[data-paso="1"] .px-paso2,.px-form[data-paso="2"] .px-paso1{display:none}
.px-fcampos{padding:6px 14px 16px}
.px-fpie{margin:4px -12px 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));bottom:72px}
/* asignación */
.px-tab{height:calc(100vh - var(--pb) - 330px);min-height:380px;gap:10px;scroll-snap-type:x mandatory;margin:0 -12px;padding:2px 12px 12px;scroll-padding:0 12px}
.px-col{flex:0 0 84%}
.px-abar{bottom:84px}
.px-mas{padding-top:12px}
}
@media (max-width:420px){.px-kpi-n{font-size:26px}.px-tk span{font-size:12px}.px-dia b{font-size:13px}}
@media (prefers-reduced-motion:reduce){.px-hoja-c,.px-mas{animation:none}}
/* modo oscuro */
body.oscuro :is(.px-kpi,.px-og-c,.px-card-p,.px-op,.px-mv,.px-hoja-c,.px-mas,.px-om-sel,.px-m-err,.px-sel,.px-tcard .px-tb){background:var(--card);color:var(--ink);border-color:var(--line)}
body.oscuro .px-tabla th{background:#1a2643}
body.oscuro .px-tabla tbody tr:hover td,body.oscuro button.px-po-r:hover,body.oscuro .px-oml:hover{background:#1c2845}
body.oscuro .px-col{background:#1a2643}body.oscuro .px-col-libre{background:#2b2612}body.oscuro .px-col-bloq{background:#18203a}
body.oscuro :is(.px-kpi-n,.px-po-o b,.px-og-h b,.px-al-c b,.px-pr-n b,.px-cp-c b,.px-tk b,.px-dia b,.px-mas-h h2,.px-on,.px-col-h>b,.px-oml b,.px-prop b){color:var(--ink)}
body.oscuro .px-prop{background:#13294f;border-color:#25314e}
body.oscuro .px-fpie{background:rgba(12,20,38,.94)}
body.oscuro .px-map{background-color:#1c2845}
body.oscuro .px-seg button[aria-pressed=true]{background:var(--card);color:var(--ink)}
.vc-saldo .vc-suma{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.86);font-size:calc(var(--fs) * .8);margin-top:4px;line-height:1.35}.vc-saldo .vc-suma .i{flex:none;color:var(--yel)}
/* ================= Módulo CRM (Daniela Cova, 07/11/2026 · fase B): los estilos del CRM viven en crm.css y se cargan al entrar en el CRM.
Aquí solo el hueco mientras carga y el aviso si no se puede abrir (tienen que verse aunque falte crm.css) ================= */
/* imprimir: hoja A4 sin márgenes. Estaba en el bloque del CRM pero vale para imprimir cualquier pantalla: se queda aquí */
@media print{@page{size:A4;margin:0}}
.crm-sitio{min-height:60vh}
.crm-sitio-t{margin:0;padding:24px 4px;color:var(--muted);font-size:14px;animation:fade .2s .4s both}
.crm-carga-err{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:24px 4px 0;color:var(--bad2);font-weight:600;line-height:1.45}
.crm-carga-err .i{flex:none;margin-top:2px;color:var(--bad)}
@media (prefers-reduced-motion:reduce){.crm-sitio-t{animation:none}}
/* ================= Orden #863 · pantallas (Daniela): PIN de 4 a 8 números, «Cambia tu PIN» y aviso de la clave en el acceso ================= */
.teclado button[data-n=ok]{background:var(--ok);color:#fff}
.teclado button[data-n=ok][disabled]{background:var(--soft);color:var(--muted);opacity:.55;cursor:not-allowed}
.pin-ayuda{color:var(--muted);font-size:14px;text-align:center;margin:-2px 0 6px}
.op .pin-ayuda{font-size:calc(var(--fs) * .85)}
.puntos{flex-wrap:wrap;row-gap:8px}
.login-nota{display:flex;gap:8px;align-items:flex-start;color:#c8d5ec;font-size:14px;line-height:1.45;max-width:620px;margin:-14px 0 22px}
.login-nota .i{flex:none;margin-top:1px;color:var(--yel)}
.login-nota b{color:#fff}
.pin-863 .px-hoja-c{gap:12px}
.pin-por{color:var(--ink-2);line-height:1.45}
.pin-paso{font-size:12.5px;font-weight:800;color:var(--yel-d);letter-spacing:.04em}
.pin-h{font-size:20px;font-weight:800;color:var(--titulo);margin:0}
.pin-863 .pin-ayuda{text-align:left;margin:0}
.pin-863 .puntos{justify-content:flex-start;margin:8px 0}
.pin-err{display:flex;gap:8px;align-items:center;color:var(--bad);font-weight:700;background:var(--badbg);border-radius:10px;padding:8px 12px}
.pin-863 .teclado button{height:58px}
.avisa-nota{display:flex;gap:8px;align-items:flex-start;background:var(--soft);border-radius:10px;padding:8px 12px;color:var(--ink-2)}
@media(max-width:760px){.login-nota{margin:-8px 0 16px}}
/* ================= Orden #819 · (h) Pedir material, (i) Chófer, (j) Mis papeles y #870 «Dar PIN nuevo» (Daniela Cova, 07/11/2026) =================
Se apoya en las piezas del diseño v5 (ped-c, pasos4, mat-t, tallas, cuando-g, foto-op, coche, pdia, res-v, urgente-t, ped-ofi).
Clases nuevas con prefijo «pj-» y «npin-», también los modificadores. */
.pj-lista{display:flex;flex-direction:column;gap:12px}
.op .grupo-t+.pj-lista,.op .grupo-t+.pj-docs{margin-top:-6px}
.pj-mas{border:1px solid var(--line);border-radius:18px;background:#fff}
.pj-mas>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:56px;padding:0 16px;font-weight:800;color:var(--titulo);cursor:pointer;font-size:calc(var(--fs) * .92)}
.pj-mas>summary::-webkit-details-marker{display:none}
.pj-mas>summary .i{width:20px;height:20px;transition:transform .2s}
.pj-mas[open]>summary .i{transform:rotate(90deg)}
.pj-mas>summary b{margin-left:auto;background:var(--soft);border-radius:999px;padding:2px 10px;font-size:calc(var(--fs) * .78)}
.pj-mas>.pj-lista{padding:0 10px 12px}
.pj-vacio h2{margin-top:8px}
.pj-vacio p{color:var(--muted)}
.pj-verde{color:var(--ok)!important;font-weight:800}
.ped-c .dice.pj-verde{display:flex;align-items:center;gap:6px}
.pj-rech{font-size:calc(var(--fs) * .9)}
.pj-encola{border-style:dashed;background:#fbfcfe}
.pj-h2{margin-top:4px}
.pj-obras button{font-size:calc(var(--fs) * .82);height:auto;min-height:56px;padding:8px 14px;text-align:center;line-height:1.2}
.foto-op .th img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}
.pj-foto-g{min-height:84px}.pj-foto-g .th{width:68px;height:68px}
.pj-quitar{align-self:flex-start;min-height:44px;font-size:calc(var(--fs) * .8)}
.pj-campo{display:flex;flex-direction:column;gap:6px}
.pj-campo .lab{font-weight:700;font-size:calc(var(--fs) * .85);color:var(--titulo)}
.pj-km{font-size:calc(var(--fs) * 1.5);font-weight:800;letter-spacing:.08em;min-height:64px;text-align:center}
.pj-ayuda{font-size:calc(var(--fs) * .8);color:var(--muted);margin-top:-8px}
.pj-res{margin-top:2px}
.pj-hecho h2{margin-top:10px}.pj-hecho p{color:var(--muted)}
.pj-pend{margin:0}
.pj-izq{text-align:left;margin-top:12px}
.pj-cant{margin-top:4px}
.pj-anio{font-size:calc(var(--fs) * .85);font-weight:800;color:var(--titulo);margin:2px 0 -6px}
.pj-docs{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.pj-doc{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px 10px 14px;min-height:72px;border-top:1px solid var(--line)}
.pj-doc:first-child{border-top:0}
.pj-doc .tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--infbg);color:var(--inf)}
.pj-doc .tile .i{width:26px;height:26px}
.pj-doc-t{min-width:0}
.pj-doc-t b{display:block;font-size:var(--fs);color:var(--titulo);line-height:1.2}
.pj-doc-t small{display:block;font-size:calc(var(--fs) * .76);color:var(--muted);margin-top:2px}
.pj-bajar{min-height:48px;padding:0 14px;font-size:calc(var(--fs) * .82);font-weight:800;border-radius:12px;gap:6px}
.pj-bajar[disabled]{opacity:.6}
.pj-nota{font-size:calc(var(--fs) * .78);color:var(--muted)}
.pj-min{min-width:0}
.pj-fuera{display:block;font-size:12px;color:var(--pen);font-weight:700}
.pj-foto-v{display:block;max-width:100%;max-height:70vh;margin:0 auto;border-radius:12px;box-shadow:var(--sh2)}
@media(max-width:420px){
.pj-doc{grid-template-columns:40px minmax(0,1fr);row-gap:8px}
.pj-doc .tile{width:40px;height:40px}
.pj-doc>.pj-bajar,.pj-doc>.chip{grid-column:1/-1;justify-self:stretch;justify-content:center}
}
/* «Dar PIN nuevo» (oficina) */
.npin-card{display:flex;flex-direction:column;gap:12px}
.npin-card .b{align-self:flex-start}
.npin-txt{color:var(--ink-2);line-height:1.5}
.npin-dicta{color:var(--ink-2);font-size:15px}
.npin-pin{font:800 54px/1.1 'Courier New',ui-monospace,monospace;letter-spacing:.12em;color:var(--titulo);text-align:center;background:var(--soft);border:2px dashed var(--line-2);border-radius:16px;padding:18px 8px;margin:10px 0;white-space:nowrap}
.npin-l{list-style:none;display:flex;flex-direction:column;gap:8px;margin:4px 0 6px;padding:0}
.npin-l li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2);font-size:14.5px;line-height:1.4}
.npin-l .i{flex:none;margin-top:2px;color:var(--navy)}
@media(max-width:420px){.npin-pin{font-size:42px;letter-spacing:.08em}}
body.oscuro :is(.pj-mas,.pj-docs,.npin-pin){background:var(--card);color:var(--ink);border-color:var(--line)}
.npin-acc{display:flex;flex-direction:column;gap:10px;align-items:flex-start;border-top:1px solid var(--line);padding-top:12px}
.npin-acc:empty{display:none}
.npin-est{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ink-2)}
.npin-est .i{flex:none;margin-top:2px}
.npin-est.ok .i{color:var(--ok)}.npin-est.mal{color:var(--bad2)}.npin-est.mal .i{color:var(--bad)}
@media(min-width:1041px){.pj-lista-ofi .ped-th,.pj-lista-ofi .ped-ofi{grid-template-columns:minmax(0,1.3fr) minmax(0,1.6fr) 120px 62px 118px 228px}}
/* regresión (Daniela, 07/11): en el móvil la tabla de ejemplo de «Horarios y márgenes» ensanchaba la página (482 px) y movía la barra de abajo */
@media(max-width:760px){.ofi-col .card5{min-width:0;max-width:100%}.ofi-col .tabla-w{overflow-x:auto;max-width:100%}.ho-vig{min-width:0;max-width:100%}.ho-vig .chip{white-space:normal;height:auto;min-height:26px;line-height:1.3;max-width:100%;padding-top:4px;padding-bottom:4px}}
/* regresión (Daniela, 07/11): a 1100 px las tablas de Administración ensanchaban la página: el texto oculto para lectores de pantalla (.sr,
absoluto) se salía del contenedor con desplazamiento. Y «Fichajes del día» entre 901 y 1250 px se cortaba por la derecha: ahí van tarjetas. */
.px-tw,.tabla-w{position:relative}
@media(min-width:901px) and (max-width:1250px){#fj-lista .only-tabla{display:none}#fj-lista .only-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#fj-lista .only-card>*{min-width:0}}
/* ================= Orden #879 de ARCED · críticos 1 y 2 (Daniela Cova, 07/11/2026) ================= */
#toast .t.mal{background:var(--badbg);color:var(--bad2);border:1px solid #f3c6c2}
#toast .t.mal .i{color:var(--bad)}
#toast .t.mal button{color:var(--bad2)}
.op-sindatos .bl{margin-top:10px}
/* menú lateral con poca altura (1366×543): pie en una línea, sin «Conectado · datos de las…», máscara al final y barra fina visible */
.side .conex{display:none}
.side .cuenta{padding:6px 8px;gap:8px;min-width:0}
.side .cuenta .t{min-width:0;flex:1 1 auto;overflow:hidden}
.side .cuenta b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side .cuenta small{display:none}
.side .cuenta .av{width:30px;height:30px;font-size:12px;flex:none}
.side .px-nav{padding-bottom:22px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 26px),transparent);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.38) transparent}
.side .px-nav::-webkit-scrollbar{width:6px}
.side .px-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.38);border-radius:6px}
.side .px-nav::-webkit-scrollbar-track{background:transparent}
@media (max-height:820px){.side .px-nav button{height:44px}}
/* ================= Fase C (Daniela de app.js, 09/11/2026) ================= */
/* D-98: «Elige tu PIN»: botones de 44 px */
.pin-863 .px-hoja-pie .b{min-height:44px}
/* #879 punto 3: modo oscuro con el token --titulo (claro = azul marino de siempre; oscuro = casi blanco). Lo que lleva fondo amarillo o blanco
sigue con texto azul marino. La barra de abajo y los enlaces se pintan con los colores del tema. */
body.oscuro :is(.b.yel,.bl.yel,.side nav .n,.px-mas-n .n,.op-top .tb[aria-pressed=true],.op-top .tb.campana[aria-current=page],.banda-off,.tabbar .n,.op-nav .n,.campana .n,.ofi-bar .campana .n,.ofi-top .campana .n,.pdia.ahora .n,.av-c.nuevo::before,#proto a[aria-current=page] .n5){color:var(--navy-d)}
body.oscuro :is(.disparo,.px-pin-n){color:var(--navy-d)}
body.oscuro .seg button[aria-pressed=true]{background:var(--card);color:var(--ink)}
body.oscuro .tabbar{background:var(--card);border-top-color:var(--line)}
body.oscuro .tabbar button[aria-current=page] .i{color:var(--yel)}
body.oscuro :is(.link,.px-col-a .i){color:var(--inf)}
body.oscuro .px-col-a{background:rgba(12,20,38,.55);color:var(--ink-2)}
/* #879 punto 11: zonas táctiles de 44 px en el móvil */
@media (max-width:767px){
#app button,#capa button,#app summary{min-height:44px;min-width:44px}
#app select,#capa select,#app input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),#capa input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]){min-height:44px}
#app .link,#app a.link{min-height:44px;display:inline-flex;align-items:center}
#app input[type=checkbox],#app input[type=radio]{width:22px;height:22px}
}
@media (max-width:767px){
#app select,#capa select{min-width:44px}
#app .sel-l,#app .fj-dia5{min-height:44px}
#app .fj-dia5{display:inline-flex;align-items:center}
#app label:has(>input[type=checkbox]:only-child),#app label:has(>input[type=radio]:only-child){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
}
body.oscuro .px-kpi-f{color:var(--inf)}
/* #879 punto 4: Ajustes en lenguaje llano, por pestañas, con «Detalle técnico» plegado */
.aj-tabs{margin:2px 0 14px}
.aj-pt{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--yel-d);margin-left:2px;flex:none}
.aj-tec{margin-top:6px;font-size:12px;color:var(--muted)}
.aj-tec summary{cursor:pointer;font-weight:700;padding:6px 0;display:inline-block}
.aj-tec dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:4px 0 0}
.aj-tec dt{font-weight:700}
.aj-tec dd{margin:0;overflow-wrap:anywhere}
.aj-resumen .chip .lnk{margin-left:8px}
@media (max-width:520px){.aj-tec dl{grid-template-columns:1fr}.aj-tec dt{margin-top:4px}}
/* #879 punto 5: un solo inicio. Dos tarjetas cuando no hay «Horas piloto»; «Obras de hoy y su gente» con los avatares en cada obra */
.tres.dos{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.tres.dos{grid-template-columns:minmax(0,1fr)}}
.px-po-av{display:flex;margin-top:4px}
/* #879 punto 6: buscador de arriba con paleta de resultados */
.gq-res{position:fixed;z-index:80;max-height:min(70vh,480px);overflow:auto;background:var(--card);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 14px 40px rgba(3,18,48,.22);padding:6px;color:var(--ink)}
.gq-g{padding:8px 10px 4px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.gq-r{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 10px;border-radius:10px;text-align:left;color:var(--ink)}
.gq-r[aria-selected=true],.gq-r:hover{background:var(--soft)}
.gq-t{display:flex;flex-direction:column;min-width:0}
.gq-t b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gq-t small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gq-ayuda,.gq-vacio{margin:0;padding:10px 12px;font-size:13px;color:var(--muted)}
.gq-vacio{font-weight:800;color:var(--ink);font-size:14px;padding-bottom:2px}
.gq-hoja{position:fixed;inset:0;z-index:70;background:var(--bg);padding:max(12px,env(safe-area-inset-top)) 12px 12px}
.gq-top{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.gq-top .gbusca{flex:1;display:flex}
.gq-top .gbusca input{width:100%}
.gq-res.movil{position:fixed;left:12px!important;right:12px;top:68px!important;width:auto!important;max-height:calc(100vh - 84px);z-index:90}
/* barra de arriba del móvil: «Conectado» es un punto discreto (con texto solo si no hay conexión) */
@media (max-width:767px){
.ofi-top .conx-c:not(.off){padding:0;width:20px;min-width:20px;background:transparent;border:0;gap:0;justify-content:center;color:#fff}
/* #1126 (aviso de Iris, #1108/#1115): el texto «Conectado» ya no es una caja de 1 px recortada. Se quita del dibujo; el estado lo dicen el aria-label y el título del propio aviso (role=status), y el punto verde se ve más claro (10 px con aro). */
.ofi-top .conx-c:not(.off) .conx-t{display:none}
.ofi-top .conx-c:not(.off) i{width:10px;height:10px;box-shadow:0 0 0 3px rgba(46,155,106,.35)}
.ofi-top{gap:6px}
.ofi-top .b.ico{min-width:44px}
}
/* #879 punto 7: Obras paginadas, banda de «sin pin», tarjeta de 2 líneas en el móvil */
.px-pie{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.px-pie-pp,.px-pie-pg{display:inline-flex;align-items:center;gap:4px}
.px-pie-pg{margin-left:auto}
.px-pie button{min-width:36px;height:36px;padding:0 8px;border-radius:9px;border:1px solid var(--line-2);background:var(--card);color:var(--ink);font-weight:700;font-size:13px}
.px-pie button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.px-pie button:disabled{opacity:.4}
.px-pie-e{padding:0 4px}
.px-banda-pin{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:var(--penbg);color:var(--ink);font-size:13.5px}
.px-banda-pin>span{flex:1 1 260px;min-width:0}
.px-banda-pin .i{color:var(--pen)}
.px-ot.sin-hoy .px-oh{display:none}
.px-os-m{display:none}
.px-om-m{position:relative}
.px-om-vacio{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;max-width:300px;padding:16px 18px;border-radius:14px;background:var(--card);box-shadow:0 6px 24px rgba(3,18,48,.18);color:var(--ink)}
.px-om-vacio span{font-size:13px;color:var(--muted)}
@media (max-width:760px){
.px-ot tr{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:10px 14px}
.px-ot td::before{display:none!important}
.px-ot td:first-child{grid-column:1;grid-row:1}
.px-ot td.px-of{grid-column:2;grid-row:1/3;align-self:center}
.px-ot td:first-child .px-os{white-space:normal;overflow-wrap:anywhere}
.px-ot td.px-oc{display:none}
.px-ot td.px-om-c{display:none}
.px-os-m{display:inline}
.px-pie{padding:10px 12px}.px-pie-pg{margin-left:0}
}
/* #879 punto 8: Asignación sin contradicciones (aviso ámbar si no hay nadie asignado) y, en el móvil, las obras una debajo de otra */
.px-prop.warn{background:var(--penbg);border-color:#ecd48a;align-items:center}
.px-prop.warn .i{color:var(--pen)}
.px-prop.warn .b{margin-left:auto;flex:none}
@media (max-width:760px){
.px-tab{flex-direction:column;height:auto;min-height:0;overflow-x:visible;scroll-snap-type:none;margin:0;padding:2px 0 12px;gap:12px}
.px-col{flex:none;width:100%}
.px-prop.warn{flex-wrap:wrap}
}
body.oscuro .px-prop.warn{background:var(--penbg);border-color:#5a4713}
/* #879 punto 9: Horarios en el móvil: las píldoras largas saltan de línea y «Cómo se verá» pasa a tarjetas */
@media (max-width:767px){
.ho-vig .chip,.ho-barra .chip{white-space:normal;max-width:100%;height:auto;min-height:26px;line-height:1.3;padding-top:4px;padding-bottom:4px}
.ho-vig{flex-wrap:wrap;min-width:0}
}
@media (max-width:500px){
.ho-ej thead{display:none}
.ho-ej,.ho-ej tbody{display:block}
.ho-ej tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.ho-ej td{display:block;border:0;padding:0;white-space:normal}
.ho-ej td.ho-p{grid-column:1/-1}
.ho-ej td[data-l]::before{content:attr(data-l);display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
}
/* #879 punto 10: entrada sin barra de prototipo, con ojo para ver la clave y ayuda */
#proto[hidden]{display:none}
.clave-c{display:flex;gap:6px;align-items:center}
.clave-c input{flex:1;min-width:0}
.login-ayuda{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;font-size:13.5px;color:var(--ink-2)}
.login-ayuda a{font-weight:800;color:var(--titulo)}
/* #879 punto 11: Fichajes del día a 1366 sin nombres ni obras cortados; pestañas con sombra al borde; Administración en el móvil sin campos vacíos */
#fj-lista td{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
#fj-lista th{white-space:nowrap}
@media (max-width:767px){
.linea-t .filtros,.px-h .filtros,.ofi-h .filtros{background:linear-gradient(to right,var(--bg) 30%,transparent),linear-gradient(to left,var(--bg) 30%,transparent) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(3,18,48,.22),transparent) 0 0,radial-gradient(farthest-side at 100% 50%,rgba(3,18,48,.22),transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}
.px-adm td:has(>.mut:only-child){display:none}
}
/* #879 punto 12: operario. Varias jornadas el mismo día van juntas */
.dia-g{display:grid;gap:6px}
.dia-g .dia-c+.dia-c{margin-top:0}
/* #879 (final): filtros en píldoras con su contador en todas las pantallas (no subrayadas), como el CRM */
.filtros{gap:6px}
.filtros button{padding:0 12px;min-height:36px;border:1px solid var(--line-2);border-bottom-width:1px;border-radius:999px;background:var(--card);color:var(--ink-2)}
.filtros button b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--soft);font-size:12px;color:var(--ink-2)}
.filtros button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.filtros button[aria-pressed=true] b{background:rgba(255,255,255,.22);color:#fff}
body.oscuro .filtros button{background:var(--card);border-color:var(--line-2);color:var(--ink-2)}
body.oscuro .filtros button b{background:var(--soft);color:var(--ink-2)}
body.oscuro .filtros button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
body.oscuro .filtros button[aria-pressed=true] b{background:rgba(255,255,255,.22);color:#fff}
.aj-tabs button .aj-pt{margin-left:0}
/* zonas táctiles de 44 px también en Banco y Almacén (sus archivos no se tocan) y en las casillas de las tablas */
@media (max-width:767px){
#app :is([class*="alm-"],[class*="bco-"]):is(button,a,[role=tab],[role=button],summary){min-height:44px}
#app td.px-ck input[type=checkbox]{width:44px;height:44px;margin:0}
}
/* API v3.4: coche del parte (operario) y «Coches del día» (logística) */
.pj-lst{margin:14px 0}.pj-lst h3{font-size:14px;margin:0 0 6px;color:var(--titulo)}
.pj-lst ul,.co-l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pj-lst li,.co-l li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.pj-lst li small,.co-l li small{display:flex;gap:4px;align-items:center;flex-basis:100%;color:var(--bad2,#8c1d17);font-weight:700}
.pj-lst li.anulada span,.co-l li.anulada span{text-decoration:line-through;text-decoration-color:var(--muted);color:var(--muted)}
.pj-lst li.anulada small,.co-l li.anulada small{text-decoration:none}
.co-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:16px;align-items:start}
.co-p.urg{border-color:var(--bad)}
.co-c{margin:0 16px 8px;color:var(--ink-2);font-weight:700}
.co-p .res-v{margin:0 16px 8px}.co-p h4{margin:10px 16px 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.co-p .co-l{margin:0 16px 14px}
/* pedidos: historial de cada pedido */
.pj-hist{margin:8px 0 0;font-size:13px}.pj-hist summary{display:flex;gap:6px;align-items:center;cursor:pointer;font-weight:700;color:var(--ink-2);min-height:36px}
.pj-hist ol{list-style:none;margin:4px 0 0;padding:0 0 0 6px;display:grid;gap:6px;border-left:2px solid var(--line)}
.pj-hist li{display:flex;flex-wrap:wrap;gap:2px 10px;padding-left:10px}.pj-hist li small{flex-basis:100%;color:var(--muted)}
.pj-doc.nueva{border-color:var(--inf)}.pj-nueva{margin-left:6px}
.npin-lst{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}
/* «De Odoo»: histórico de solo lectura, en gris y aparte */
.od-b{margin:16px 0;padding:12px 14px;border:1px dashed var(--line-2);border-radius:12px;background:var(--soft);color:var(--ink-2)}
.od-b h3{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 4px;font-size:14px;color:var(--ink-2)}
.od-n{margin:0 0 8px;font-size:12.5px;color:var(--muted)}
.od-tot{margin:0 0 8px}
.od-l{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:340px;overflow:auto}
.od-l li{display:grid;gap:2px;padding:6px 8px;border-radius:8px;background:var(--card);font-size:13px}
.od-l li small{color:var(--muted)}.od-rev{display:flex;gap:4px;align-items:center;color:var(--pen)!important}
.od-m{display:block;font-size:12px;color:var(--muted);font-weight:600}
.od-linea{display:flex;gap:8px;align-items:flex-start;margin:8px 0;padding:8px 12px;border-radius:10px;background:var(--soft);color:var(--ink-2);font-size:13px}
.co-p .res-v{margin:0 0 8px;padding:0 16px;grid-template-columns:repeat(3,minmax(0,1fr))}.co-p{min-width:0}
/* #847 R-30: tablas de Administración con sombra al borde para avisar de que hay más a la derecha */
.px-tw{background:linear-gradient(to right,var(--card) 30%,transparent),linear-gradient(to left,var(--card) 30%,transparent) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(3,18,48,.2),transparent) 0 0,radial-gradient(farthest-side at 100% 50%,rgba(3,18,48,.2),transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,12px 100%,12px 100%;background-attachment:local,local,scroll,scroll}
/* #951: «Esta vista es para…» — pantalla en llano cuando la vista no es del perfil (sin llamar a la API) */
.sp-pag{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--bg);color:var(--ink)}
.sp-card{width:100%;max-width:440px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh2);padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.sp-logo{height:40px;box-sizing:content-box;padding:10px 16px;border-radius:var(--rs);background:var(--navy-d);margin-bottom:4px}
.sp-ico{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--infbg);color:var(--inf)}
.sp-ico .i{width:32px;height:32px}
.sp-card h1{font-size:24px;font-weight:800;color:var(--titulo);line-height:1.2;outline:0}
.sp-txt{font-size:17px;color:var(--ink-2);line-height:1.4}
.sp-cuenta{display:flex;gap:8px;align-items:center;justify-content:center;font-size:15px;color:var(--muted);padding:8px 12px;border-radius:var(--rs);background:var(--soft)}
.sp-bot{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:8px}
.sp-bot .bl{min-height:52px}
.sp-bot .bl.sec{background:var(--card);color:var(--ink);border-color:var(--line-2)}
.sp-bot .bl.txt{color:var(--inf)}
@media (max-height:640px){.sp-pag{padding:12px 16px}.sp-card{gap:8px;padding:16px 20px}.sp-ico{display:none}.sp-logo{height:30px;padding:8px 14px}.sp-card h1{font-size:21px}.sp-txt{font-size:16px}.sp-bot{flex-direction:row;flex-wrap:wrap;margin-top:4px}.sp-bot .bl{flex:1 1 150px;width:auto;min-height:48px}}
/* #954 · fichaje propio del encargado y nombres largos en «Tu gente» */
.ef-card{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}
.ef-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ef-h h2{margin:0;font-size:18px;color:var(--navy-d)}
.ef-sub{margin:0;font-size:16px;color:var(--ink)}
.ef-card .bl{min-height:56px;width:100%}
.ef-dos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ef-card .ef-mas{min-height:48px}
.persona .nom{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.25}
/* #954 pasada final · nombres reales largos: se parten en dos líneas en vez de cortarse con «…» (Mando, Asignación) */
.px-po-o b,.px-po-o small,.px-cp-c b,.px-cp-c small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
/* #960 · el campo que la API señala en un 400 */
.cv-campo-mal{outline:2px solid var(--bad,#b3261e)!important;outline-offset:2px;border-radius:10px}
.cv-campo-msg{margin:6px 2px 0;color:var(--bad,#b3261e);font-weight:700;font-size:14px;line-height:1.35;scroll-margin:96px 0 120px}
body.oscuro .cv-campo-mal,.oscuro .cv-campo-mal{outline-color:#ffb4ab!important}
body.oscuro .cv-campo-msg,.oscuro .cv-campo-msg{color:#ffb4ab}
/* #979 · cabecera fija en las tablas largas de Obras y Administración (la tabla se desliza dentro de su caja) */
.px-tw{max-height:calc(100vh - 150px);overflow-y:auto}.px-tabla thead th{position:sticky;top:0;z-index:3}
:root{--cab-fija:56px}
.vacio-ayuda{margin:6px auto 0;max-width:46ch;color:var(--muted);font-size:14px;line-height:1.4}.vacio-acc{margin:12px auto 0;display:inline-flex;min-height:44px}
.fj-pausas{white-space:nowrap}
/* #982 · pedidos en bloque */
.pdo-chk{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-8px 0 -8px -10px;cursor:pointer}.pdo-chk input,.pdo-todos input{width:22px;height:22px;accent-color:var(--navy,#173f7a);cursor:pointer}
.ped-ofi .qn{display:flex;align-items:center;gap:8px;min-width:0}
.pdo-bulk{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px;margin:0 0 10px;border:1px solid var(--line);border-radius:14px;background:var(--card,#fff);position:sticky;top:var(--cab-fija,0px);z-index:5;box-shadow:var(--sh1)}
.pdo-todos{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:700;cursor:pointer}.pdo-bulk .sp{flex:1}
@media(max-width:760px){.pdo-bulk{top:66px}.pdo-bulk .b{flex:1 1 40%;justify-content:center;min-height:44px}}
/* pase final 5: la etiqueta larga se recorta con puntos y la cifra nunca se sale del menú */
.side nav button .t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side nav button .n{flex:none}
/* #995 (Daniela): al llevar un campo a la vista (clic, Tab, scrollIntoView) no queda bajo la cabecera fija ni bajo la barra inferior / «Siguiente» */
html{scroll-padding-top:calc(var(--pb) + 128px);scroll-padding-bottom:110px}
@media(max-width:899px){html{scroll-padding-top:100px;scroll-padding-bottom:calc(156px + env(safe-area-inset-bottom,0px))}}
.px-nav,.side nav{scroll-padding:8px 0 44px}
/* #995: el menu lateral queda siempre por encima de la cabecera de la pagina; el nombre largo se recorta con puntos y no tapa nada */
.ofi>.side{z-index:40}
.side .cuenta{flex:none;overflow:hidden}.side .cuenta>span{min-width:0;flex:1 1 auto}
.cuenta b,.cuenta small,.mini-cuenta b,.mini-cuenta small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-cuenta{max-width:min(300px,34vw);min-width:0}.mini-cuenta>span{min-width:0;overflow:hidden}
/* #996: la franja vacia de la cabecera no recoge clics (solo sus controles); el menu lateral termina siempre antes del bloque de usuario */
.ofi-bar{pointer-events:none}
.ofi-bar :is(button,a,input,select,textarea,label,.campo,.buscar,[role=button],[data-act]){pointer-events:auto}
.side .px-nav{padding-bottom:30px;margin-bottom:6px}
.side .cuenta b,.side .cuenta small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* repasoofic2 (Arcebot H): la miniatura del parte sin foto o cargando, en «Firmar» del encargado: el icono ocupaba toda la caja y el texto salía cortado */
.mini .foto-carga{flex-direction:column;gap:4px;padding:4px;text-align:center;font-size:12px;line-height:1.2}
.mini .foto-carga svg{width:26px;height:26px;flex:none}
/* repasoofic2: avisos del móvil: las pastillas sin elegir eran blancas con texto azul clarísimo (contraste 1,4:1) y el título del aviso salía cortado con puntos («Hoy llevas el coche 12…») */
.avi-top .avi-fil button:not([aria-pressed=true]),.avi-top .avi-fil button:not([aria-pressed=true]) b{color:var(--ink-2)}
.avi-movil .avi-t{align-items:flex-start}
.avi-movil .avi-t b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
/* #989: a 1100 px el tablero de Asignación cabe sin desplazamiento lateral cuando hay pocas columnas; con muchas se desplaza con columnas de 176 px */
@media(min-width:900px) and (max-width:1279px){.px-col{flex:1 0 176px;max-width:none}.px-tab{gap:8px}}
/* #1001: pie de la entrada segun la base */
.pie-base:empty{display:none}
.entrar-c footer .pie-base.real{color:var(--yel);font-weight:700}
/* #1001: pantalla de entrada de oficina: lo que se escribe se ve (antes blanco sobre blanco), el ojo de la clave y el boton se ven sobre el fondo azul */
.login input{color:#14233d;background:#fff}
.login input::placeholder{color:#6b7a93}
.login .clave-c .b.ico{background:#fff;color:#14233d;border:1.5px solid var(--line);width:52px;height:52px;flex:none;justify-content:center}
.login .b.pri{background:var(--yel);color:#14233d;border-color:transparent}
.login-ayuda{color:#c8d5ec}.login-ayuda a{color:#fff}.login-ayuda .i{color:var(--yel)}
/* #1003: el menu de la cuenta del menu lateral se abre a la derecha del menu y no encima de sus botones (Ausencias, Papeles, Odoo y Cova...) */
@media(min-width:900px){.side .menu-cuenta{position:fixed;left:244px;right:auto;top:auto;bottom:12px;width:260px;max-height:calc(100vh - 24px);overflow:auto;z-index:70}.plegado .side .menu-cuenta{left:84px}}
/* #1008: la lista del menu lateral nunca llega al bloque de usuario del pie, aunque sea mas alta que la ventana (se desplaza dentro) */
@media(min-width:900px){.side .px-nav{max-height:calc(100vh - var(--pb,0px) - 150px);overflow-y:auto;padding-bottom:36px;scroll-padding:8px 0 56px}.side .cuenta,.side .conex{flex:none}}
/* #1010: linea que explica que cuenta cada cifra (texto_recuento de la API) */
.px-rec,.crm-rec,.rec-t{margin:4px 0 12px;color:var(--ink-2);font-size:13.5px;line-height:1.4;max-width:70ch}.crm-rec{margin:-4px 0 12px}.rec-t{margin:8px 2px 0}
.ofi-h .px-rec{margin:2px 0 0}
/* #1010: pie con la base real */
.pie-real{font-size:12px;font-weight:800;color:var(--yel);padding:0 10px 8px;letter-spacing:.02em}.pie-real:empty{display:none}.px-mas-c .pie-real{flex-basis:100%;padding:6px 0 0}
/* #1011 (D-125): la columna lateral entera hace scroll si no cabe y el bloque de la cuenta va en el FLUJO, despues del ultimo boton del menu: no puede quedar encima de ninguno */
@media(min-width:900px){
.side{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
.side .px-nav{flex:none;max-height:none;overflow:visible;min-height:auto;margin-bottom:0;padding-bottom:12px;-webkit-mask-image:none;mask-image:none;scroll-padding:0}
.side .px-nav+.sp{flex:1 0 12px}
.side .conex,.side .cuenta,.side .pie-real,.side .logo{flex:none;position:static}
}
/* #1011: en el movil el contenido termina por encima de la barra inferior y de la barra de «Siguiente» */
@media(max-width:899px){.ofi-main,.px-main{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}}
/* #1017 (Daniela, P16 · p16n5) · barra superior de la oficina entre 761 y 1180 px: no cabía en la columna (buscador, «Conectado», avisos, tema, Ayuda y cuenta) y la página se desplazaba de lado
unos 130 px, con el botón de la cuenta aplastado. Ahora la barra no pasa de su columna: el buscador se encoge y en ese tramo «Conectado», «Ayuda» y el nombre quedan solo con su icono (siguen con su nombre accesible y su título). */
.ofi-bar{min-width:0;max-width:100%}
.ofi-bar .gbusca{min-width:0;flex:1 1 120px}
@media (min-width:761px) and (max-width:1180px){
.ofi-bar{padding:0 12px;gap:6px}
.ofi-bar .gbusca kbd{display:none}
.ofi-bar .conx-c{font-size:0;gap:0;padding:0 10px}
.ofi-bar .b.ghost[data-act=ayudaofi]{font-size:0;gap:0;padding:0 10px}
.ofi-bar .mini-cuenta{padding:4px;max-width:none;flex:none}
.ofi-bar .mini-cuenta>span:not(.av){display:none}
}
/* #1021: el aviso emergente («Ya puedes fichar», «Pedido enviado»…) tapaba los botones de abajo durante 4 s y se llevaba los toques; solo su botón «Deshacer» recibe toques */
#toast.on{pointer-events:none}
#toast.on button{pointer-events:auto}
/* #1025 (Daniela, punto 7) · a 360 px (sobre todo en WebKit, que descuenta su barra de desplazamiento) la página se movía de lado: la fila de días de «Horarios y márgenes» y de «Ajustes de cálculo» (7 botones de 44 px) pasaba de la tarjeta. Ahora los botones se reparten el ancho y nada sobrepasa la pantalla. */
.dias-ch{max-width:100%;min-width:0}
@media (max-width:767px){
#app .dias-ch{flex-wrap:wrap}
#app .dias-ch button{flex:1 1 0;min-width:36px;width:auto;max-width:48px;padding-left:0;padding-right:0}
}
@media (max-width:767px){.ofi-main,.px-main{overflow-x:clip}}
/* #1025 (Daniela, punto 6) · entre 761 y 899 px (tableta en vertical) solo había barra lateral y el botón de plegarla: no había «Más». Ahora sale también la barra de abajo con «Más» (abre todo el menú), a la derecha de la barra lateral, igual que en el móvil. */
@media (min-width:761px) and (max-width:899px){
.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:232px;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
.ofi.plegado .tabbar{left:72px}
.tabbar button{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:52px;justify-content:center;font-size:12px;font-weight:700;color:var(--muted);border-radius:10px;position:relative}
.tabbar button[aria-current=page]{color:var(--titulo)}
.tabbar button[aria-current=page] .i{color:var(--navy)}
.tabbar .n{position:absolute;top:4px;left:calc(50% + 6px);background:var(--yel);color:var(--titulo);font-size:12px;border-radius:999px;padding:1px 6px;font-weight:800}
}
/* #1042 (Daniela, p16n16): vistas del encargado (Hoy, Obras, Avisos, Más) con la barra inferior siempre al pie y sin hueco debajo.
Móvil (hasta 500 px): la pantalla ocupa exactamente lo visible (inset:0), sin depender de 100vh/100dvh, que en algunos móviles
deja la barra bajo la del navegador (tapa lo último de la lista) o un hueco debajo. La lista se desplaza dentro de .en-body y su
final queda por encima de la barra. En ordenador la columna conserva su altura fija (la regla de «Hoy» del trabajador ya no la estira). */
.en:has(.op-nav),.en:has(.op-nav) .en-body{min-height:0}
.en:has(.op-nav) .en-body{padding-bottom:20px;scroll-padding-bottom:20px;overscroll-behavior:contain}
.en .op-nav{position:relative;z-index:2}
@media (max-width:500px){
body.real .marco:has(.en .op-nav){position:fixed;inset:0;width:auto;height:auto;min-height:0}
}
/* #1044 (Daniela, p16n17): 1) la lista del encargado, del operario y del conductor puede bajar por encima de la barra inferior:
padding-bottom = alto real de la barra (--nav-h, medido por app.js) + zona segura + 16 px, y scroll-padding igual.
2) «Fichajes del día» (tarjetas de móvil): nombre y etiquetas pueden partir en dos líneas; nada fuera del ancho (390 px). */
.en:has(.op-nav) .en-body,.op:has(.op-nav) .op-body{padding-bottom:calc(var(--nav-h,64px) + env(safe-area-inset-bottom,0px) + 16px);scroll-padding-bottom:calc(var(--nav-h,64px) + env(safe-area-inset-bottom,0px) + 16px);overscroll-behavior:contain}
.dcard{min-width:0;max-width:100%;box-sizing:border-box}
.dcard .d1{flex-wrap:wrap;row-gap:6px;min-width:0}
.dcard .d1>div:not(.d2){flex:1 1 130px;min-width:0;overflow-wrap:anywhere}
.dcard .d1 .chip{margin-left:auto;max-width:100%}
.dcard .d1 .chip+.chip{margin-left:0}
.dcard .d1>.fj-est{margin-left:auto;justify-content:flex-end}
/* ---------- p16n19 (#1053): acceso único · Oficina y dirección (clave) / Obra (PIN) ---------- */
.entrar.acc{align-items:start}
.acc-c{width:100%;max-width:440px;margin:0 auto;color:#fff}
.acc-c header{display:flex;margin-bottom:22px}
.acc-c header img{height:46px;width:auto}
.acc-c h1{font-size:30px;font-weight:800;letter-spacing:-.01em;margin:0 0 4px}
.acc-c .lead{color:#c8d5ec;font-size:16px;margin:0 0 18px}
.acc-esp{color:#c8d5ec;font-weight:700;text-align:center;padding:80px 0}
.acc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:rgba(255,255,255,.12);padding:5px;border-radius:16px;margin-bottom:14px}
.acc-tabs button{min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;color:#e4ecfa;font:inherit;font-weight:700;font-size:15px;line-height:1.2;padding:6px 8px;text-align:center}
.acc-tabs button[aria-selected=true]{background:#fff;color:var(--navy-d);box-shadow:var(--sh2)}
.acc-tabs button:focus-visible{outline:3px solid var(--yel);outline-offset:2px}
.acc-card{background:#fff;color:var(--ink);border-radius:20px;padding:20px 18px 22px;box-shadow:var(--sh3)}
.acc-card .login{margin:0 auto;max-width:none}
.acc-card .login label{color:var(--ink)}
.acc-card .login .b.pri{background:var(--yel);color:#14213a;font-weight:800}
.acc-card .campo-usuario{margin-top:0;font-size:16px}
.acc-card .campo-usuario input{height:54px;font-size:19px}
.acc-card .paso-acc{margin:16px 0 6px;font-weight:700;font-size:16px;color:var(--ink)}
.acc-card .aviso{margin:8px 0}
.acc-card .puntos{margin:10px 0 14px}
.acc-card .teclado button{height:58px;font-size:24px}
.acc-nota{margin:12px 0 0;color:var(--muted);font-size:13.5px;text-align:center}
.acc-c .login-ayuda{margin:16px 2px 0}
.acc-c footer{margin-top:18px}
@media(max-width:500px){.entrar.acc{padding:18px 14px 28px}.acc-c header{margin-bottom:14px}.acc-c header img{height:40px}.acc-c h1{font-size:26px}.acc-c .lead{margin-bottom:12px}.acc-card{padding:16px 14px 18px}.acc-card .teclado{gap:8px}.acc-card .teclado button{height:54px}}
.acc-c footer{display:flex;gap:6px 14px;flex-wrap:wrap;color:#9fb2d4;font-size:12.5px}
/* #1059: origen del fichaje (SMS, llamada, manual) */
.org.sms,.org.llam{color:var(--inf)}.org.sms .i,.org.llam .i{color:var(--inf)}
.fj-org.sms,.fj-org.llamada{background:var(--infbg);color:var(--inf)}
.fj-org.manual,.fj-org.qr{background:var(--penbg);color:var(--pen)}
.org-conf{margin:8px 0 0;font-size:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.persona .det .chip{max-width:100%}
/* ---- f1-panel (#1071): Tus 16 sistemas ---- */
.px-sis{padding:0;overflow:hidden}
.px-sis>summary{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 16px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.px-sis>summary::-webkit-details-marker{display:none}
.px-sis-h{display:flex;flex-direction:column;min-width:0}.px-sis-h b{font-size:16px;color:var(--titulo);font-weight:800}.px-sis-h small{font-size:12.5px;color:var(--muted)}
.px-sis-ab{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;color:var(--navy)}
.px-sis-ab .i{transform:rotate(90deg);transition:transform .15s}.px-sis[open] .px-sis-ab .i{transform:rotate(-90deg)}
.px-sis-c{border-top:1px solid var(--line);padding:6px 16px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px}
.px-sis-g h3{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:800;margin:12px 0 6px}
.px-sis-g ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.px-sis-t{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 12px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh1);transition:box-shadow .15s,border-color .15s,transform .12s}
button.px-sis-t:hover{box-shadow:var(--sh2);border-color:var(--line-2)}button.px-sis-t:active{transform:scale(.99)}
.px-sis-i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#eef4ff}
.px-sis-i img{display:block;width:28px;height:28px}
.px-sis-x{display:flex;flex-direction:column;min-width:0;flex:1}.px-sis-x b{font-size:14.5px;color:var(--ink);font-weight:700}
.px-sis-x small{font-size:12.5px;line-height:1.3;color:var(--muted);overflow-wrap:anywhere}
.px-sis-x small.t-mal{color:var(--bad);font-weight:700}.px-sis-x small.t-pen{color:var(--pen);font-weight:700}.px-sis-x small.t-ok{color:var(--ok);font-weight:600}.px-sis-x small.t-inf{color:var(--inf);font-weight:600}
.px-sis-n{flex:none;min-width:26px;height:26px;padding:0 8px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;background:var(--pen)}
.px-sis-n.mal{background:var(--bad)}.px-sis-n.ok{background:var(--ok)}.px-sis-n.inf{background:var(--inf)}
.px-sis-e{align-self:flex-start;margin-top:4px;font-size:12px;font-weight:700;color:var(--neu);background:var(--neubg);border-radius:999px;padding:3px 9px;white-space:nowrap}
.px-sis-t.off{background:var(--soft);box-shadow:none;border-style:dashed}.px-sis-t.off .px-sis-i{filter:grayscale(1);opacity:.55}.px-sis-t.off .px-sis-x b{color:var(--muted)}
.px-sis-t.aqui{border-color:var(--navy);background:#f5f8ff}.px-sis-t.aqui .px-sis-e{color:var(--navy);background:#fff}
@media (max-width:899px){.px-sis-c{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.px-sis>summary{padding:8px 12px}.px-sis-c{padding:4px 12px 12px}.px-sis-t{padding:8px 10px;gap:10px}}
@media (min-width:1200px){.px-sis-c{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 16px}}
body.oscuro .px-sis-t{background:#16213a;border-color:#25314e}body.oscuro .px-sis-t.off{background:#111a2e}body.oscuro .px-sis-t.aqui{background:#13294f}
body.oscuro .px-sis-i{background:#e8efff}body.oscuro .px-sis-x b,body.oscuro .px-sis-h b{color:#e8eefb}body.oscuro .px-sis-e{background:#25314e;color:#c9d4ea}
@media (prefers-reduced-motion:reduce){.px-sis-t,.px-sis-ab .i{transition:none}}
/* #1143: fichajes de Odoo en la lista principal (etiqueta «Odoo», motivo de salida, extra y el de Odoo al lado del de la app) */
.org.odoo{color:var(--inf)}.org.odoo .i{color:var(--inf)}
.org.fu-et{margin-left:6px;font-size:12px}
.fu-lado{font-size:12px;color:var(--ink-2);font-weight:600}
.fu-lado .i{vertical-align:-2px;margin-right:3px;color:var(--inf)}
.fu-lado b{color:var(--inf)}
.fu-dif{font-style:normal;color:var(--pen);font-weight:700}
.fu-lado-j{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin:0 14px 12px;padding:8px 10px;border-left:3px solid var(--inf);background:var(--soft);border-radius:8px;font-size:13px}
.fu-lado-j small{font-size:12px;color:var(--muted)}
.hist-d.fu-od{border-left:3px solid var(--inf)}
.fu-sl{display:flex;gap:4px;align-items:center;color:var(--muted)}
.fu-det{display:block;width:100%;font-size:12px;color:var(--muted)}
.fu-kodoo{display:flex;gap:4px;align-items:center;color:var(--inf);font-weight:600}
.fu-resumen{margin-bottom:10px}
/* #1140: menú lateral a 1280 px sin nada cortado (las etiquetas largas pasan a dos líneas) y con letra de 12 px o más */
.side nav button .t,.side .px-nav button .t{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.15}
.side nav button,.side .px-nav button{height:auto;min-height:44px;padding-top:4px;padding-bottom:4px}
@media (max-height:820px){.side .px-nav button{height:auto;min-height:44px}}
.side .cuenta,.side .cuenta .t,.side .cuenta>span{overflow:visible}
.side .cuenta b,.side .cuenta small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.hist-d>p.mut{padding:0 14px 8px;margin:0}
/* #1140: iconos de Iris (ui-2146 y ui-2210) en claro y oscuro: se ven según el tema y miden 20-24 px */
.ir-ei{display:inline-flex;flex:none;line-height:0;vertical-align:middle}
.ir-ei img{display:block;width:22px;height:22px}
.ir-ei-o{display:none!important}
.oscuro .ir-ei-o{display:block!important}
.oscuro .ir-ei-c{display:none!important}
.ir-t{display:flex;align-items:center;gap:8px}
.ir-t .ir-ei img{width:24px;height:24px}
.px-ej .ir-ei,.px-al-t .ir-ei{margin-right:2px}
.chip .ir-ei img,.alm-chip .ir-ei img,.pe-chip .ir-ei img{width:20px;height:20px}
.tile .ir-ei img{width:24px;height:24px}
/* #1151 P-9: parte del día ya relleno al fichar la salida */
.ptd-s{margin:0;font-size:15px;color:var(--ink-2)}
.ptd-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ptd-l li{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border-radius:12px;background:var(--soft);font-size:16px;color:var(--ink-2)}
.ptd-l li .i{width:24px;height:24px;color:var(--navy);flex:none}
.ptd-l li span{flex:1}.ptd-l li b{font-size:18px;color:var(--titulo);text-align:right}
.ptd-cor{display:flex;flex-direction:column;gap:10px}
.ptd-st{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 12px;border-radius:12px;background:var(--soft);font-size:16px;color:var(--ink-2)}
.ptd-st span{flex:1}.ptd-st b{min-width:72px;text-align:center;font-size:18px;color:var(--titulo)}
.ptd-b{width:48px;height:48px;border-radius:12px;border:1.5px solid var(--line-2);background:var(--card);color:var(--navy);display:grid;place-items:center}
.ptd-b .i{width:24px;height:24px}
.ptd-e{display:flex;gap:8px;align-items:center;margin:0;padding:10px 12px;border-radius:12px;background:var(--badbg);color:var(--bad);font-size:14px;font-weight:600}
.ptd-ok{height:60px;min-height:60px;font-size:19px}
/* #1166 · estados de la hoja del parte: cargando, vacío y error (390 px, una mano) */
.ptd-sk li{background:linear-gradient(90deg,var(--soft) 0%,var(--line) 50%,var(--soft) 100%);background-size:200% 100%;animation:ptdsk 1.2s ease-in-out infinite;color:transparent}
@keyframes ptdsk{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.ptd-sk li{animation:none}}
.ptd-av{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;background:var(--soft);color:var(--ink-2);font-size:16px}
.ptd-av .i{width:28px;height:28px;color:var(--navy);flex:none}.ptd-av p{margin:0}.ptd-av b{color:var(--titulo)}
.oscuro .hoja>div{background:var(--card)}
/* #1166 · colores de las ilustraciones de vacío de Iris (ui-1160) en claro y oscuro */
svg.il{--ei-linea:#173f7a;--ei-acento:#f6b80f;--ei-disco:#eef2f8;--ei-papel:#fff;--ei-tinta:#033460}
.oscuro svg.il{--ei-linea:#e8eefb;--ei-disco:#1c2845;--ei-papel:#152039;--ei-tinta:#e8eefb}
/* #1166 · cuadrilla del encargado: quien falta, por obra; el vacío en una línea */
.en-faltan{display:flex;gap:10px;align-items:flex-start;margin:0 12px 8px;padding:10px 12px;border-radius:12px;background:var(--badbg);color:var(--bad);font-size:15px}
.en-faltan .i{width:22px;height:22px;flex:none;margin-top:1px}.en-faltan div{display:flex;flex-direction:column;gap:2px;min-width:0}.en-faltan b{font-size:16px}.en-faltan span{overflow-wrap:anywhere}
.en-faltan.ok{background:var(--okbg);color:var(--ok);align-items:center}
.en-obra{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:10px 16px 4px;font-size:14px;font-weight:700;color:var(--titulo);text-transform:none}
.en-obra span{min-width:0;overflow-wrap:anywhere}.en-obra em{font-style:normal;font-weight:600;font-size:13px;color:var(--muted);white-space:nowrap}
.en-vacio2{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--soft);color:var(--ink-2);font-size:15px}
.en-vacio2 .i{width:26px;height:26px;color:var(--navy);flex:none}.en-vacio2 div{display:flex;flex-direction:column;gap:2px}.en-vacio2 b{color:var(--titulo);font-size:16px}
/* #1167 · iPhone: el fondo de la hoja debe contar como pulsable para poder cerrarla */
.hoja,.velo{cursor:pointer}
.hoja>div,.velo>*{cursor:auto}
/* ================= #1177 · Protección de datos y confidencialidad (pantalla obligatoria, tarjeta, panel) ================= */
body.pv-fijo{overflow:hidden}
.pv-capa{--pvfs:18px;position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-size:var(--pvfs);min-height:0}
.pv-capa.xl{--pvfs:22px}
.pv-cab{flex:none;background:var(--card);border-bottom:1px solid var(--line);padding:0 0 10px;box-shadow:var(--sh1)}
.pv-banda{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:max(4px,env(safe-area-inset-top)) 12px 4px;background:var(--bad);color:#fff;font-weight:800;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase}
.pv-banda.ok{background:var(--ok)}
.pv-barra{display:flex;align-items:center;gap:8px;padding:8px 14px 4px}
.pv-barra img{height:26px;width:auto;flex:none}
.pv-barra .sp{flex:1}
.pv-cab h1:focus{outline:none}
.pv-cuenta{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:210px;font-size:13px;font-weight:700;color:var(--ink-2)}
.pv-cuenta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-t-btn{flex:none;min-width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);background:var(--card);color:var(--titulo);font-weight:800;font-size:16px;display:grid;place-items:center;cursor:pointer}
.pv-t-btn[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.pv-t-btn .i{width:22px;height:22px}
.pv-cab h1{margin:2px 14px 0;font-size:calc(var(--pvfs) * 1.22);font-weight:800;line-height:1.2;color:var(--titulo)}
.pv-ayuda{margin:8px 14px 0;padding:10px 12px;border-radius:12px;background:var(--infbg);color:var(--ink);font-size:15px}
.pv-ayuda p{margin:0 0 8px;font-size:15px;color:var(--ink)}
.pv-ayuda .b{min-height:44px}
.pv-cuerpo{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 14px 18px;display:flex;flex-direction:column;gap:12px}
.pv-paso{margin:0;font-size:calc(var(--pvfs) * .78);color:var(--muted);font-weight:600;letter-spacing:.02em}
.pv-paso b{color:var(--bad);font-weight:800}
.pv-intro{margin:0;font-size:var(--pvfs);color:var(--ink-2);line-height:1.45}
.pv-bl{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);box-shadow:var(--sh1)}
.pv-bi{flex:none;width:46px;height:46px;border-radius:14px;background:var(--infbg);color:var(--inf);display:grid;place-items:center}
.pv-bi .i{width:26px;height:26px}
.pv-bl h2{margin:0 0 4px;font-size:calc(var(--pvfs) * 1.08);font-weight:800;color:var(--titulo);line-height:1.25}
.pv-bl p{margin:0 0 6px;font-size:var(--pvfs);line-height:1.5;color:var(--ink)}
.pv-bl p:last-child{margin-bottom:0}
.pv-fir{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.pv-lienzo{position:relative;height:210px;border:2.5px dashed var(--navy);border-radius:var(--r);background:#fff;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:crosshair}
.pv-lienzo canvas{position:absolute;inset:0;display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair}
.pv-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#4a5870;font-weight:700;font-size:calc(var(--pvfs) * .95);pointer-events:none}
.pv-ph .i{width:32px;height:32px}
.pv-raya{position:absolute;left:18px;right:18px;bottom:44px;height:2px;background:#c9d4e6;pointer-events:none}
.pv-fir-pie{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pv-fir-pie .b{min-height:48px;font-size:15px}
.pv-fir-nota{flex:1 1 140px;font-size:14px;color:var(--muted)}
.pv-pie{flex:none;display:flex;flex-direction:column;gap:8px;padding:10px 14px max(12px,env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line-2);box-shadow:0 -6px 18px rgba(16,32,64,.08)}
.pv-chk{display:flex;align-items:center;gap:12px;min-height:52px;font-size:var(--pvfs);font-weight:800;color:var(--titulo);cursor:pointer;-webkit-tap-highlight-color:transparent}
.pv-chk input{position:absolute;opacity:0;width:44px;height:44px;margin:0;cursor:pointer}
.pv-caja{flex:none;width:34px;height:34px;border-radius:10px;border:2.5px solid var(--navy);background:#fff;display:grid;place-items:center;color:transparent}
.pv-caja .i{width:24px;height:24px}
.pv-chk input:checked+.pv-caja{background:var(--navy);color:#fff}
.pv-chk input:focus-visible+.pv-caja{outline:3px solid var(--yel);outline-offset:2px}
.pv-falta{margin:0;min-height:20px;font-size:14px;font-weight:700;color:var(--bad)}
.pv-falta.lista{color:var(--ok)}
.pv-errenv{margin:0}
.pv-ok{background:var(--ok);border-color:var(--ok);color:#fff;min-height:60px}
.pv-ok:disabled{background:var(--neubg);border-color:var(--line-2);color:#5d6b82;opacity:1;cursor:not-allowed}
.pv-capa .bl{min-height:60px}
.pv-cargando{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.pv-cargando p{text-align:center;color:var(--muted);margin:6px 0 0}
.pv-esq{display:block;height:92px;border-radius:var(--r);background:linear-gradient(90deg,var(--soft),var(--line),var(--soft));background-size:200% 100%;animation:pvEsq 1.4s linear infinite}
.pv-esq.c{height:120px}
@keyframes pvEsq{to{background-position:-200% 0}}
.pv-error{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:24px 8px;color:var(--bad)}
.pv-error h2{margin:0;font-size:calc(var(--pvfs) * 1.2);color:var(--titulo)}
.pv-error p{margin:0;color:var(--ink-2)}
.pv-fin{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:26px 6px}
.pv-sello{width:112px;height:112px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 12px var(--okbg);animation:pop .45s var(--ease)}
.pv-sello .i{width:64px;height:64px}
.pv-fin h2{margin:6px 0 0;font-size:calc(var(--pvfs) * 1.6);font-weight:800;color:var(--ok)}
.pv-fin p{margin:0;color:var(--ink-2);line-height:1.45}
.pv-fin .pv-fin-f{font-weight:800;color:var(--ok);font-size:calc(var(--pvfs) * 1.1)}
.pv-fin .bl{margin-top:10px}
.pv-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;border-radius:var(--r);border:2px solid var(--line-2);background:var(--card)}
.pv-card.ok{border-color:var(--ok);background:var(--okbg)}
.pv-card.mal{border-color:var(--bad);background:var(--badbg)}
.pv-card-i{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--ok)}
.pv-card.mal .pv-card-i{color:var(--bad)}
.pv-card-t{flex:1 1 150px;min-width:0;display:flex;flex-direction:column;gap:2px}
.pv-card-t b{font-size:var(--fs,16px);color:var(--titulo)}
.pv-card-t small{font-size:calc(var(--fs,16px) * .85);font-weight:700;color:var(--ok)}
.pv-card.mal .pv-card-t small{color:var(--bad)}
.pv-card .b{flex:1 1 100%;min-height:48px}
.pv-of{margin:0 0 14px;padding:14px 16px}
.pv-of.ok{border-color:var(--ok)}
.pv-of-h{display:flex;align-items:center;gap:12px}
.pv-of-h>div{flex:1;min-width:0}
.pv-of-h h3{margin:0;font-size:16px;color:var(--titulo)}
.pv-of-n{margin:2px 0 0;font-size:14px;color:var(--ink-2)}
.pv-of .pv-card-i{background:var(--soft)}
.pv-barra-av{height:10px;border-radius:999px;background:var(--soft);margin:12px 0 8px;overflow:hidden}
.pv-barra-av i{display:block;height:100%;background:var(--ok);border-radius:999px}
.pv-of-l summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:800;color:var(--bad)}
.pv-of-l ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:260px;overflow:auto}
.pv-of-l li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:var(--soft);font-size:14px}
.pv-of-l small,.pv-of-m{color:var(--muted);font-size:13px}
.pv-of-m{margin:6px 0 0}
.pv-fic{margin:0}
.pv-fic .pe-pan-s{display:flex;flex-direction:column;gap:10px}
@media (min-width:700px){.pv-cuerpo{padding:20px calc(50% - 330px)}.pv-pie{padding-left:calc(50% - 330px);padding-right:calc(50% - 330px)}.pv-cab h1,.pv-barra,.pv-ayuda{margin-left:calc(50% - 330px);margin-right:calc(50% - 330px)}.pv-barra{padding-left:0;padding-right:0}}
@media (prefers-reduced-motion:reduce){.pv-esq,.pv-sello{animation:none}}
/* #1182-B fichaje vivo: estilos de Iris (ui-1186, sin cambios) */
/* Fichaje vivo, privacidad y amonestaciones (Iris, #1186). Opcional: no sustituye a app.css. Requiere ui-1169 (iconos de fichaje) y las variables de color de app.css (--ok, --pen, --bad..., que ya cambian en body.oscuro).
Icono: 128 fichados hoy
Cuando cambie el número, quita y pon la clase .cambia en .gv-cont-n para que el cambio se vea. */
.gv-cont{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px}
.gv-cont-n{font-size:34px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--gv-texto);display:inline-block}
.gv-cont-n.cambia{animation:gv-cambia .5s var(--gv-ease)}
.gv-cont-u{font-size:13.5px;color:var(--gv-suave);font-weight:600}
.gv-delta{display:inline-flex;align-items:center;gap:3px;min-height:24px;padding:0 8px 0 5px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--neubg,#edf0f5);color:var(--gv-neutro)}
.gv-delta svg{width:16px;height:16px}
.gv-delta.sube{background:var(--okbg,#e2f5eb);color:var(--gv-ok)}.gv-delta.baja{background:var(--badbg,#fde8e6);color:var(--gv-mal)}
@keyframes gv-cambia{0%{transform:translateY(40%);opacity:0}100%{transform:none;opacity:1}}
/* ---------- 3. Iconos animados ----------
por el mismo id otra vez (o vuelve a pintar el icono). */
.an-onda{opacity:0;transform-box:fill-box;transform-origin:center;animation:var(--an-onda,an-onda 2s ease-out infinite)}
.an-latido{transform-box:fill-box;transform-origin:center;animation:var(--an-latido,an-latido 2s ease-in-out infinite)}
.an-mano{transform-box:view-box;transform-origin:12px 12px;animation:var(--an-mano,an-vuelta 6s linear infinite)}
.an-cub{transform-box:view-box;transform-origin:12px 22px;animation:var(--an-cub,an-bamboleo 1.8s ease-in-out infinite)}
.an-aviso{transform-box:fill-box;transform-origin:center;animation:var(--an-aviso,an-latido 1.2s ease-in-out infinite)}
.an-gira{transform-box:view-box;transform-origin:12px 12px;animation:var(--an-gira,an-vuelta 1.1s var(--gv-ease,ease-out) 1 backwards)}
.an-pop{transform-box:fill-box;transform-origin:center;animation:var(--an-pop,an-pop .45s cubic-bezier(.3,1.6,.5,1) .7s 1 backwards)}
@keyframes an-onda{0%{transform:scale(.45);opacity:.7}100%{transform:scale(1.18);opacity:0}}
@keyframes an-latido{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
@keyframes an-vuelta{to{transform:rotate(360deg)}}
@keyframes an-bamboleo{0%,60%,100%{transform:rotate(0)}15%{transform:rotate(-9deg)}30%{transform:rotate(8deg)}45%{transform:rotate(-5deg)}}
@keyframes an-pop{from{transform:scale(0)}}
/* «Reducir movimiento»: el sistema lo pide solo, o la persona lo marca (body.sin-mov). Todo queda quieto y legible. */
.sin-mov{--an-onda:none;--an-latido:none;--an-mano:none;--an-cub:none;--an-aviso:none;--an-gira:none;--an-pop:none}
.sin-mov .rj-punto,.sin-mov .rj-avance,.sin-mov .rj-giro,.sin-mov .gv-fill,.sin-mov .gv-b,.sin-mov .gv-med-avance,.sin-mov .gv-trazo,.sin-mov .gv-area,.sin-mov .gv-ult,.sin-mov .gv-cont-n{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){
:root{--an-onda:none;--an-latido:none;--an-mano:none;--an-cub:none;--an-aviso:none;--an-gira:none;--an-pop:none}
.rj-punto,.rj-avance,.rj-giro,.gv-fill,.gv-b,.gv-med-avance,.gv-trazo,.gv-area,.gv-ult,.gv-cont-n{animation:none!important;transition:none!important}
}
/* ---------- 4. Vacíos: