:root{--hp-dark:#1b1b1e;--hp-dark-2:#232327;--hp-dark-line:#323238;--hp-dark-text:#e9e9ec;--hp-dark-muted:#9a9aa3;--hp-nav-text:#d4d4da;--hp-green:#2f7a5f;--hp-green-2:#3a9d6a;--hp-input-dark:#343a4d;--color-bg:#f4f5f4;--color-surface:#ffffff;--color-text:#1b1c1e;--color-divider:#e2e5e3;--color-neutral-200:#eef0ef;--color-neutral-500:#8b918e;--color-neutral-700:#5a605d;--color-accent:#2f7a5f;--color-accent-100:#e4f1eb;--color-accent-600:#286b53;--color-accent-700:#235d48;--color-accent-800:#1a4637;--ok-c:#22704f;--ok-soft:#e3f2ea;--warn:#8a5a00;--warn-soft:#fbf0d9;--err:#b3392f;--err-soft:#fbe9e7;--topbar-bg:rgba(255,255,255,.94);--backdrop:rgba(15,16,18,.5);--font-sans:"Space Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--sidebar-w:236px;--content-max:1180px;--card-pad:20px;--control-h:40px;--control-h-touch:44px;--radius:10px;--radius-control:8px;--radius-tag:6px;--radius-modal:12px;--shadow:0 1px 2px rgba(20,24,22,.04),0 6px 18px -10px rgba(20,24,22,.14);--fondo:var(--color-bg);--panel:var(--color-surface);--borde:var(--color-divider);--texto:var(--color-text);--suave:var(--color-neutral-700);--primario:var(--color-accent);--primario-osc:var(--color-accent-600);--ok:var(--ok-c);--alerta:var(--warn);--error:var(--err);--radio:var(--radius);--sombra:var(--shadow)}*{box-sizing:border-box}body,html{margin:0;background:var(--fondo);color:var(--texto);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--primario);text-decoration:none}.app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.lateral{color:var(--hp-nav-text);padding:18px 12px;display:flex;flex-direction:column;gap:4px}.lateral .marca{color:#fff;font-weight:700;font-size:16px;padding:4px 10px 14px}.lateral a{padding:8px 10px;border-radius:6px}.lateral a.activo,.lateral a:hover{background:var(--hp-dark-2);color:#fff}.lateral .grupo{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--hp-dark-muted);padding:14px 10px 4px}.contenido{padding:22px 28px;max-width:1280px;width:100%;min-width:0}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}h1{font-size:22px;margin:0}h2{font-size:16px;margin:0 0 12px}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:16px}.kpis,.tarjeta{margin-bottom:16px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:12px;gap:12px}.kpi .valor{font-size:22px;font-weight:700;margin-top:4px}.kpi .etq{color:var(--suave);font-size:12px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--borde);vertical-align:top}th{color:var(--suave);background:#fafbfc}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.tabla{overflow-x:auto}.chip{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;background:#eef2f6;color:var(--hp-dark-line);white-space:nowrap}.chip.ok{background:#e7f6ee;color:var(--ok)}.chip.alerta{background:#fff4e5;color:var(--alerta)}.chip.error{background:#fdecec;color:var(--error)}.boton,button{background:var(--primario);color:#fff;border:0;border-radius:6px;padding:8px 14px;font:inherit;cursor:pointer;display:inline-block}.boton:hover,button:hover{background:var(--primario-osc)}button.secundario{background:#fff;color:var(--texto);border:1px solid var(--borde)}button:disabled{opacity:.5;cursor:default}button.mini{padding:3px 8px;font-size:12px}input,select,textarea{font:inherit;padding:7px 9px;border:1px solid #cfd4dc;border-radius:6px;background:#fff;width:100%}label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--suave)}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:10px 12px;gap:10px 12px}.fila{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.aviso{padding:10px 12px;border-radius:6px;margin-bottom:12px}.aviso.error{background:#fdecec;color:var(--error)}.aviso.ok{background:#e7f6ee;color:var(--ok)}.aviso.info{background:var(--color-accent-100);color:var(--color-accent-700)}.suave{color:var(--suave)}.totales{display:grid;grid-template-columns:auto auto;grid-gap:4px 18px;gap:4px 18px;justify-content:end;margin-top:10px}.totales .t{font-weight:700}@media (max-width:800px){.app{grid-template-columns:1fr}.contenido{padding:16px}}.dos{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:16px;gap:16px}.dos>.tarjeta{margin-bottom:16px}label.check{flex-direction:row;align-items:center;gap:6px;align-self:end}label.check input{width:auto}button.peligro{background:var(--error)}tr.sel td{background:var(--color-accent-100)}table.compacta td,table.compacta th{padding:4px 8px;font-size:13px}tr.total td{font-weight:700;border-top:2px solid var(--borde)}tr.grupo td{background:#f8fafc;font-weight:600}@media print{.cabecera button,.lateral,.tarjeta:first-of-type{display:none}.app{display:block}.tarjeta{box-shadow:none;border:none}}@media (max-width:760px){.app{grid-template-columns:1fr}.contenido{padding:16px}.dos{grid-template-columns:1fr}}.ingreso{min-height:100vh;display:grid;place-items:center;padding:16px}.caja-ingreso{width:100%;max-width:420px;padding:24px}.marca-ingreso{font-weight:700;font-size:20px;margin-bottom:14px}.pestanas{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;background:#eef2f6;padding:4px;border-radius:8px;margin-bottom:10px}.pestanas button{background:transparent;color:var(--hp-dark-line);padding:8px}.pestanas button.activa{background:#fff;color:var(--hp-dark);box-shadow:var(--sombra)}.form-ingreso{display:grid;grid-gap:12px;gap:12px;margin-top:8px}.lista-empresas{display:grid;grid-gap:8px;gap:8px;margin-top:10px}button.empresa{display:grid;grid-gap:2px;gap:2px;text-align:left;background:#fff;color:inherit;border:1px solid var(--borde);padding:12px}button.empresa:hover{border-color:var(--color-accent);background:var(--color-accent-100)}.selector-empresa{color:#fff}.empresa-unica{color:#fff;padding:6px 2px;font-weight:600}.lateral .usuario{margin-top:auto;padding:14px 10px 0;border-top:1px solid var(--hp-dark-2);font-size:13px;color:#fff}button.enlace{background:none;color:var(--hp-dark-muted);padding:4px 0;font-size:12px}button.enlace:hover{color:#fff}button.enlace-claro{background:none;color:var(--color-accent);padding:10px 0 0;font-size:13px}input.codigo{font-size:20px;letter-spacing:.2em;font-family:ui-monospace,monospace}.pasos{padding-left:18px;grid-gap:10px;gap:10px;margin:10px 0 14px;font-size:14px}.pasos,.qr{display:grid}.qr{grid-gap:6px;gap:6px;justify-items:start;margin-top:8px}.qr img{border:1px solid var(--borde);border-radius:6px;image-rendering:pixelated}.codigos-respaldo code,.qr code{font-family:ui-monospace,monospace;background:#f2f4f7;padding:2px 6px;border-radius:4px}.codigos-respaldo{display:grid;grid-template-columns:repeat(2,max-content);grid-gap:6px 14px;gap:6px 14px;margin:10px 0;font-size:15px}a.boton{display:inline-block;background:var(--color-accent);color:#fff;padding:9px 14px;border-radius:6px;margin-top:8px}.pestanas.tes{grid-template-columns:repeat(4,1fr);max-width:640px;margin-bottom:14px}td.vencido{color:var(--error)}input.num{text-align:right}table.compacta input,table.compacta select{padding:4px 6px}button.vinculo{background:none;color:var(--primario);padding:2px 0;font-size:13px;text-align:left}button.vinculo:hover{text-decoration:underline}.kpi.ok .valor{color:var(--ok)}.kpi.error .valor{color:var(--error)}.kpi.alerta .valor{color:var(--alerta)}.avance{display:flex;gap:4px;margin:10px 0 2px}.avance .tramo{flex:1 1;height:8px;border-radius:4px;background:var(--borde)}.avance .tramo.ok{background:var(--ok)}.avance .tramo.actual{background:#f5b14c}.avance .tramo.error{background:var(--error)}.pasos-hoja{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.pasos-hoja .paso{border:1px solid var(--borde);border-radius:var(--radio);background:#fff}.pasos-hoja .paso.turno{border-color:#f5b14c;box-shadow:0 0 0 2px #fff4e5}.pasos-hoja .paso.observada.turno{border-color:var(--error);box-shadow:0 0 0 2px #fdecec}.paso-cabecera{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:34px 1fr auto;align-items:center;grid-gap:10px;gap:10px;width:100%;padding:10px 12px}.paso-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--fondo);color:var(--suave)}.paso.visada .paso-num{background:var(--ok);color:#fff}.paso.observada .paso-num{background:var(--error);color:#fff}.paso.turno.pendiente .paso-num{background:#f5b14c;color:#fff}.paso-titulo{font-weight:600;display:grid}.paso-titulo small{font-weight:400;color:var(--suave);font-size:12px}.paso-cuerpo{padding:0 12px 12px;display:grid;grid-gap:8px;gap:8px}table.checklist td.num,table.checklist th.num{text-align:center;width:44px}table.checklist input[type=radio]{width:20px;height:20px}.form-visar{display:grid;grid-gap:8px;gap:8px;border-top:1px dashed var(--borde);padding-top:8px}.form-visar label{display:grid;grid-gap:4px;gap:4px}.form-visar textarea{font:inherit;padding:8px;border:1px solid var(--borde);border-radius:6px}.tarjetas-ep{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tarjeta-ep{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-gap:4px;gap:4px;background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:12px}.tarjeta-ep.activa{border-color:var(--primario);box-shadow:0 0 0 2px var(--color-accent-100)}.paso-cabecera:focus,.paso-cabecera:hover,.tarjeta-ep:focus,.tarjeta-ep:hover{background:#fff;color:var(--texto)}.paso-cabecera:focus,.paso-cabecera:hover{background:transparent}.menu-movil{display:none}@media (max-width:760px){body,html{font-size:15px}.app{grid-template-rows:auto 1fr}.contenido,.tarjeta{padding:12px}.tarjeta{overflow-x:auto}.cabecera h1{font-size:19px}button,input,select,textarea{min-height:40px}.paso-cabecera{padding:12px 10px}.tarjetas-ep{grid-template-columns:1fr}}.campana{position:relative}.campana-boton,.campana-boton:focus,.campana-boton:hover{background:var(--hp-dark-2)}.campana-boton{padding:6px 10px;position:relative;font-size:16px;line-height:1}.campana-boton .contador{position:absolute;top:-6px;right:-6px;background:var(--error);color:#fff;border-radius:10px;font-size:11px;padding:1px 6px;font-weight:700}.campana-lista{position:absolute;z-index:30;top:38px;left:0;width:min(360px,calc(100vw - 24px));max-height:70vh;overflow-y:auto;background:#fff;color:var(--texto);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:0 8px 24px rgba(16,24,40,.18)}.campana-item{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-gap:2px;gap:2px;width:100%;padding:10px 12px;border-top:1px solid var(--borde);font-size:13px}.campana-item.nueva{background:var(--color-accent-100)}.campana-item:hover{background:var(--fondo)}.campana-item small{color:var(--suave)}@media (max-width:760px){.campana-lista{position:fixed;left:12px;right:12px;top:56px;width:auto}}.grilla-modulos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;margin-top:10px}.grupo-modulos{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--suave,#6b7280);margin-bottom:4px}.interruptor{display:flex;flex-direction:row;align-items:center;gap:8px;padding:4px 0;cursor:pointer;font-size:14px;color:var(--texto)}.interruptor input{width:auto}td.nivel{font-size:12px;white-space:nowrap}td.nivel.n0{color:var(--suave,#9ca3af)}td.nivel.n3,td.nivel.n4{font-weight:600}td.apagado,th.apagado{opacity:.45}tr.clicable{cursor:pointer}tr.clicable:hover td{background:#f7f9fc}.selector-obra{margin-top:6px}.flujo-aprobacion{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.flujo-aprobacion .paso{flex:1 1 180px;border:1px solid var(--borde);border-radius:8px;padding:10px;background:#fafbfc}.flujo-aprobacion .paso .rol{font-size:12px;font-weight:700;margin-bottom:4px}.flujo-aprobacion .paso.ok .rol{color:#067647}.flujo-aprobacion .paso.pendiente .rol{color:#b54708}.flujo-aprobacion .paso.error .rol{color:#b42318}.lateral{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;gap:2px;scrollbar-width:thin;scrollbar-color:var(--hp-dark-line) transparent}.lateral .grupo-titulo{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.lateral .grupo-titulo:focus-visible,.lateral .grupo-titulo:hover{background:var(--hp-dark-2);color:#fff}.lateral .grupo-titulo.con-activo{color:#fff}.lateral .grupo-titulo .signo{font-size:16px;line-height:1;width:16px;text-align:center;color:var(--hp-dark-muted)}.lateral .grupo-items{display:flex;flex-direction:column;gap:1px;padding:0 0 6px 8px;border-left:1px solid var(--hp-dark-2);margin-left:10px}.lateral .grupo-items a{padding:7px 10px;font-size:13.5px}.lateral .menu-acciones{display:flex;justify-content:flex-end;padding:6px 4px 2px}.lateral .menu-acciones button{background:none;color:var(--hp-dark-muted);font-size:11px;padding:2px 6px;min-height:0}.lateral .menu-acciones button:hover{color:#fff}@media (max-width:760px){.app{grid-template-columns:minmax(0,1fr)}.contenido{min-width:0}.tabla,.tarjeta{max-width:100%;overflow-x:auto}.lateral{height:auto;overflow:visible;padding:8px 12px;z-index:20}.lateral .barra-lateral{width:100%;flex-wrap:nowrap}.lateral .marca{padding:4px 4px 0;font-size:15px}.menu-movil{display:block;margin-left:auto;background:var(--hp-dark-2);color:#fff;padding:6px 14px}.lateral .panel-menu{display:none}.lateral.abierto .panel-menu{display:flex;flex-direction:column;gap:2px;position:fixed;left:0;right:0;top:56px;bottom:0;background:var(--hp-dark);padding:8px 12px 24px;overflow-y:auto;overscroll-behavior:contain}.lateral .grupo-titulo{padding:13px 10px;font-size:13px}.lateral .grupo-items a{padding:12px 10px;font-size:15px}.lateral .usuario{margin-top:12px;display:flex;justify-content:space-between;align-items:center}body.menu-abierto{overflow:hidden}}body,html{font-family:var(--font-sans);font-size:15px;line-height:1.5;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}h1,h2,h3{font-weight:700;letter-spacing:-.01em}h1{font-size:1.6rem;line-height:1.25}h2{font-size:1.05rem;line-height:1.3}.contenido{max-width:var(--content-max);padding:26px 24px 56px;margin:0 auto}.kpi,.tarjeta{padding:var(--card-pad);border-radius:var(--radius)}.kpi .valor{font-family:var(--font-mono);font-size:26px;font-weight:500;line-height:1.2}:focus-visible{outline:2px solid var(--hp-green-2);outline-offset:2px}.boton,button{min-height:var(--control-h);padding:0 16px;border-radius:var(--radius-control);font:600 .92rem/1.2 var(--font-sans);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:active{background:var(--color-accent-700)}button.secundario{background:var(--color-surface);color:var(--color-text);border-color:var(--color-divider)}button.secundario:hover{background:var(--color-surface);border-color:var(--color-neutral-500)}button.peligro{background:var(--err)}button.peligro:hover{background:#9b3129}button.mini{min-height:30px;padding:0 10px;font-size:.8rem}input,select,textarea{min-height:var(--control-h);padding:8px 11px;border:1px solid var(--color-divider);border-radius:var(--radius-control);color:var(--color-text);font-family:var(--font-sans)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent-100);outline-offset:0;border-color:var(--color-accent)}input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--color-accent)}table.compacta input,table.compacta select{min-height:32px}label{font-size:.82rem;gap:6px}label,th{font-weight:600;color:var(--color-neutral-700)}th{background:transparent;font-size:12px}td,th{padding:10px 12px}td.num{font-family:var(--font-mono);font-size:.9em}.chip{border-radius:var(--radius-tag);font-size:.74rem;font-weight:600;padding:1px 9px;background:var(--color-neutral-200);color:var(--color-neutral-700)}.chip.ok{background:var(--ok-soft);color:var(--ok-c)}.chip.alerta{background:var(--warn-soft);color:var(--warn)}.chip.error{background:var(--err-soft);color:var(--err)}.aviso{border:1px solid;border-radius:var(--radius-control);padding:10px 14px;font-size:.9rem}.aviso.ok{background:var(--ok-soft);border-color:var(--ok-c);color:var(--ok-c)}.aviso.error{background:var(--err-soft);border-color:var(--err);color:var(--err)}.aviso.info,.aviso:not(.ok):not(.error){background:var(--color-accent-100);border-color:var(--color-accent);color:var(--color-accent-700)}.pestanas{background:var(--color-neutral-200);border-radius:var(--radius-control)}.pestanas button{min-height:36px;color:var(--color-neutral-700);border-radius:6px}.pestanas button:hover{background:rgba(255,255,255,.6)}.pestanas button.activa{background:var(--hp-dark);color:var(--color-surface)}.suave{color:var(--color-neutral-700)}.app{grid-template-columns:var(--sidebar-w) minmax(0,1fr);background:linear-gradient(to right,var(--hp-dark) var(--sidebar-w),transparent 0)}.lateral{background:var(--hp-dark);color:var(--hp-dark-text);padding:14px 8px}.lateral .marca{font-size:1.05rem;padding:4px 8px 10px;color:var(--color-surface)}.lateral .marca b{color:var(--hp-green-2);font-weight:700}.lateral a{color:var(--hp-nav-text);font-size:.93rem;border-radius:var(--radius-control)}.lateral a.activo,.lateral a:hover{background:var(--hp-dark-2);color:var(--color-surface)}.lateral a.activo{font-weight:600;box-shadow:inset 3px 0 0 var(--hp-green-2)}.lateral .grupo-titulo{font-size:.68rem;font-weight:500;letter-spacing:.1em;color:var(--hp-dark-muted)}.lateral .grupo-titulo.con-activo{color:var(--hp-dark-text)}.lateral .grupo-titulo:hover{background:var(--hp-dark-2)}.lateral .grupo-items{border-left-color:var(--hp-dark-line)}.lateral .grupo-items a{font-size:.9rem}.selector-empresa{background:var(--hp-dark-2);border:1px solid var(--hp-dark-line);color:var(--hp-dark-text)}.selector-empresa:focus{border-color:var(--hp-green-2);outline-color:transparent}.lateral .usuario{border-top-color:var(--hp-dark-line)}.lateral .menu-acciones button,.lateral button.enlace{background:none;min-height:0;padding:4px 0;font-weight:400;color:var(--hp-dark-muted)}.lateral .menu-acciones button:hover,.lateral button.enlace:hover{color:var(--color-surface);background:none}.menu-movil{background:var(--hp-dark-2);border:1px solid var(--hp-dark-line);min-height:var(--control-h-touch)}.ingreso{background:var(--hp-dark)}.caja-ingreso{border-top:3px solid var(--hp-green);box-shadow:0 24px 60px -20px rgba(0,0,0,.6)}.marca-ingreso{font-size:1.3rem;text-align:center}.marca-ingreso b{color:var(--color-accent)}@media (max-width:1023px){.contenido{padding:16px}}@media (max-width:760px){.app{grid-template-columns:minmax(0,1fr);background:none}.boton,button,input,select{min-height:var(--control-h-touch)}input,select,textarea{font-size:16px}table.compacta input,table.compacta select{min-height:40px}}.ma{min-height:100vh;min-height:100dvh;background:var(--color-bg);display:flex;flex-direction:column}.ma-cabecera{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;background:var(--hp-dark);color:var(--color-surface);padding:calc(env(safe-area-inset-top, 0px) + 14px) 14px 16px;border-bottom:3px solid var(--hp-green)}.ma-titulos{flex:1 1;min-width:0}.ma-cabecera h1{font-size:1.2rem;color:var(--color-surface)}.ma-cabecera h1,.ma-subtitulo{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ma-subtitulo{font-size:.85rem;color:var(--hp-dark-muted)}.ma-logo{width:40px;height:40px;border-radius:50%;background:var(--hp-dark-2);border:1px solid var(--hp-dark-line);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;white-space:nowrap;color:var(--color-surface);flex:none}.ma-logo b{color:var(--hp-green-2)}button.ma-icono{all:unset;box-sizing:border-box;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-control);cursor:pointer;flex:none;color:inherit}button.ma-icono:hover{background:var(--hp-dark-2)}.ma-cajon button.ma-icono:hover,.ma-cuerpo button.ma-icono:hover{background:var(--color-neutral-200)}.ma-cuerpo{flex:1 1;padding:16px 14px 24px;width:100%;max-width:720px;margin:0 auto}.ma-pie{position:-webkit-sticky;position:sticky;bottom:0;z-index:20;background:var(--color-surface);border-top:1px solid var(--color-divider);padding:12px 14px calc(env(safe-area-inset-bottom, 0px) + 12px)}.ma-pie>*{max-width:720px;margin:0 auto}.ma-boton-pie{width:100%;min-height:50px;font-size:1rem}.ma-dos{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.ma-dos button{width:100%}.ma-tarjeta-menu{display:flex;align-items:center;gap:14px;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:14px;padding:16px;margin-bottom:12px;color:var(--color-text);box-shadow:var(--shadow)}.ma-tarjeta-menu:active{background:var(--color-accent-100)}.ma-tarjeta-menu>svg{color:var(--color-neutral-500);flex:none}.ma-icono-caja{width:48px;height:48px;border-radius:12px;background:var(--color-accent-100);color:var(--color-accent-700);display:grid;place-items:center;flex:none}.ma-icono-caja.chica{width:38px;height:38px;border-radius:10px}.ma-tm-texto{flex:1 1;min-width:0;display:grid;grid-gap:2px;gap:2px}.ma-tm-texto strong{font-size:1.02rem}.ma-tm-texto span{color:var(--color-neutral-700);font-size:.9rem}.ma-cuenta{background:var(--hp-green);color:var(--color-surface);font:.72rem var(--font-mono);padding:2px 8px;border-radius:999px;margin-left:6px}.ma-operando{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:14px;padding:12px 14px;margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.ma-operando>div:first-child{display:grid;grid-gap:2px;gap:2px;min-width:0}.ma-operando strong{color:var(--color-accent-700)}.ma-enlace,button.ma-enlace{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--color-accent-700);font-weight:600;font-size:.9rem;padding:6px 0}.ma-lista-obras{flex-basis:100%;display:grid;grid-gap:6px;gap:6px}.ma-lista-obras button{justify-content:flex-start;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-divider)}.ma-lista-obras button.activo{border-color:var(--color-accent);background:var(--color-accent-100);color:var(--color-accent-700)}.ma-chips{display:flex;gap:8px;overflow-x:auto;margin:0 -14px 14px;padding:2px 14px;scrollbar-width:none}.ma-chips::-webkit-scrollbar{display:none}.ma-chips button{flex:none;border-radius:999px;background:var(--color-neutral-200);color:var(--color-neutral-700);min-height:38px;padding:0 16px;font-weight:600}.ma-chips button:hover{background:var(--color-divider)}.ma-chips button.activo{background:var(--color-accent);color:var(--color-surface)}.ma-chips button.activo .ma-cuenta{background:var(--color-surface);color:var(--color-accent-700)}.ma-vacio{display:grid;justify-items:center;grid-gap:6px;gap:6px;text-align:center;padding:48px 20px;color:var(--color-neutral-700)}.ma-vacio svg{color:var(--color-accent);margin-bottom:6px}.ma-vacio strong{color:var(--color-text);font-size:1.05rem}.ma-doc{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow);display:grid;grid-gap:10px;gap:10px}.ma-doc>header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ma-doc>header strong{flex:1 1;min-width:0;font-size:1rem}.ma-sigla{font:700 .75rem var(--font-mono);background:var(--hp-dark);color:var(--color-surface);padding:4px 8px;border-radius:6px}.ma-sigla.sc{background:var(--color-accent-700)}.ma-sigla.ep{background:var(--color-neutral-700)}.ma-monto{font:500 1.35rem var(--font-mono);color:var(--color-accent-700)}.ma-monto .suave{font:.85rem var(--font-sans)}.ma-glosa{margin:0;color:var(--color-neutral-700);font-style:italic}.ma-datos{display:grid;grid-template-columns:minmax(96px,auto) 1fr;grid-gap:4px 12px;gap:4px 12px;margin:0;font-size:.92rem}.ma-datos dt{color:var(--color-neutral-700)}.ma-datos dd{margin:0;overflow-wrap:anywhere}.ma-lineas{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-divider)}.ma-lineas li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-divider);font-size:.92rem}.ma-lineas em{color:var(--color-neutral-700);font-style:normal;font-size:.82rem}.ma-lineas .num{font-family:var(--font-mono);white-space:nowrap}.ma-entrega{display:grid;justify-items:end;grid-gap:2px;gap:2px}.ma-entrega input{width:90px;text-align:right;font-family:var(--font-mono)}.ma-entrega small{color:var(--color-neutral-700);font-size:.75rem}.ma-rechazo{display:grid;grid-gap:8px;gap:8px}.ma-boton-doc{width:100%}.mono{font-family:var(--font-mono)}.ma-campos{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:14px;margin-bottom:14px;overflow:hidden}.ma-campo{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid var(--color-divider);font-weight:400;flex-direction:row;color:var(--color-text)}.ma-campo>svg{color:var(--color-accent);margin-top:2px;flex:none}.ma-campo>div{flex:1 1;display:grid;grid-gap:4px;gap:4px;min-width:0}.ma-campo input,.ma-campo select{border:0;padding:0;min-height:32px;background:transparent}.ma-campo input:focus,.ma-campo select:focus{outline:none}.ma-campo:focus-within{background:var(--color-accent-100)}.ma-etiqueta{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-700)}.ma-acento{color:var(--color-accent-700);font-weight:600}button.ma-agregar{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;padding:14px;font-weight:600;color:var(--color-text)}.ma-mas{width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:var(--color-surface);display:grid;place-items:center}.ma-busqueda,.ma-campo-simple{margin-bottom:12px;color:var(--color-neutral-700)}.ma-busqueda{display:flex;align-items:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:12px;padding:0 6px 0 14px}.ma-busqueda input{border:0;padding:0;min-height:48px;background:transparent}.ma-busqueda input:focus{outline:none}.ma-busqueda:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-100)}button.ma-fila-item,button.ma-fila-oc{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 4px;border-bottom:1px solid var(--color-divider)}.ma-fila-item>span:first-child,.ma-fila-oc>span:first-child{display:grid;grid-gap:2px;gap:2px;min-width:0}.ma-stock{font:600 .9rem var(--font-mono);background:var(--color-accent-100);color:var(--color-accent-700);padding:4px 10px;border-radius:8px;white-space:nowrap}.ma-stock.bajo{background:var(--err-soft);color:var(--err)}.ma-item{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:14px;padding:12px 14px;margin-bottom:10px;display:grid;grid-gap:10px;gap:10px}.ma-item-cab{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.ma-item-cab>span{display:grid;grid-gap:2px;gap:2px}.ma-item-fila{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ma-item-fila select{flex:1 1;min-width:160px}.ma-paso{display:flex;align-items:center;gap:6px}.ma-paso button{width:44px;padding:0;font-size:1.2rem}.ma-paso input{width:80px;text-align:center;font-family:var(--font-mono)}.ma-alerta-texto{color:var(--err);font-size:.85rem;font-weight:600}.ma-cifras{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;background:var(--color-bg);border-radius:10px;padding:10px 4px}.ma-cifras b{display:block;font:500 1.25rem var(--font-mono)}.ma-cifras span{font-size:.8rem;color:var(--color-neutral-700)}.ma-pasos{list-style:none;display:flex;justify-content:space-between;margin:0 0 14px;padding:0;counter-reset:paso}.ma-pasos li{flex:1 1;display:grid;justify-items:center;grid-gap:4px;gap:4px;font-size:.8rem;color:var(--color-neutral-700);position:relative}.ma-pasos li span{width:30px;height:30px;border-radius:50%;border:2px solid var(--color-divider);display:grid;place-items:center;background:var(--color-surface);font-weight:600}.ma-pasos li.activo{color:var(--color-text);font-weight:600}.ma-pasos li.activo span{border-color:var(--color-accent);color:var(--color-accent-700)}.ma-pasos li.hecho span{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-surface)}.ma-fondo{position:fixed;inset:0;z-index:60;background:var(--backdrop);display:flex;justify-content:flex-end}.ma-cajon{width:min(86vw,340px);height:100%;background:var(--color-surface);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top, 0px) + 12px) 12px 16px;overflow-y:auto}.ma-cajon-cab{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 10px}.marca-app{font-weight:700;font-size:1.2rem}.marca-app b{color:var(--color-accent)}.ma-persona{display:flex;gap:12px;align-items:center;padding:10px 6px 16px;border-bottom:1px solid var(--color-divider);margin-bottom:8px}.ma-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-accent);color:var(--color-surface);display:grid;place-items:center;font-weight:700;font-size:1.2rem;flex:none}a.ma-cajon-item,button.ma-cajon-item{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px 10px;border-radius:var(--radius-control);color:var(--color-text);font-size:1rem;width:100%}a.ma-cajon-item:hover,button.ma-cajon-item:hover{background:var(--color-accent-100)}.ma-cajon-item svg{color:var(--color-neutral-700)}button.ma-cajon-item.salir{color:var(--err);margin-top:auto}button.ma-cajon-item.salir svg{color:var(--err)}.ma-cajon hr{border:0;border-top:1px solid var(--color-divider);margin:8px 0;width:100%}.rendiciones-web{max-width:860px}.form-gasto .foto-gasto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:110px;margin-bottom:12px;border:2px dashed var(--color-divider);border-radius:14px;background:var(--color-surface);color:var(--color-accent-700);font-weight:600;cursor:pointer;text-align:center;padding:12px}.form-gasto .foto-gasto input{width:auto;min-height:0;border:0;padding:0;font-size:.85rem;color:var(--color-neutral-700)}button.ma-doc.rendicion-fila{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-gap:10px;gap:10px;width:100%;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow);color:var(--color-text)}button.ma-doc.rendicion-fila:hover{border-color:var(--color-accent)}.ma-doc.gasto header input[type=checkbox]{width:22px;height:22px}.resumen-estados{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px;font-size:.9rem}.linea-tiempo{list-style:none;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px}.linea-tiempo li{border-left:3px solid var(--color-divider);padding:4px 0 4px 12px}.linea-tiempo li.aprobada{border-color:var(--color-accent)}.linea-tiempo li.rechazada{border-color:var(--err)}.linea-tiempo li.pendiente{border-color:var(--warn)}.detalle-rendicion h3{margin:16px 0 8px}