:root{--bg:#F4F5F2;--superficie:#FFFFFF;--superficie-2:#E9EBE6;--borde:#C9CDC4;--tinta:#12160F;--tinta-2:#4A5142;--bien:#1F7A3D;--bien-fondo:#E3F2E6;--atencion:#9A6400;--atencion-fondo:#FCEFD2;--actuar:#B3261E;--actuar-fondo:#FBE4E2;--accion:#1B5E34;--accion-tinta:#FFFFFF;--radio:14px;--sombra:0 1px 2px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.06)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;background:var(--bg);color:var(--tinta);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:20px;line-height:1.4;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}h1{font-size:30px;margin:0 0 4px;font-weight:800;letter-spacing:-.02em}h2{font-size:24px;margin:0 0 10px;font-weight:700}.barra{position:sticky;top:0;z-index:20;background:var(--superficie);border-bottom:2px solid var(--borde);padding:12px 16px calc(12px + env(safe-area-inset-top));padding-top:calc(12px + env(safe-area-inset-top));display:flex;align-items:center;gap:12px}.barra .titulo{flex:1;min-width:0}.barra .titulo b{display:block;font-size:22px;font-weight:800}.barra .titulo span{font-size:17px;color:var(--tinta-2)}.conexion{font-size:16px;font-weight:700;padding:8px 12px;border-radius:100px;white-space:nowrap;border:2px solid transparent}.conexion.enviado{background:var(--bien-fondo);color:var(--bien);border-color:var(--bien)}.conexion.pendiente{background:var(--atencion-fondo);color:var(--atencion);border-color:var(--atencion)}.conexion.enviando{background:var(--superficie-2);color:var(--tinta-2);border-color:var(--borde)}.contenido{padding:16px;max-width:720px;margin:0 auto}.btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:68px;padding:14px 20px;margin-bottom:12px;font-family:inherit;font-size:22px;font-weight:700;border:none;border-radius:var(--radio);background:var(--accion);color:var(--accion-tinta);cursor:pointer;text-align:center;box-shadow:var(--sombra)}.btn:active{transform:scale(.985)}a.btn{text-decoration:none}.btn svg{width:28px;height:28px;flex:none}.btn.secundario{background:var(--superficie);color:var(--tinta);border:2px solid var(--borde)}.btn.peligro{background:var(--actuar)}.btn.aviso{background:var(--atencion)}.btn.chico{min-height:56px;font-size:19px;margin-bottom:8px}.btn[disabled]{opacity:.45}.fila-botones{display:flex;gap:12px}.fila-botones .btn{margin-bottom:12px}.tarjeta{background:var(--superficie);border:2px solid var(--borde);border-radius:var(--radio);padding:16px;margin-bottom:12px;box-shadow:var(--sombra);position:relative;overflow:hidden}.tarjeta .franja{position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--borde)}.tarjeta.bien .franja{background:var(--bien)}.tarjeta.atencion .franja{background:var(--atencion)}.tarjeta.actuar .franja{background:var(--actuar)}.tarjeta .interior{padding-left:12px}.tarjeta .encabezado{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.tarjeta .nombre{font-size:26px;font-weight:800}.tarjeta .dia{font-size:18px;color:var(--tinta-2);font-weight:700;white-space:nowrap}.tarjeta .numeros{display:flex;gap:20px;margin-top:10px;flex-wrap:wrap}.tarjeta .dato .valor{font-size:28px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.tarjeta .dato .etiqueta{font-size:15px;color:var(--tinta-2);font-weight:600}.tarjeta .dato.bien .valor{color:var(--bien)}.tarjeta .dato.atencion .valor{color:var(--atencion)}.tarjeta .dato.actuar .valor{color:var(--actuar)}.pastilla{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;border-radius:100px;font-size:17px;font-weight:700}.pastilla.bien{background:var(--bien-fondo);color:var(--bien)}.pastilla.atencion{background:var(--atencion-fondo);color:var(--atencion)}.pastilla.actuar{background:var(--actuar-fondo);color:var(--actuar)}.pastilla svg{width:20px;height:20px}.pantalla-numero{background:var(--superficie);border:3px solid var(--borde);border-radius:var(--radio);padding:18px;text-align:center;margin-bottom:14px}.pantalla-numero .valor{font-size:64px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;min-height:64px}.pantalla-numero .valor.vacio{color:#9aa192}.pantalla-numero .unidad{font-size:17px;color:var(--tinta-2);font-weight:700;margin-top:6px}.atajos{display:flex;gap:10px;margin-bottom:12px}.atajos .btn{margin-bottom:0;min-height:60px;font-size:21px}.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.teclado button{min-height:72px;font-family:inherit;font-size:30px;font-weight:700;background:var(--superficie);color:var(--tinta);border:2px solid var(--borde);border-radius:var(--radio);cursor:pointer}.teclado button:active{background:var(--superficie-2)}.teclado button.ok{background:var(--accion);color:var(--accion-tinta);border-color:var(--accion);font-size:24px}.teclado button.borrar{font-size:24px}.grilla-gas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.grilla-gas button{min-height:68px;font-family:inherit;font-size:26px;font-weight:700;background:var(--superficie);color:var(--tinta);border:2px solid var(--borde);border-radius:var(--radio);cursor:pointer}.grilla-gas button.elegido{background:var(--accion);color:var(--accion-tinta);border-color:var(--accion)}.confirmacion{background:var(--superficie);border:3px solid var(--accion);border-radius:var(--radio);padding:22px;margin-bottom:16px;text-align:center}.confirmacion .que{font-size:20px;color:var(--tinta-2);font-weight:600}.confirmacion .cuanto{font-size:44px;font-weight:800;margin:10px 0;line-height:1.1}.sospecha{background:var(--atencion-fondo);border:3px solid var(--atencion);border-radius:var(--radio);padding:16px;margin-bottom:14px;font-size:19px;font-weight:600}.aviso{background:var(--superficie);border:2px solid var(--borde);border-left:10px solid var(--borde);border-radius:var(--radio);padding:16px;margin-bottom:12px}.aviso.actuar{border-left-color:var(--actuar)}.aviso.atencion{border-left-color:var(--atencion)}.aviso .que{font-size:21px;font-weight:700;margin-bottom:6px}.aviso .hacer{font-size:19px;color:var(--tinta-2);margin-bottom:12px}.aviso .quien{display:inline-block;font-size:15px;font-weight:800;padding:5px 12px;border-radius:100px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}.aviso .quien.Interno{background:var(--superficie-2);color:var(--tinta-2)}.aviso .quien.Externo{background:var(--atencion-fondo);color:var(--atencion)}.resumen{background:var(--superficie);border:2px solid var(--borde);border-radius:var(--radio);padding:18px;margin-bottom:14px}.resumen .linea{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--superficie-2);font-size:20px}.resumen .linea:last-child{border-bottom:none}.resumen .linea b{font-variant-numeric:tabular-nums}.resumen .total{font-size:24px;font-weight:800;padding-top:14px}.vacio{text-align:center;padding:40px 20px;color:var(--tinta-2);font-size:20px}.paso{font-size:18px;color:var(--tinta-2);font-weight:700;margin-bottom:10px}label.campo{display:block;margin-bottom:16px}label.campo span{display:block;font-size:18px;font-weight:700;margin-bottom:8px}label.campo input,label.campo select,label.campo textarea{width:100%;min-height:62px;padding:12px 14px;font-family:inherit;font-size:21px;background:var(--superficie);color:var(--tinta);border:2px solid var(--borde);border-radius:var(--radio)}label.campo textarea{min-height:110px}label.campo input:focus,label.campo select:focus,label.campo textarea:focus{outline:3px solid var(--accion);outline-offset:1px}.opciones{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.opciones button{min-height:68px;font-family:inherit;font-size:19px;font-weight:700;background:var(--superficie);color:var(--tinta);border:2px solid var(--borde);border-radius:var(--radio);cursor:pointer;padding:10px}.opciones button.elegido{background:var(--accion);color:var(--accion-tinta);border-color:var(--accion)}.deshacer{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--tinta);color:#fff;border-radius:var(--radio);padding:16px 18px;display:flex;align-items:center;gap:14px;font-size:19px;font-weight:600;z-index:40;box-shadow:0 6px 24px rgba(0,0,0,.28)}.deshacer span{flex:1}.deshacer button{font-family:inherit;font-size:19px;font-weight:800;background:0 0;color:#ffd79a;border:2px solid #ffd79a;border-radius:100px;padding:8px 18px;cursor:pointer}.cargando{text-align:center;padding:60px 20px;font-size:21px;color:var(--tinta-2)}.error-caja{background:var(--actuar-fondo);border:3px solid var(--actuar);border-radius:var(--radio);padding:18px;margin-bottom:16px;font-size:19px;font-weight:600;color:var(--actuar)}.casilla{display:flex;align-items:center;gap:14px;min-height:64px;margin:6px 0 16px;padding:12px 14px;background:var(--superficie);border:2px solid var(--borde);border-radius:var(--radio);font-size:19px;font-weight:600;cursor:pointer}.casilla input{width:28px;height:28px;flex:none;accent-color:var(--accion)}.enlace{background:0 0;border:none;padding:8px 0;min-height:44px;font-family:inherit;font-size:18px;font-weight:700;color:var(--accion);text-decoration:underline;cursor:pointer}.ayuda-login{font-size:17px;color:var(--tinta-2);margin:14px 0 0}.pie-sesion{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;margin-top:24px;padding-top:14px;border-top:2px solid var(--borde);font-size:17px;color:var(--tinta-2)}.pie-acciones{display:flex;gap:20px}.tabla-caja{overflow-x:auto;margin-bottom:18px;border:2px solid var(--borde);border-radius:var(--radio);background:var(--superficie)}.tabla{width:100%;border-collapse:collapse;font-size:16px}.tabla th{text-align:left;font-size:14px;color:var(--tinta-2);font-weight:700;padding:10px 12px;border-bottom:2px solid var(--borde);white-space:nowrap}.tabla td{padding:10px 12px;border-bottom:1px solid var(--superficie-2)}.tabla tr:last-child td{border-bottom:none}.tabla tfoot td{border-top:2px solid var(--borde)}.tabla .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabla td.semana{background:rgba(27,94,52,var(--alfa,0))}.tabla td.semana.tardia{background:rgba(179,38,30,var(--alfa,0))}.rojo{color:var(--actuar)}.nota-panel{font-size:16px;color:var(--tinta-2);margin:-8px 0 18px}h2+.resumen,h2+.tabla-caja{margin-top:4px}.contenido h2{margin-top:18px}@media (prefers-reduced-motion:reduce){.btn:active{transform:none}}