:root{--jma-navy: #0f2742;--jma-navy-2: #163a5f;--jma-azul: #1b4f72;--jma-k9-azul: #2e6e8c;--jma-k9-rojo: #d6402e;--jma-acento: #c8a04f;--jma-gris-900: #1c2530;--jma-gris-700: #3d4a5c;--jma-gris-500: #6b7888;--jma-gris-300: #c3ccd6;--jma-gris-borde: #c3ccd6;--jma-gris-suave: #6b7888;--jma-gris-100: #eef1f5;--jma-bg: #f5f7fa;--jma-blanco: #ffffff;--estado-borrador: #6b7888;--estado-enviado: #1b4f72;--estado-validado: #2e7d4f;--estado-pendiente: #b8860b;--estado-sin-reporte: #b03a2e;--font-base: Arial, "Helvetica Neue", Helvetica, sans-serif;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 26px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--radio: 10px;--sombra: 0 1px 3px rgba(15, 39, 66, .12), 0 1px 2px rgba(15, 39, 66, .08)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-base);font-size:var(--fs-md);color:var(--jma-gris-900);background:var(--jma-bg);-webkit-text-size-adjust:100%}body{min-height:100dvh}h1,h2,h3{color:var(--jma-navy);margin:0 0 var(--sp-3);line-height:1.2}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}a{color:var(--jma-azul)}button{font-family:inherit;font-size:var(--fs-md);cursor:pointer}input,select,textarea{font-family:inherit;font-size:var(--fs-md)}#app{min-height:100dvh;display:flex;flex-direction:column}.contenedor{width:100%;max-width:960px;margin:0 auto;padding:var(--sp-4)}@supports (padding: max(0px)){.contenedor{padding-left:max(var(--sp-4),env(safe-area-inset-left));padding-right:max(var(--sp-4),env(safe-area-inset-right))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:none;border-radius:var(--radio);padding:var(--sp-3) var(--sp-5);background:var(--jma-navy);color:var(--jma-blanco);font-weight:600;min-height:48px}.btn:hover{background:var(--jma-navy-2)}.btn--secundario{background:var(--jma-gris-100);color:var(--jma-navy)}.btn--bloque{width:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);background:var(--jma-navy);color:var(--jma-blanco)}.header__logo{height:34px;width:auto;display:block}.header__usuario{font-size:var(--fs-sm);opacity:.9}.login__logo{width:200px;max-width:70%;height:auto;margin:0 auto var(--sp-3);display:block}.banner-prueba{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);background:var(--jma-acento);color:var(--jma-navy);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);font-weight:600}.banner-prueba .btn{min-height:36px;padding:var(--sp-1) var(--sp-3)}.tarjetas{display:grid;gap:var(--sp-3);grid-template-columns:1fr;margin-top:var(--sp-3)}@media (min-width: 560px){.tarjetas{grid-template-columns:repeat(3,1fr)}}.tarjeta{background:var(--jma-blanco);border:1px solid var(--jma-gris-300);border-radius:var(--radio);padding:var(--sp-4);box-shadow:var(--sombra);text-align:left}.tarjeta strong{color:var(--jma-navy)}.login{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-4);padding:var(--sp-5)}.login__caja{background:var(--jma-blanco);border-radius:var(--radio);box-shadow:var(--sombra);padding:var(--sp-6);max-width:380px;width:100%}.btn--instalar{margin-top:var(--sp-3);background:var(--jma-k9-azul)}.btn--instalar:hover{background:var(--jma-azul)}.instalar-hint{margin-top:var(--sp-3);font-size:var(--fs-sm);color:var(--jma-gris-700);background:var(--jma-gris-100);border-radius:8px;padding:var(--sp-3)}.badge{display:inline-block;padding:2px var(--sp-2);border-radius:999px;font-size:var(--fs-xs);color:#fff;font-weight:600}.badge--borrador{background:var(--estado-borrador)}.badge--enviado{background:var(--estado-enviado)}.badge--validado{background:var(--estado-validado)}.badge--pendiente{background:var(--estado-pendiente)}.badge--sin-reporte{background:var(--estado-sin-reporte)}.reporte-form{margin-top:var(--sp-3)}.seccion{border:1px solid var(--jma-gris-300);border-radius:var(--radio);padding:var(--sp-4);margin:0 0 var(--sp-4);background:var(--jma-blanco)}.seccion legend{color:var(--jma-navy);font-weight:700;padding:0 var(--sp-2)}.campo,.campo-archivo{margin-bottom:var(--sp-3)}.campo__label{display:block;font-size:var(--fs-sm);color:var(--jma-gris-700);margin-bottom:var(--sp-1);font-weight:600}.campo input,.campo select,.campo textarea,.campo-archivo input[type=file]{width:100%;padding:var(--sp-3);border:1px solid var(--jma-gris-300);border-radius:8px;background:#fff;min-height:46px}.campo textarea{min-height:70px;resize:vertical}.checklist{display:grid;gap:var(--sp-2)}.check{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}.check input{width:auto;min-height:0}.campo-archivo__lista{list-style:none;padding:0;margin:var(--sp-2) 0 0}.campo-archivo__lista li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);justify-content:space-between;font-size:var(--fs-sm);padding:var(--sp-1) 0}.campo-archivo__quitar{background:none;border:none;color:var(--jma-k9-rojo);font-weight:600}.campo-archivo__aviso{flex-basis:100%;color:var(--estado-pendiente);font-size:var(--fs-xs)}.nota-prueba{color:var(--jma-gris-500);font-size:var(--fs-sm)}.saludo{color:var(--jma-gris-700);margin-top:calc(-1 * var(--sp-2))}.resumen-sesion{color:var(--jma-gris-700);margin-top:var(--sp-4)}.tabs{display:flex;gap:var(--sp-2);border-bottom:2px solid var(--jma-gris-300);margin:var(--sp-4) 0;flex-wrap:wrap}.tab{background:none;border:none;padding:var(--sp-3) var(--sp-4);color:var(--jma-gris-700);font-weight:600;border-bottom:3px solid transparent;margin-bottom:-2px}.tab--activo{color:var(--jma-navy);border-bottom-color:var(--jma-k9-rojo)}.periodo,.filtros{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-3)}.periodo select,.filtros select{padding:var(--sp-2) var(--sp-3);border:1px solid var(--jma-gris-300);border-radius:8px;min-height:44px;background:#fff}.filtros__total{color:var(--jma-gris-500);font-size:var(--fs-sm)}.vacio{color:var(--jma-gris-500);padding:var(--sp-4) 0}.ayuda{color:var(--jma-gris-500)}.tarjeta__sub{color:var(--jma-gris-500);font-size:var(--fs-sm)}.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabla{width:100%;border-collapse:collapse;font-size:var(--fs-sm);background:#fff;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra)}.tabla th,.tabla td{text-align:left;padding:var(--sp-3);border-bottom:1px solid var(--jma-gris-100);white-space:nowrap}.tabla th{background:var(--jma-navy);color:#fff;font-weight:600}.tabla tr:last-child td{border-bottom:none}.celda-servicio{white-space:normal;min-width:200px;color:var(--jma-gris-700)}.leyenda{display:flex;gap:var(--sp-4);font-size:var(--fs-sm);color:var(--jma-gris-700);margin-bottom:var(--sp-3)}.punto{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle;margin-right:4px}.punto--ok{background:var(--estado-validado)}.punto--no{background:#f1b6ad}.calendario{border-collapse:collapse;background:#fff;font-size:var(--fs-xs)}.calendario th,.calendario td{border:1px solid var(--jma-gris-100);text-align:center;padding:6px 4px;min-width:34px;font-variant-numeric:tabular-nums}.calendario th{background:var(--jma-navy);color:#fff}.calendario th.hoy{background:var(--jma-k9-rojo)}.calendario__manejador{text-align:left!important;white-space:nowrap;position:sticky;left:0;background:var(--jma-gris-100);min-width:150px}.calendario thead .calendario__manejador{background:var(--jma-navy)}.calendario__manejador small{color:var(--jma-gris-500)}.cal-cell--ok{background:#d8efe1;color:var(--estado-validado);font-weight:700}.cal-cell--no{background:#fdecea}.cal-cell--futuro{background:var(--jma-gris-100)}.cal-cell--descanso{background:#e7ecf2;color:var(--jma-gris-500);font-weight:700}.cal-cell--editable{cursor:pointer}.cal-cell--editable:hover{outline:2px solid var(--jma-k9-azul);outline-offset:-2px}.cal-barra{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-3)}.cal-barra .btn{min-height:40px;padding:var(--sp-2) var(--sp-4)}.punto--descanso{background:#b8c4d2}.empleados{display:grid;gap:var(--sp-3);grid-template-columns:1fr}@media (min-width: 620px){.empleados{grid-template-columns:repeat(2,1fr)}}.empleado-card{text-align:left;background:#fff;border:1px solid var(--jma-gris-300);border-radius:var(--radio);padding:var(--sp-4);box-shadow:var(--sombra);cursor:pointer}.empleado-card__top{display:flex;justify-content:space-between;align-items:baseline}.empleado-card__top strong{color:var(--jma-navy);font-size:var(--fs-md)}.empleado-card__pct{font-size:var(--fs-lg);font-weight:700}.empleado-card__sub{color:var(--jma-gris-500);font-size:var(--fs-sm);margin-bottom:var(--sp-2)}.empleado-card__met{font-size:var(--fs-sm);color:var(--jma-gris-700)}.faltantes{color:var(--estado-sin-reporte);font-size:var(--fs-sm)}.dias-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:360px;margin:var(--sp-2) 0}.dia-chip{aspect-ratio:1;border:1px solid var(--jma-gris-300);border-radius:8px;background:#fff;color:var(--jma-gris-900);font-weight:600;min-height:40px}.dia-chip--ok{background:#d8efe1;border-color:#b6dcc6;color:var(--estado-validado)}.dia-chip--descanso{background:#e7ecf2;border-color:var(--jma-k9-azul);color:var(--jma-navy)}.dia-chip--futuro{color:var(--jma-gris-300)}.metricas{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2);margin-top:var(--sp-3)}@media (min-width: 560px){.metricas{grid-template-columns:repeat(4,1fr)}}.metrica{background:#fff;border:1px solid var(--jma-gris-300);border-radius:var(--radio);padding:var(--sp-3);text-align:center}.metrica__n{display:block;font-size:var(--fs-xl);font-weight:700;color:var(--jma-navy)}.metrica__l{display:block;font-size:var(--fs-xs);color:var(--jma-gris-500);margin-top:2px}.grafica{background:#fff;border:1px solid var(--jma-gris-300);border-radius:var(--radio);padding:var(--sp-3);box-shadow:var(--sombra)}.form-manejador{background:#fff;border:1px solid var(--jma-gris-300);border-radius:var(--radio);padding:var(--sp-4);box-shadow:var(--sombra)}.form-manejador h3{margin-top:0}.form-manejador__acciones{display:flex;gap:var(--sp-2);flex-wrap:wrap}.acciones-fila{white-space:nowrap}.enlace-accion{background:none;border:none;color:var(--jma-azul);font-weight:600;padding:4px 8px}.enlace-accion--baja{color:var(--estado-sin-reporte)}.fila-inactiva{opacity:.55}.vacio-mini{color:var(--estado-sin-reporte);font-size:var(--fs-xs)}.tag-prueba{background:var(--jma-acento);color:var(--jma-navy);font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;vertical-align:middle}.errores{display:flex;flex-direction:column;gap:var(--sp-2)}.error-item{background:#fff;border:1px solid var(--jma-gris-300);border-left:4px solid var(--estado-sin-reporte);border-radius:8px;padding:var(--sp-3)}.error-item__cab{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.error-item__cab strong{color:var(--jma-navy)}.error-item__fecha{color:var(--jma-gris-500);font-size:var(--fs-xs);margin-left:auto}.error-item__msg{font-family:Consolas,monospace;font-size:var(--fs-sm);color:var(--jma-gris-900);margin-top:var(--sp-1);word-break:break-word}.error-item__meta{color:var(--jma-gris-500);font-size:var(--fs-xs);margin-top:var(--sp-1)}.aviso{padding:var(--sp-3);border-radius:8px;margin:var(--sp-3) 0;font-size:var(--fs-sm)}.aviso--ok{background:#e6f4ec;color:var(--estado-validado);border:1px solid #b6dcc6}.aviso--error{background:#fbe9e7;color:var(--estado-sin-reporte);border:1px solid #f1c4bd}.login__dev{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px dashed var(--jma-gris-300)}.login__dev-titulo{font-size:var(--fs-xs);color:var(--jma-gris-500);margin-bottom:var(--sp-2)}.login__dev button{display:block;width:100%;margin-bottom:var(--sp-2);background:var(--jma-gris-100);color:var(--jma-navy);border:1px solid var(--jma-gris-300);border-radius:8px;padding:var(--sp-2)}.cargando-k9{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:18px;text-align:center;padding:var(--sp-4)}.cargando-k9-txt strong{display:block;font-size:18px;color:var(--jma-navy)}.cargando-k9-txt span{display:block;font-size:14px;color:var(--jma-gris-suave);margin-top:6px}.cargando-barra{width:220px;max-width:80%;height:10px;background:var(--jma-gris-300);border-radius:999px;overflow:hidden}.cargando-barra__relleno{height:100%;background:var(--jma-navy);transition:width .2s ease}.revision{margin-top:var(--sp-3)}.revision__sec{background:#fff;border:1px solid var(--jma-gris-300);border-radius:var(--radio);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3);box-shadow:var(--sombra)}.revision__sec h3{margin:0 0 var(--sp-2)}.revision__fila{display:flex;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-1) 0;border-bottom:1px solid var(--jma-gris-100);font-size:var(--fs-sm)}.revision__fila span{color:var(--jma-gris-700)}.revision__fila strong{color:var(--jma-navy);text-align:right}.aviso--info{background:#eaf1f7;color:var(--jma-azul);border:1px solid #c5d8e8}