:root{--bg: #0b1411;--panel: #13201b;--panel2: #1a2b24;--ink: #eaf2ee;--muted: #93a79d;--line: #263a31;--verde: #12a26b;--verde2: #0f7a52;--ambar: #d48a1a;--rojo: #d4483b;--azul: #2f6fd1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink)}button{font:inherit;font-weight:600;border:0;border-radius:10px;padding:10px 16px;background:var(--verde2);color:#fff;cursor:pointer}button.sec{background:transparent;color:var(--ink);border:1px solid var(--line)}button:disabled{opacity:.45;cursor:not-allowed}button.grande{width:100%;padding:16px;font-size:18px;margin-top:12px}input{font:inherit;width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--ink)}h1{font-size:22px;margin:0}h2{font-size:16px;color:var(--muted);margin:24px 0 8px}.nota{color:var(--muted);font-size:14px;margin:6px 0}.aviso{background:var(--panel2);border:1px solid var(--line);padding:12px;border-radius:10px;margin:12px 0}.aviso.error{border-color:var(--rojo)}.acciones{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.check{display:flex;gap:8px;align-items:center;margin:10px 0;color:var(--muted)}.check input{width:auto}.pill{font-size:12px;padding:3px 10px;border-radius:99px;white-space:nowrap}.pill.ok{background:#143b2a;color:#8be3b8}.pill.falta{background:#3b2a12;color:#f0c27a}.login{min-height:100%;display:grid;place-items:center;padding:16px}.login form,.login .caja{width:100%;max-width:380px;background:var(--panel);padding:24px;border-radius:16px;border:1px solid var(--line)}.login label{display:block;margin-top:14px;color:var(--muted);font-size:14px}.login label input{margin-top:6px}.pagina{max-width:760px;margin:0 auto;padding:16px}.barra{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:8px}.tarjeta{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;margin-top:10px;background:var(--panel);border:1px solid var(--line);padding:16px}.tarjeta span{color:var(--muted);font-weight:400;font-size:14px}.buscador{display:flex;gap:8px;margin-top:12px}.empleados{list-style:none;padding:0;margin:8px 0}.empleados li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line);cursor:pointer}.empleados li:hover{background:var(--panel)}.empleados li.vacio{color:var(--muted);cursor:default}.e-nombre{font-weight:600}.e-sub{color:var(--muted);font-size:13px}.r-camara{position:relative;width:100%;max-width:420px;aspect-ratio:3/4;margin:12px auto;border-radius:20px;overflow:hidden;background:#000}.r-camara video,.k-camara video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.r-anillo{position:absolute;inset:12% 14%;border:4px solid rgba(255,255,255,.35);border-radius:50%}.r-anillo.capturando{border-color:var(--verde)}.r-instruccion{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:20px;font-weight:700;text-shadow:0 2px 8px #000}.r-problema{position:absolute;left:12px;right:12px;top:12px;text-align:center;background:#a0281ed9;padding:8px;border-radius:10px}.r-pasos{display:flex;justify-content:center;gap:18px;color:var(--muted)}.r-pasos .hecho{color:#8be3b8}.kiosko{min-height:100%;display:flex;flex-direction:column}.k-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line);gap:12px}.k-titulo{display:flex;gap:10px;align-items:center;user-select:none}.k-logo{width:40px;height:40px;border-radius:12px;background:var(--verde2);display:grid;place-items:center}.k-nombre{font-weight:700}.k-obra{color:var(--muted);font-size:13px}.k-derecha{display:flex;align-items:center;gap:14px}.k-red{font-size:13px;padding:4px 10px;border-radius:99px}.k-red.on{background:#143b2a;color:#8be3b8}.k-red.off{background:#3b2a12;color:#f0c27a}.k-hora{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.k-salir{padding:6px 12px;background:transparent;border:1px solid var(--line)}.k-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.k-camara{position:relative;width:min(78vw,420px);aspect-ratio:1;border-radius:28px;overflow:hidden;background:#000;border:3px solid var(--line)}.k-guia{position:absolute;inset:12%;border:3px dashed rgba(255,255,255,.55);border-radius:50%;pointer-events:none;transition:border-color .2s}.k-guia.ok{border:4px solid #12a26b;box-shadow:0 0 0 3px #12a26b59}.k-ayuda.ok{color:#3ddc97;font-weight:600}.k-capa{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;background:#000000a6;font-size:20px;font-weight:700}.k-ayuda{color:var(--muted);margin:18px 0 12px;text-align:center}.k-botones{display:flex;gap:16px;width:min(92vw,520px)}.k-btn{flex:1;font-size:26px;padding:26px 10px;border-radius:18px}.k-btn.entrada{background:var(--verde)}.k-btn.salida{background:var(--azul)}.k-diag{margin-top:14px;font-size:12px;color:var(--muted);text-align:center;max-width:640px}.k-resultado{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;z-index:10}.k-resultado.ok{background:var(--verde2)}.k-resultado.pendiente{background:var(--ambar)}.k-resultado.error{background:#3a1512}.k-resultado.aviso{background:#2b2414}.k-r-nombre{font-size:38px;font-weight:800}.k-r-empresa{font-size:20px;opacity:.9;margin-top:6px}.k-r-mov{font-size:24px;margin-top:14px;background:#ffffff2e;padding:6px 18px;border-radius:99px}.k-r-nota{margin-top:14px;font-size:18px;opacity:.95}@media(max-width:600px){.k-hora{font-size:20px}.k-btn{font-size:22px;padding:22px 8px}.k-r-nombre{font-size:30px}}.portal{display:grid;grid-template-columns:240px 1fr;min-height:100%}.p-menu{background:var(--panel);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.p-marca{font-weight:800;font-size:17px;padding:6px 10px 14px}.p-item{background:transparent;color:var(--ink);text-align:left;font-weight:500;padding:10px;display:flex;justify-content:space-between;align-items:center}.p-item.activo{background:var(--panel2);color:#8be3b8;font-weight:700}.p-item:disabled{opacity:.45}.p-item small{font-size:10px;color:var(--muted);font-weight:400}.p-pie{margin-top:auto;display:flex;flex-direction:column;gap:8px}.p-contenido{padding:24px;min-width:0}.p-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.tabla-envoltura{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:10px 12px;background:var(--panel);border-bottom:1px solid var(--line)}.tabla td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.tabla tr:last-child td{border-bottom:0}.tabla tr.apagado td{opacity:.55}.tabla .sub{color:var(--muted);font-size:12px;margin-top:2px}.falta{color:#f0c27a}.acciones-fila{white-space:nowrap;text-align:right}.acciones-fila button{margin-left:6px}button.chica{padding:6px 10px;font-size:13px}button.peligro{background:#7a221a}.chip{display:inline-block;font-size:12px;padding:3px 10px;border-radius:99px;background:var(--panel2);color:var(--ink);margin:2px 4px 2px 0;border:1px solid var(--line);font-weight:500}.chip.ok{background:#143b2a;color:#8be3b8;border-color:#1d5a3f}.punto{display:inline-block;width:9px;height:9px;border-radius:50%;background:#55645d;margin-right:4px}.punto.ok{background:#2fd38a}.punto.medio{background:#e0a43a}.punto.viejo{background:#d4483b}.aviso.ok,.tarjeta.destacada{border-color:#1d5a3f;background:#12271e}.modal-fondo{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:16px;z-index:50}.modal{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;max-height:92vh;overflow:auto}.modal-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-cab h2{margin:0;color:var(--ink);font-size:18px}.modal .x{background:transparent;font-size:24px;padding:0 6px;color:var(--muted)}.form{display:flex;flex-direction:column;gap:12px}.campo{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.campo small{font-size:12px}select{font:inherit;width:100%;padding:11px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--ink)}.fila2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fila3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.fila-btn{display:flex;gap:8px}.grupo{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0;display:flex;flex-direction:column;gap:8px}.grupo legend{color:var(--muted);font-size:13px;padding:0 6px}.grupo .check{color:var(--ink);align-items:flex-start;margin:2px 0}.menu-acciones{display:flex;flex-direction:column;gap:8px}.menu-acciones button{text-align:left}.credenciales{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;margin:12px 0}.credenciales div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.credenciales span{color:var(--muted)}.credenciales b{font-family:ui-monospace,Menlo,monospace;word-break:break-all}@media(max-width:800px){.portal{grid-template-columns:1fr}.p-menu{position:static;height:auto;flex-direction:row;flex-wrap:wrap}.p-marca,.p-pie .nota{display:none}.p-pie{margin:0}.p-contenido{padding:16px}.p-cab{flex-direction:column}.fila2,.fila3{grid-template-columns:1fr}}.k-historial{list-style:none;padding:0;margin:18px 0 0;width:min(92vw,560px);font-size:14px}.k-historial li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:7px 10px;border-bottom:1px solid var(--line);align-items:center}.k-historial li:first-child{background:var(--panel);border-radius:8px}.k-h-hora{color:var(--muted);font-variant-numeric:tabular-nums}.k-h-texto{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-h-estado{font-size:12px;padding:2px 8px;border-radius:99px;background:var(--panel2)}.k-historial li.ok .k-h-estado{background:#143b2a;color:#8be3b8}.k-historial li.pendiente .k-h-estado{background:#3b2a12;color:#f0c27a}.k-historial li.error .k-h-estado{background:#3a1512;color:#f3a59c}.filtros{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:8px 0 12px}.filtros .campo{font-size:13px}.filtros input,.filtros select{padding:8px 10px}.num-izq{font-variant-numeric:tabular-nums;white-space:nowrap}.chip.medio{background:#3a2d12;color:#f0c27a;border-color:#5c4519}.chip.mal{background:#3a1512;color:#f2a39b;border-color:#5e221c}.opciones{list-style:none;margin:6px 0 0;padding:0;border:1px solid var(--line);border-radius:10px;max-height:260px;overflow:auto}.opciones li{padding:9px 12px;cursor:pointer;color:var(--ink);border-bottom:1px solid var(--line)}.opciones li:last-child{border-bottom:0}.opciones li:hover{background:var(--panel2)}.opciones .sub,.rev-info .sub{color:var(--muted);font-size:12px}.foto{margin:0;display:flex;flex-direction:column;gap:4px}.foto img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:10px;background:var(--bg);display:block}.foto figcaption{font-size:12px;color:var(--muted);text-align:center}.foto-vacia{width:100%;aspect-ratio:3 / 4;border-radius:10px;background:var(--bg);border:1px dashed var(--line);display:grid;place-items:center;text-align:center;padding:8px;color:var(--muted);font-size:13px}.modal .foto{max-width:420px;margin:0 auto}.pestanas{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:4px 0 12px;flex-wrap:wrap}.pestanas button{background:transparent;color:var(--muted);border-radius:10px 10px 0 0;border-bottom:2px solid transparent}.pestanas button.activo{color:var(--ink);border-bottom-color:#2fd38a}.contador{display:inline-block;min-width:22px;padding:1px 7px;border-radius:99px;background:var(--panel2);font-size:12px;margin-left:4px}.revision{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.rev-tarjeta{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--panel);display:flex;flex-direction:column;gap:10px}.rev-fotos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rev-info{display:flex;flex-direction:column;gap:3px;font-size:14px}.rev-botones{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.rev-botones button{flex:1 1 auto;padding:9px 10px;font-size:14px}h3{font-size:15px;margin:18px 0 8px}a.enlace,button.enlace{color:#7fd6ae;text-decoration:none;background:none;border:0;padding:0;font-weight:inherit;cursor:pointer}a.enlace:hover,button.enlace:hover{text-decoration:underline}a.boton,label.boton{display:inline-block;font-weight:600;border-radius:10px;padding:10px 16px;background:var(--verde2);color:#fff;cursor:pointer;text-decoration:none;margin:8px 0}label.boton.sec{background:transparent;color:var(--ink);border:1px solid var(--line)}input[type=checkbox]{width:auto}.miniatura{width:52px}.miniatura .foto img,.miniatura .foto-vacia{width:40px;height:52px;aspect-ratio:auto;font-size:9px;padding:2px;border-radius:6px}.paginacion{display:flex;gap:12px;align-items:center;margin-top:12px}.ficha-cab{align-items:center;margin-top:8px}.ficha-foto{width:72px;flex:none}.ficha-foto .foto-vacia{font-size:10px}.ficha{max-width:860px}fieldset.sin-borde{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 12px}.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.foto-grande{max-width:240px}ul.datos{list-style:none;padding:0;margin:0 0 12px;border:1px solid var(--line);border-radius:10px}ul.datos li{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--line)}ul.datos li:last-child{border-bottom:0}ul.datos span{color:var(--muted)}.subida{display:grid;grid-template-columns:220px auto 1fr;gap:12px;align-items:end;margin-bottom:12px}.subida .boton{margin:0;text-align:center}.doc-linea{display:flex;gap:6px;align-items:center}button.x-mini{background:none;color:var(--muted);padding:0 4px;font-size:16px}.fila-turno{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;align-items:end;margin-top:12px}.tabulador{display:flex;flex-direction:column;gap:6px}.t-cab,.t-fila{display:grid;grid-template-columns:1fr 140px 44px;gap:8px;align-items:center}.t-cab{color:var(--muted);font-size:12px}.t-fila input{padding:8px 10px}.tarjetas-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:8px 0 16px}.kpi{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--ink);text-decoration:none}a.kpi:hover{border-color:#2f5a47}.kpi-t{color:var(--muted);font-size:13px}.kpi-v{font-size:28px;font-weight:700;margin:4px 0 2px}.kpi-s{color:var(--muted);font-size:12px}.kpi-v.medio{color:#f0c27a}.kpi-v.mal{color:#f2a39b}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:4px 16px 14px;margin-bottom:16px;min-width:0;overflow-x:auto}.barras{display:flex;gap:6px;align-items:flex-end;height:180px;padding-top:8px}.barra{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:22px}.b-col{width:100%;max-width:38px;background:#1d5a3f;border-radius:6px 6px 0 0;min-height:2px}.barra.hoy .b-col{background:#2fd38a}.b-num{font-size:11px;color:var(--muted)}.b-dia{font-size:10px;color:var(--muted);text-align:center;margin-top:4px;line-height:1.2}.tabla.compacta td,.tabla.compacta th{padding:7px 9px}.tabla tr.total td{font-weight:700;background:var(--panel)}.tabla tr.grupo-fila td{background:var(--panel2);font-weight:700;color:#8be3b8}.t-nomina{font-size:12.5px}.t-nomina td,.t-nomina th{white-space:nowrap}.tabla td.dia,.tabla th.dia{text-align:center}td.dia.falta{color:#f2a39b;font-weight:700;background:#d4483b14}td.dia.descanso{background:#ffffff08}td.dia.incompleta{color:#f0c27a}td.amarillo{background:#5c5414;color:#fff59a;font-weight:600}input.mini{width:64px;padding:4px 6px;font-size:12.5px}.semaforo td.sem{text-align:center;font-weight:700}td.sem.verde{color:#8be3b8}td.sem.amarillo{color:#f0c27a;background:#e0a43a1a}td.sem.rojo{color:#f2a39b;background:#d4483b1a}th.vertical{height:150px;vertical-align:bottom}th.vertical span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.impresion{display:none}@media(max-width:800px){.dos-col,.subida,.fila-turno{grid-template-columns:1fr}}@media print{@page{margin:8mm}html,body,#root{background:#fff!important;color:#000!important;height:auto}body.con-impresion>#root{display:none!important}body>.impresion{display:block!important}body>.impresion.gafetes{display:grid!important;grid-template-columns:54mm 54mm 54mm;gap:4mm}.gafete{width:54mm;height:86mm;border:.3mm solid #999;border-radius:3mm;padding:3mm;display:flex;flex-direction:column;align-items:center;text-align:center;break-inside:avoid;color:#000;font-size:8pt}.g-cab{height:10mm;display:flex;align-items:center}.g-cab img{max-height:10mm;max-width:44mm}.g-foto{width:30mm;margin:2mm 0}.g-foto .foto img,.g-foto .foto-vacia{width:30mm;height:38mm;aspect-ratio:auto;border-radius:2mm;background:#eee;color:#666;border:0}.g-nombre{font-weight:700;font-size:9pt;line-height:1.15}.g-puesto{font-size:8pt}.g-empresa{font-size:7.5pt;color:#333}.g-pie{margin-top:auto;width:100%;display:flex;justify-content:space-between;font-size:6.5pt;border-top:.2mm solid #999;padding-top:1mm}.pagina-imp{page-break-after:always;break-after:page;page:horizontal}.pagina-imp h2{color:#000;margin:0 0 2mm;font-size:13pt}.pagina-imp p{margin:0 0 3mm;font-size:9pt}.pagina-imp .tabla{font-size:6.5pt;color:#000;width:100%}.pagina-imp .tabla th{background:#dfe6f3!important;color:#000;font-size:6pt;padding:1.2mm}.pagina-imp .tabla td{padding:1mm 1.2mm;border-bottom:.2mm solid #ccc}.pagina-imp td.dia.falta{color:#b00000;background:#fde4e4!important}.pagina-imp td.amarillo{background:#ff0!important;color:#000}.pagina-imp td.dia.incompleta{color:#a05a00}.pagina-imp tr.total td{background:#dfe6f3!important}.pagina-imp .chip{border:0;padding:0 0 0 2px;background:none;color:#555;font-size:6pt}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@page horizontal{size:letter landscape;margin:7mm}.nomina .t-nomina td:nth-child(2),.nomina .t-nomina th:nth-child(2){position:sticky;left:0;background:var(--bg);z-index:1}.nomina .t-nomina th:nth-child(2){background:var(--panel)}.nomina .t-nomina tr.grupo-fila td,.nomina .t-nomina tr.total td{position:static}.permiso-masivo{display:grid;grid-template-columns:1fr 160px;gap:10px;align-items:center;color:var(--ink)}.permiso-masivo select,select.mini-sel{padding:5px 8px;font-size:13px}.vista-previa{max-height:46vh;overflow:auto}tr.con-error td{background:#d4483b12}.aviso.error{white-space:pre-line}.login-logo{display:block;width:100%;max-width:260px;margin:0 auto 8px}.p-marca img{display:block;width:100%;max-width:190px;height:auto}@media(max-width:800px){.p-marca{display:block!important}.p-marca img{max-width:130px}}.aviso.alerta-medio{border-color:#8a6a1c;background:#2b2414}.aviso.alerta-mal{border-color:var(--rojo);background:#3a1512}.barra-uso{height:10px;border-radius:99px;background:var(--panel2);overflow:hidden;margin:4px 0 10px}.barra-uso>div{height:100%;background:#2fd38a}.barra-uso>div.medio{background:#e0a43a}.barra-uso>div.mal{background:#d4483b}.k-personas{background:none;border:0;color:inherit;font:inherit;padding:0;text-decoration:underline;cursor:pointer}.k-lista-fondo{position:fixed;inset:0;background:#000000b3;z-index:50;display:grid;place-items:center;padding:16px}.k-lista{background:#151b26;color:#fff;border-radius:16px;padding:20px;width:min(560px,100%);max-height:88vh;overflow:auto}.k-lista h3{margin:0 0 6px}.k-lista-nota{color:#9aa4b2;font-size:14px;margin:6px 0 10px}.k-lista ul{list-style:none;padding:0;margin:10px 0}.k-lista li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #263042}.k-lista li small{color:#9aa4b2;white-space:nowrap}.k-lista-btn,.k-lista-cerrar{width:100%;padding:12px;border-radius:10px;border:0;font-size:16px;font-weight:600;margin-top:6px}.k-lista-btn{background:#12a26b;color:#fff}.k-lista-btn:disabled{opacity:.6}.k-lista-cerrar{background:#263042;color:#fff}.k-registro{min-height:100%;background:var(--bg);color:var(--ink)}.k-reg-login{display:grid;gap:10px;margin:12px 0}.k-reg-login input{padding:12px;font-size:16px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.fila-alerta td{background:#d4483b1f}.kiosko.luz .k-main{background:#fff;transition:background .3s}.kiosko.luz .k-camara{border-color:#fff;box-shadow:0 0 60px 30px #fff}.kiosko.luz .k-ayuda,.kiosko.luz .k-diag,.kiosko.luz .k-historial{color:#1b2a24}.k-r-nota.chica{font-size:15px;opacity:.8;margin-top:8px}