:root{--fondo:#f1f5f9;--superficie:#fff;--texto:#0f172a;--suave:#64748b;--primario:#0f4c81;--primario-oscuro:#0b3a63;--primario-claro:#e6eff8;--borde:#e2e8f0;--ok:#15803d;--ok-fondo:#e7f6ec;--alerta:#b45309;--alerta-fondo:#fff4df;--error:#c62828;--error-fondo:#fdecea;--radio:14px;--sombra:0 1px 2px #0f172a0f, 0 4px 14px #0f172a0d;color:var(--texto);background:var(--fondo);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1{letter-spacing:-.01em;margin:0;font-size:1.35rem}h2{margin:0 0 10px;font-size:1.1rem}h3{margin:14px 0 8px;font-size:1rem}p{line-height:1.45}.suave{color:var(--suave);font-weight:400}.pagina{max-width:720px;margin:0 auto;padding:16px 16px 32px}.pagina.ancha{max-width:1100px}.barra{justify-content:space-between;align-items:center;gap:12px;display:flex}.barra .acciones{margin-top:0}.centro{text-align:center;color:var(--suave);padding:40px 16px}.seccion{background:var(--superficie);border-radius:var(--radio);box-shadow:var(--sombra);margin-top:14px;padding:18px 16px}.seccion>h2{align-items:center;gap:10px;display:flex}.seccion>h2:before{content:"";background:var(--primario);border-radius:3px;width:5px;height:1.15em}.seccion>div>h3{text-transform:uppercase;letter-spacing:.06em;color:var(--suave);margin:16px 0 8px;font-size:.78rem}.login{background:linear-gradient(160deg, var(--primario) 0%, var(--primario-oscuro) 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.tarjeta{background:var(--superficie);border-radius:18px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:28px 24px;display:flex;box-shadow:0 20px 50px #00000040}.tarjeta h1{text-align:center;color:var(--primario);font-size:1.5rem}label{color:var(--suave);flex-direction:column;gap:6px;font-size:.88rem;font-weight:600;display:flex}input,select,textarea{font:inherit;color:var(--texto);border:1.5px solid var(--borde);background:#fff;border-radius:12px;width:100%;padding:13px 12px}input:focus,select:focus,textarea:focus{border-color:var(--primario);outline:none;box-shadow:0 0 0 3px #0f4c8126}textarea{resize:vertical}.litros{max-width:260px;margin-top:12px}label.check{color:var(--texto);flex-direction:row;align-items:center;gap:10px;margin-top:12px}input[type=checkbox]{width:24px;height:24px;accent-color:var(--primario);flex:none;padding:0}button{font:inherit;background:var(--primario);color:#fff;cursor:pointer;border:none;border-radius:12px;min-height:48px;padding:13px 18px;font-weight:600;transition:background .15s,transform 50ms}button:hover{background:var(--primario-oscuro)}button:active{transform:scale(.98)}button:disabled{opacity:.55;cursor:default}button.secundario{color:var(--primario);border:1.5px solid var(--primario);background:#fff}button.secundario:hover{background:var(--primario-claro)}button.peligro{background:var(--error)}button.peligro:hover{background:#a31f1f}.acciones{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--texto);border:1.5px solid var(--borde);background:#fff;min-width:64px;padding:12px 14px;font-size:1rem}.chip:hover{background:var(--primario-claro);border-color:var(--primario)}.chip.activo{background:var(--primario);border-color:var(--primario);color:#fff}.chip.malo{background:var(--error);border-color:var(--error);color:#fff}.chip.hecha{background:var(--ok-fondo);color:var(--ok);border-color:#86c79a}.chip.hecha.activo{background:var(--primario);border-color:var(--primario);color:#fff}.fluido .chips .chip,.fila .chips .chip{flex:auto;min-width:0;padding:12px 6px;font-size:.92rem}.fluido{border-top:1px solid var(--borde);padding:4px 0 14px}.fluido:first-of-type{border-top:none}.fluido h3,.editor h3{margin:14px 0 8px;font-size:1rem}.fila{border-top:1px solid var(--borde);flex-direction:column;gap:8px;padding:12px 0;font-weight:600;display:flex}.fila:first-of-type{border-top:none}.fila .chips{width:100%}@media (width>=640px){.fila{flex-direction:row;justify-content:space-between;align-items:center}.fila .chips{width:auto;min-width:240px}}.unidad-actual{z-index:5;background:var(--primario);color:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin:12px -4px 0;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 6px 16px #0f4c814d}.unidad-actual strong{font-size:1.1rem}.unidad-actual span{opacity:.85;font-size:.9rem}.aviso{border-radius:12px;margin:14px 0 0;padding:12px 14px}.aviso p{margin:4px 0}.aviso.ok{background:var(--ok-fondo);color:var(--ok);font-weight:600}.aviso.info{background:var(--primario-claro);color:var(--primario-oscuro)}.aviso.advertencia{background:var(--alerta-fondo);color:var(--alerta)}.aviso.error-caja{background:var(--error-fondo);color:var(--error)}.aviso button{margin-top:8px;margin-right:8px}.error{color:var(--error);margin:0;font-size:.9rem}.pie-fijo{padding:14px 0 calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--fondo) 65%, #f1f5f900);position:sticky;bottom:0}.pie-fijo button{width:100%;padding:16px;font-size:1.1rem;box-shadow:0 6px 18px #0f4c8159}.recientes{margin:0;padding:0;list-style:none}.recientes li{border-top:1px solid var(--borde);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.recientes li:first-child{border-top:none}.etiqueta{background:var(--primario-claro);color:var(--primario);border-radius:999px;padding:6px 12px;font-size:.88rem;font-weight:700;display:inline-block}.etiqueta.inactiva{color:var(--suave);background:#eceff3}.pendiente{border-top:1px solid var(--borde);padding:12px 0}.pendiente:first-of-type{border-top:none}.pendiente p{margin:4px 0 0;font-size:.92rem}.resumen{color:var(--suave);margin:8px 0 0;font-size:.9rem}.malo-txt{color:var(--error);margin:4px 0 0;font-size:.92rem;font-weight:600}.tabs{background:#e2e8f0;border-radius:14px;gap:4px;margin-top:14px;padding:4px;display:inline-flex}.tab{color:var(--suave);background:0 0;border:none;min-height:42px;padding:10px 18px}.tab:hover{background:#fff9}.tab.activa{color:var(--primario);background:#fff;box-shadow:0 1px 3px #0f172a26}.filtros{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.filtros label{flex:150px;min-width:150px}.editor{border:1px solid var(--borde);background:#f8fafc;border-radius:12px;margin-top:12px;padding:14px}.grid-caps{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.fila-unidad{border-top:1px solid var(--borde);padding:12px 0}.fila-unidad:first-of-type{border-top:none}.titulo-reporte{text-transform:capitalize;margin:20px 0 0;font-size:1.25rem}.tabla-scroll{border:1px solid var(--borde);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:right;white-space:nowrap;padding:10px 12px}th:first-child,td:first-child,th:nth-child(2),td:nth-child(2){text-align:left}thead th{background:var(--primario);color:#fff;font-weight:600}tbody tr:nth-child(2n){background:#f8fafc}tbody td{border-top:1px solid var(--borde)}tfoot th{background:var(--primario-claro);color:var(--primario-oscuro);border-top:2px solid var(--primario)}@media (width<=700px){.pagina.ancha{padding-bottom:96px}.tabs{z-index:20;border-top:1px solid var(--borde);padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#fff;border-radius:0;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a14}.tab{border-radius:10px;flex:1;padding:10px 2px;font-size:.8rem}.tab.activa{background:var(--primario-claro);box-shadow:none}}@media print{.no-imprimir{display:none!important}body{background:#fff}.seccion{box-shadow:none;break-inside:avoid;padding:0}.pagina{max-width:none;padding:0}thead th{color:#000;background:#fff;border-bottom:2px solid #000}}