:root{--papel: #e9e3d8;--panel: #fffefb;--tinta: #1e1b16;--mut: #6f6859;--linea: #cfc6b4;--linea2: #e6dfd2;--acc: #7b2d26;--madera: #6f4a2c;--ok: #2c6448;--mal: #a3201a;--warn: #8a6413;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--papel);color:var(--tinta);font:15px/1.55 var(--sans);overflow:hidden}.app{position:relative;height:100%}.escena{position:absolute;top:0;right:0;bottom:0;left:0}.barra{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 20px;background:var(--panel);border-bottom:1px solid var(--linea);font-size:13px}.marca{display:flex;align-items:center;gap:9px;color:var(--mut)}.marca b{color:var(--tinta);font-weight:600}.marca .sep{opacity:.45}.dot{width:7px;height:7px;border-radius:50%;background:var(--acc)}.metricas{display:flex;align-items:center;gap:8px}.fase{padding:5px 11px;border:1px solid var(--linea);border-radius:3px;background:#f7f3ea;color:var(--acc);font-weight:600}.puntaje{padding:5px 11px;border:1px solid var(--linea2);border-radius:3px}.puntaje em{color:var(--mut);font-style:normal;margin-right:7px;font-size:11px;letter-spacing:.08em}.calidad{padding:6px 12px;border:1px solid var(--linea);border-radius:3px;background:#fff;color:var(--tinta);font:inherit;font-size:12px;cursor:pointer}.calidad:hover{background:#f2ede3}.expediente{position:absolute;top:60px;right:20px;z-index:3;width:272px;display:flex;flex-direction:column;gap:8px}.expTog{display:flex;align-items:center;gap:8px;align-self:flex-end;padding:7px 12px;border:1px solid var(--linea);border-radius:3px;background:var(--panel);box-shadow:0 1px 3px #3c2d191f;color:var(--tinta);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.expTog:hover{background:#f4efe4}.expTog em{font-style:normal;font-size:11px;font-weight:600;padding:1px 6px;border-radius:9px;background:var(--acc);color:#fff}.expTog i{font-style:normal;color:var(--mut);width:10px;text-align:center}.prueba{display:flex;flex-direction:column;gap:4px;padding:11px 13px;border:1px solid var(--linea);border-left:3px solid var(--madera);border-radius:3px;background:var(--panel);box-shadow:0 1px 2px #3c2d1914;color:var(--tinta);font:inherit;text-align:left;cursor:pointer;transition:box-shadow .15s,transform .15s}.prueba:hover:not(.off){transform:translate(-3px);box-shadow:0 3px 9px #3c2d1924}.prueba b{font-size:13.5px}.prueba span{font-size:12px;line-height:1.45;color:var(--mut)}.prueba em{font-size:10.5px;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}.prueba.off{background:#f2eee4;border-color:var(--linea2);border-left-color:var(--linea);cursor:default;box-shadow:none}.prueba.off b{color:#6f6a60;font-weight:600}.prueba.off span{color:#8b857a}.prueba.off em{color:var(--mut)}.dialogo{position:absolute;left:20px;right:310px;bottom:20px;z-index:3;display:flex;gap:18px;padding:16px 20px 18px;border:1px solid var(--linea);border-top:3px solid var(--acc);border-radius:3px;background:var(--panel);box-shadow:0 4px 18px #3c2d1929}.dcuerpo{flex:1;min-width:0}.quien{display:flex;align-items:center;justify-content:space-between;gap:14px}.chip{display:flex;flex-direction:column;gap:1px;line-height:1.25;padding:5px 11px;border:1px solid var(--linea);border-left:3px solid var(--mut);border-radius:3px;font-size:12.5px;font-weight:600;background:#f7f3ea}.chip em{font-style:normal;font-size:10.5px;font-weight:400;letter-spacing:.05em;color:var(--mut)}.chip.r-juez{border-left-color:#4a3a20}.chip.r-fiscal{border-left-color:var(--acc)}.chip.r-defensa{border-left-color:#2b4a6f}.chip.r-testigo{border-left-color:var(--madera)}.texto{margin:13px 0 16px;font-family:var(--serif);font-size:20px;line-height:1.5;max-width:70ch}.acciones{display:flex;flex-wrap:wrap;gap:8px}.accion{display:flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid var(--linea);border-radius:3px;background:#fff;color:var(--tinta);font:inherit;font-size:14px;text-align:left;cursor:pointer;box-shadow:0 1px 2px #3c2d1912;transition:background .15s,box-shadow .15s}.accion:hover:not(:disabled){background:#f4efe4;box-shadow:0 2px 7px #3c2d1924}.accion:disabled{opacity:.45;cursor:default;box-shadow:none}.accion .tipo{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding-right:10px;border-right:1px solid var(--linea2)}.accion.a-objetar{border-left:3px solid var(--mal)}.accion.a-objetar .tipo{color:var(--mal)}.accion.a-preguntar{border-left:3px solid #2b4a6f}.reloj{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}.reloj svg{transform:rotate(-90deg)}.reloj .pista{fill:none;stroke:var(--linea2);stroke-width:3}.reloj .arco{fill:none;stroke:var(--acc);stroke-width:3;stroke-linecap:round}.reloj .corto{display:none}.reloj b{font-size:18px;color:var(--acc);min-width:42px;font-variant-numeric:tabular-nums}.reloj.urgente .arco,.reloj.urgente b{stroke:var(--mal);color:var(--mal)}.reloj.urgente{animation:pulso .7s infinite}@keyframes pulso{50%{opacity:.45}}.retrato{position:relative;flex:0 0 118px;width:118px;align-self:flex-start;aspect-ratio:4 / 5;overflow:hidden;border:1px solid var(--linea);border-radius:3px;background:#f0ebe0;filter:saturate(.75);transition:border-color .25s,filter .25s}.retrato.activo{border-color:var(--acc);filter:none}.retrato>svg,.retrato>img,.retrato>video{display:block;width:100%;height:100%;object-fit:cover}.retrato .rol{position:absolute;left:0;right:0;bottom:0;padding:4px 7px;background:linear-gradient(180deg,transparent,rgba(255,254,251,.96));font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.retrato.activo .rol{color:var(--acc)}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:24px;background:#463a2859}.tarjeta{width:min(620px,100%);max-height:88vh;overflow:auto;padding:30px 34px 34px;border:1px solid var(--linea);border-top:3px solid var(--acc);border-radius:4px;background:var(--panel);box-shadow:0 12px 40px #32261647}.kicker{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);font-weight:600}.tarjeta h1{margin:10px 0 14px;font-family:var(--serif);font-size:31px;font-weight:600}.tarjeta h1 small{font-size:18px;color:var(--mut);font-weight:400}.tarjeta p{color:#48423a}.reglas{margin:18px 0 26px;padding-left:18px;color:var(--mut);font-size:14px}.reglas li{margin-bottom:7px}.primario{margin-top:22px;padding:12px 26px;border:1px solid var(--tinta);border-radius:3px;background:#fff;color:var(--tinta);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.primario:hover{background:var(--tinta);color:#fff}.veredicto.ok{border-top-color:var(--ok)}.veredicto.mal{border-top-color:var(--mal)}.veredicto.ok .kicker{color:var(--ok)}.veredicto.mal .kicker{color:var(--mal)}.delta{margin:6px 0 12px;font-size:38px;font-weight:600;font-variant-numeric:tabular-nums}.veredicto.ok .delta{color:var(--ok)}.veredicto.mal .delta{color:var(--mal)}.fundamento{margin-top:16px;padding:13px 15px;border-left:3px solid var(--madera);background:#f7f3ea;font-size:14px}.fundamento em{display:block;font-size:10.5px;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:5px}.bit{width:100%;margin-top:8px;border-collapse:collapse;font-size:13.5px}.bit td{padding:9px 8px;border-bottom:1px solid var(--linea2)}.bit td:first-child{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);white-space:nowrap}.bit td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.bit tr.ok td:last-child{color:var(--ok)}.bit tr.mal td:last-child{color:var(--mal)}.arranque{margin-top:22px}.arranque .primario{margin-top:0}.arranque .primario:disabled{border-color:var(--linea);color:var(--mut);cursor:progress;font-variant-numeric:tabular-nums}.arranque .primario:disabled:hover{background:#fff;color:var(--mut)}.prog{margin-top:10px;height:3px;width:240px;border-radius:2px;background:var(--linea2);overflow:hidden}.prog i{display:block;height:100%;background:var(--acc);transition:width .25s ease-out}@media (max-width: 900px){.expediente{position:relative;right:auto;width:auto;max-height:42vh;overflow-y:auto;padding:58px 14px 0}.dialogo{left:0;right:0;bottom:0;gap:12px;max-height:46vh;overflow-y:auto;padding:12px 14px 16px;border-radius:0;border-left:0;border-right:0;border-bottom:0;box-shadow:0 -6px 20px #3c2d192e}.retrato{flex:0 0 62px;width:62px}.retrato .rol{display:none}.quien{flex-direction:column;align-items:stretch;gap:8px}.texto{margin:10px 0 12px;font-size:16.5px;line-height:1.45}.acciones{flex-direction:column}.accion{width:100%;padding:12px 14px}.reloj{justify-content:flex-start}.reloj .largo{display:none}.reloj .corto{display:inline}.reloj svg{width:34px;height:34px}.barra{padding:9px 14px;font-size:12.5px}.tarjeta{padding:24px 20px 26px}.tarjeta h1{font-size:25px}}@media (max-width: 900px) and (max-height: 480px){.dialogo{max-height:62vh;padding:9px 12px 11px;gap:0}.retrato{display:none}.quien{flex-direction:row;align-items:center}.texto{font-size:15px;margin:7px 0 9px}.acciones{flex-direction:row}.accion{width:auto;flex:1 1 46%;padding:9px 12px;font-size:13px}.expediente{max-height:52vh;padding-top:54px}}
