:root{--bg: #E9EFF2;--surface: #FFFFFF;--surface-2: #F4F7F8;--ink: #0F1417;--muted: #5B646B;--line: #D3DCE0;--brand: #00B1DA;--brand-ink: #00789A;--brand-soft: #DDF4FA;--steel: #697077;--on-brand: #FFFFFF;--ok: #2F8A4E;--ok-soft: #E1F2E6;--no: #C93C3C;--no-soft: #FBE4E2;--na: #7D878E;--na-soft: #E8ECEE;--warn: #B97800;--warn-soft: #FCEFD3;--shadow: 0 1px 2px rgba(15, 20, 23, .06), 0 4px 14px rgba(15, 20, 23, .06);--f-display: "Saira Semi Condensed", "Arial Narrow", system-ui, sans-serif;--f-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #0C1215;--surface: #141C20;--surface-2: #1B252A;--ink: #E7EDEF;--muted: #9BA7AE;--line: #29353B;--brand: #1CC3EA;--brand-ink: #63D7F3;--brand-soft: #0F3440;--steel: #8E969C;--on-brand: #06181E;--ok: #5CC27E;--ok-soft: #15301F;--no: #F07A72;--no-soft: #3A1B1A;--na: #9AA3A9;--na-soft: #222C31;--warn: #E7AE3C;--warn-soft: #352812;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .25)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand-ink)}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}h1,h2,h3{font-family:var(--f-display);margin:0;text-wrap:balance;letter-spacing:.01em}h1{font-size:26px;font-weight:700}h2{font-size:20px;font-weight:600}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.label{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:600}.marco{display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto 1fr;min-height:100%}.barra{grid-column:1 / -1;display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;position:sticky;top:0;z-index:5}.logo{background:#fff;border-radius:8px;padding:4px 8px;display:flex;align-items:center;height:44px}.logo img{height:36px;width:auto;display:block}.barra .espacio{flex:1}.modo-prueba{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--warn);background:var(--warn-soft);padding:4px 10px;border-radius:6px}.usuario{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.usuario b{display:block;font-size:14px;line-height:1.15}.usuario small{display:block;color:var(--muted);font-size:12px;line-height:1.1}.avatar{width:36px;height:36px;border-radius:50%;background:var(--steel);color:#fff;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:15px;flex:none}.riel{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px;padding:12px 8px}.riel a,.riel button{border:0;background:transparent;border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--muted);min-height:64px;text-decoration:none;text-align:center}.riel svg{width:26px;height:26px}.riel a.active{background:var(--brand-soft);color:var(--brand-ink)}.riel .abajo{margin-top:auto}main{padding:20px 22px 32px;min-width:0}.encabezado{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.encabezado p{margin:2px 0 0;color:var(--muted)}.btn{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:48px;padding:0 18px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:var(--ink)}.btn.primario{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.oscuro{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn.peligro{background:var(--no);border-color:var(--no);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.fila{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tarjeta{background:var(--surface);border:1px solid var(--line);border-radius:14px}.panel{padding:18px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.pill.marca{background:var(--brand-soft);color:var(--brand-ink)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.no{background:var(--no-soft);color:var(--no)}.pill.alerta{background:var(--warn-soft);color:var(--warn)}.pill.neutra{background:var(--na-soft);color:var(--na)}.formulario{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.formulario .ancho{grid-column:1 / -1}.campo{display:flex;flex-direction:column;gap:6px;min-width:0}.campo input,.campo select,.campo textarea{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:48px;padding:10px 12px;font-size:16px;width:100%}.campo textarea{min-height:90px;resize:vertical}.ayuda{font-size:13px;color:var(--muted)}.error{color:var(--no);font-weight:500}.segmentos{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;flex-wrap:wrap}.segmentos button{flex:1 0 auto;border:0;border-left:1px solid var(--line);background:var(--surface);min-height:48px;padding:0 14px;font-weight:600;color:var(--muted)}.segmentos button:first-child{border-left:0}.segmentos button[aria-pressed=true]{background:var(--brand);color:var(--on-brand)}.tabla-caja{overflow-x:auto}table.tabla{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.tabla th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;background:var(--surface-2);padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.tabla td{padding:12px;border-top:1px solid var(--line);vertical-align:top}.tabla td.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.tablero{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px}.columna{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:180px}.columna h3{font-size:15px;font-weight:600;display:flex;justify-content:space-between;padding:2px 4px 6px}.ot-tarjeta{display:grid;gap:4px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}.ot-tarjeta .num{font-family:var(--f-mono);font-size:12.5px;color:var(--brand-ink)}.ot-tarjeta b{font-size:15px}.ot-tarjeta small{color:var(--muted)}.pasos{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px;margin:14px 0}.paso{flex:1 0 92px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted);font-weight:500}.paso i{height:6px;border-radius:3px;background:var(--line);display:block}.paso.hecho i{background:var(--steel)}.paso.hecho{color:var(--ink)}.paso.actual i{background:var(--brand)}.paso.actual{color:var(--brand-ink);font-weight:700}.datos-ot{display:flex;flex-wrap:wrap;gap:6px 22px;color:var(--muted);font-size:14px;margin-top:4px}.datos-ot b{color:var(--ink);font-weight:600}.dos-col{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}.historial{display:grid;gap:8px;margin:0;padding:0;list-style:none}.historial li{display:flex;justify-content:space-between;gap:10px;font-size:14px;border-bottom:1px dashed var(--line);padding-bottom:6px}.ingreso{min-height:100%;padding:24px 16px;display:grid;place-items:start center}.ingreso .caja{width:min(1100px,100%);display:grid;gap:18px}.ingreso-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start}.personas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.persona{border:2px solid var(--line);background:var(--surface);border-radius:14px;padding:12px;display:flex;gap:12px;align-items:center;text-align:left;min-height:76px}.persona[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.persona b{display:block;font-size:15px;line-height:1.2}.persona:disabled{opacity:.55;cursor:not-allowed}.teclado button.entrar{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.teclado button:disabled{opacity:.45;cursor:not-allowed}.persona small{color:var(--muted);font-size:12.5px}.pin-puntos{display:flex;gap:14px;justify-content:center;margin:12px 0 18px}.pin-puntos i{width:18px;height:18px;border-radius:50%;border:2px solid var(--steel)}.pin-puntos i.lleno{background:var(--brand);border-color:var(--brand)}.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.teclado button{min-height:64px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-family:var(--f-display);font-size:26px;font-weight:600}.etiqueta{width:90mm;border:2px solid #0C080C;border-radius:6px;padding:10px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;background:#fff;color:#0c080c}.etiqueta img.qr{width:30mm;height:30mm}.etiqueta .cod{font-family:var(--f-mono);font-size:15px;font-weight:500}.siguiente{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.pestanas{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-top:16px;overflow-x:auto}.pestanas button{border:0;background:transparent;padding:14px 16px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap;min-height:52px;position:relative}.pestanas button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--brand)}.pestanas button.actual:after{content:"";position:absolute;top:12px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--brand)}.contenido-etapa{padding-top:16px}.pila{display:grid;gap:16px;align-content:start}.titulo-seccion{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:4px 0 10px}.avance{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--muted)}.barra-avance{height:8px;width:160px;background:var(--line);border-radius:4px;overflow:hidden}.barra-avance i{display:block;height:100%;background:var(--brand)}.entrada{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:48px;padding:8px 12px;font-size:15px}.btn-texto{border:0;background:transparent;color:var(--brand-ink);font-weight:600;padding:6px 4px}.acciones-fijas{position:sticky;bottom:0;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:var(--shadow)}.checklist{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.ck{display:grid;grid-template-columns:34px minmax(0,1.2fr) auto minmax(0,1fr);gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}.ck:first-child{border-top:0}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{border:0;border-left:1px solid var(--line);background:var(--surface);min-width:58px;min-height:46px;font-weight:700;font-size:13px;color:var(--muted)}.seg button:first-child{border-left:0}.seg button:disabled{cursor:not-allowed;background:var(--surface-2)}.seg button:disabled:not([aria-pressed=true]){color:var(--line)}.ck input:disabled,.campo input:disabled{cursor:not-allowed;opacity:.75}.solo-lectura{margin:0;padding:12px 14px;border-radius:12px;background:var(--warn-soft);color:var(--ink);border:1px solid var(--warn);font-weight:500}.seg button[aria-pressed=true][data-v=ok]{background:var(--ok);color:#fff}.seg button[aria-pressed=true][data-v=no]{background:var(--no);color:#fff}.seg button[aria-pressed=true][data-v=na]{background:var(--na);color:#fff}.ck input{border:1px solid transparent;background:var(--surface-2);border-radius:8px;min-height:44px;padding:8px 10px;width:100%}.seccion-plegable{border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:10px;overflow:hidden}.seccion-plegable summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;min-height:56px}.seccion-plegable summary::-webkit-details-marker{display:none}.seccion-plegable summary h3{font-size:18px;font-weight:600}.seccion-plegable .checklist{border:0;border-top:1px solid var(--line);border-radius:0}.fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.fotos img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.foto-nueva{aspect-ratio:4 / 3;min-height:48px;border:2px dashed var(--brand);border-radius:10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--brand-ink);font-weight:600;font-size:13px;background:var(--brand-soft);cursor:pointer;padding:8px 14px}.foto-nueva svg{width:26px;height:26px}.foto-nueva input{display:none}.fila .foto-nueva{aspect-ratio:auto;flex-direction:row}.miniatura{width:96px;height:72px;object-fit:cover;border-radius:8px}.texto-voz{display:grid;gap:8px}.texto-voz textarea{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;font-size:16px;width:100%;resize:vertical}.microfono{justify-self:start;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--no);color:#fff;font-weight:600;min-height:48px;padding:0 18px}.microfono svg{width:22px;height:22px}.microfono.grabando{box-shadow:0 0 0 6px var(--no-soft);animation:latido 1.2s infinite}@keyframes latido{50%{box-shadow:0 0 0 12px var(--no-soft)}}.hallazgos{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.hallazgo{padding:14px;display:grid;gap:10px;align-content:start}.hallazgo h3{font-size:18px;font-weight:600}.antes-despues{display:grid;grid-template-columns:1fr 1fr;gap:8px}.antes-despues img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:8px}.antes-despues figure{margin:0}.antes-despues figcaption{font-size:12px;color:var(--muted)}.sin-foto{aspect-ratio:16 / 10;border:2px dashed var(--line);border-radius:8px;display:grid;place-items:center;color:var(--muted);font-size:12.5px;text-align:center;padding:6px}.medida{display:flex;align-items:center;gap:8px;margin:0}.medida svg{width:22px;height:22px}.cronometro{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;border:2px solid var(--brand);margin-bottom:12px}.cronometro.otro{border-color:var(--warn)}.cronometro>div:first-child{display:grid;gap:2px}.reloj{font-size:34px}.tareas{display:grid;gap:8px}.tarea{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 14px}.tarea>div{display:grid;gap:2px}.totales{margin-left:auto;border-collapse:collapse;min-width:280px}.totales th{text-align:left;font-weight:500;color:var(--muted);padding:6px 12px}.totales td{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums;padding:6px 12px}.totales tr.total th,.totales tr.total td{color:var(--ink);font-weight:700;border-top:1px solid var(--line)}.documento{background:#fff;color:#0c080c;max-width:820px;margin:0 auto;padding:48px 56px;border:1px solid var(--line);border-radius:6px;font-size:14.5px}.documento p{margin:6px 0}.doc-logo{height:70px}.doc-lema{font-size:10px;letter-spacing:.1em;color:#697077;font-weight:600}.doc-tabla{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}.doc-tabla th{background:#00b1da;color:#fff;padding:5px 8px;border:1px solid #0C080C}.doc-tabla td{padding:4px 8px;border:1px solid #9aa3a9}.doc-tabla tr.grupo td{background:#d9d9d9;font-weight:700;text-align:center}.doc-tabla td.r{text-align:right;white-space:nowrap}.doc-tabla td.c{text-align:center}.doc-totales{margin:0 0 24px auto;border-collapse:collapse;font-size:13px}.doc-totales th{background:#00b1da;color:#fff;font-style:italic;font-weight:500;padding:3px 22px;border:1px solid #0C080C}.doc-totales td{padding:3px 10px;border:1px solid #0C080C;text-align:right;font-weight:700;min-width:130px}.doc-totales tr.total td{background:#19e3f0}.doc-firma{margin-top:90px;display:grid}.doc-firma span{color:#00b1da;font-weight:700}.doc-datos{width:100%;border-collapse:collapse;margin:10px 0;font-size:13.5px}.doc-datos th{text-align:left;background:var(--surface-2);padding:6px 8px;border:1px solid var(--line);white-space:nowrap}.doc-datos td{padding:6px 8px;border:1px solid var(--line)}.documento .doc-datos th{background:#eef3f5}.informe h3{margin:18px 0 8px;font-size:17px;color:#00789a}.informe-encabezado{display:flex;align-items:center;gap:18px;justify-content:space-between;border-bottom:3px solid #00B1DA;padding-bottom:10px}.fotos-informe{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.fotos-informe img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.hallazgo-informe{border-left:4px solid #00B1DA;padding:4px 12px;margin:10px 0;break-inside:avoid}.hallazgo-informe p{margin:4px 0}.doc-firma-linea{margin-top:30px}.logo-otia{display:flex;align-items:center}.logo-otia img{width:auto;display:block}.separador{width:1px;align-self:stretch;background:var(--line);margin:4px 0}.otia{font-family:var(--f-display);font-weight:700;letter-spacing:.08em;color:var(--brand-ink)}.firma{margin-top:40px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:6px 20px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.firma a{color:var(--muted)}.aviso{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:14px 20px;border-radius:12px;font-weight:500;box-shadow:var(--shadow);max-width:calc(100vw - 32px);z-index:20}@media(max-width:1000px){.dos-col,.ingreso-grid{grid-template-columns:1fr}.ck{grid-template-columns:30px 1fr auto}.ck input{grid-column:2 / -1}.cronometro{grid-template-columns:1fr}}@media(max-width:720px){.marco{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.riel{grid-row:3;flex-direction:row;border-right:0;border-top:1px solid var(--line);justify-content:space-around;padding:6px;position:sticky;bottom:0}.riel .abajo{margin-top:0}.riel a,.riel button{min-height:56px;flex:1}main{padding:14px 16px 20px}.formulario{grid-template-columns:1fr}.usuario small,.modo-prueba{display:none}}@media print{.barra,.riel,.no-imprimir,.aviso{display:none!important}.marco{display:block}main{padding:0}body{background:#fff}.documento{border:0;padding:0;max-width:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}