:root{--fondo:#eef1f6;--panel:#ffffff;--panel2:#f4f7fa;--linea:#d3dbe6;--tinta:#16212f;--tenue:#57687d;--apagado:#8695a8;--vivo:#b3700c;--ok:#14805a;--fallo:#c22f2c;--info:#2563a8;--paterno:#2563a8;--materno:#8a3fa5;--denovo:#b3700c;--pista:#dde4ee;--sombra:0 1px 2px rgba(22,33,47,.06);--mono:"IBM Plex Mono",ui-monospace,monospace;--sans:"IBM Plex Sans",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--fondo);color:var(--tinta);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--vivo);outline-offset:2px}.envoltura{max-width:1180px;margin:0 auto;padding:0 24px 64px}header{border-bottom:1px solid var(--linea);background:var(--panel);position:sticky;top:0;z-index:5}.cabecera{max-width:1180px;margin:0 auto;padding:13px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.marca{font-family:var(--mono);font-weight:600;font-size:17px;letter-spacing:.04em}.marca b{color:var(--vivo);font-weight:600}.navegacion{display:flex;gap:4px}.navegacion button{padding:6px 13px;border-radius:3px;font-size:13.5px;color:var(--tenue)}.navegacion button:hover{color:var(--tinta);background:var(--panel2)}.navegacion button:disabled{color:var(--apagado);cursor:not-allowed}.navegacion button[aria-current=page]{color:var(--vivo);background:#fdf3e3}.estado-api{margin-left:auto;font-family:var(--mono);font-size:12.5px;color:var(--tenue);display:flex;align-items:center;gap:8px}.punto{width:8px;height:8px;border-radius:50%;background:var(--ok);display:inline-block}.punto.vivo{animation:latido 2.4s infinite}.punto.roto{background:var(--fallo)}@keyframes latido{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.punto.vivo{animation:none}}.salir{font-size:12.5px;color:var(--apagado)}.salir:hover{color:var(--fallo)}.acceso{min-height:100vh;display:grid;place-items:center;padding:24px}.acceso form{width:min(420px,100%);background:var(--panel);border:1px solid var(--linea);border-radius:5px;padding:30px;box-shadow:var(--sombra)}.acceso .marca{font-size:22px;margin-bottom:6px}.acceso p{color:var(--tenue);font-size:13.5px;margin-bottom:22px}.acceso label{display:block;font-size:12.5px;color:var(--tenue);margin-bottom:7px}.acceso input{width:100%;background:var(--panel2);border:1px solid var(--linea);border-radius:3px;color:var(--tinta);font-family:var(--mono);font-size:13px;padding:11px 12px}.acceso input:focus{border-color:var(--vivo);outline:none;background:var(--panel)}.acceso .entrar{width:100%;margin-top:16px;background:var(--vivo);color:#fff;font-weight:600;padding:11px;border-radius:3px}.acceso .entrar:disabled{opacity:.45;cursor:not-allowed}.acceso .error{color:var(--fallo);font-size:13px;margin-top:12px}.acceso .nota{color:var(--apagado);font-size:12px;margin-top:18px;margin-bottom:0}.caja{background:var(--panel);border:1px solid var(--linea);border-radius:4px;margin-top:14px;box-shadow:var(--sombra)}.caja h2{font-size:13px;font-weight:600;color:var(--tenue);padding:12px 16px;border-bottom:1px solid var(--linea);display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}.leyenda{margin-left:auto;font-weight:400;font-size:12px;display:flex;gap:14px;color:var(--tenue)}.pip{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}.cuerpo{padding:18px}.aviso{color:var(--tenue);font-size:13.5px;padding:18px}.cinta{display:flex;gap:26px;align-items:baseline;flex-wrap:wrap;padding:26px 0 8px}.cinta .sujeto{font-family:var(--mono);font-size:24px;font-weight:600}.cinta .sujeto small{display:block;font-size:12.5px;color:var(--tenue);font-family:var(--sans);font-weight:400;margin-top:2px}.dato{font-family:var(--mono);font-size:13.5px;color:var(--tenue)}.dato b{color:var(--tinta);font-weight:600}.dato.eta b{color:var(--vivo)}.etapas{margin-left:auto;display:flex;font-size:12.5px;font-family:var(--mono)}.etapa{padding:5px 14px;border:1px solid var(--linea);color:var(--apagado);border-left-width:0;background:var(--panel)}.etapa:first-child{border-left-width:1px;border-radius:3px 0 0 3px}.etapa:last-child{border-radius:0 3px 3px 0}.etapa.hecha{color:var(--ok);background:#eefaf4}.etapa.activa{color:var(--vivo);border-color:var(--vivo);border-left-width:1px;background:#fdf3e3}.ideo-progreso{display:flex;gap:3px;height:44px}.ideo-progreso .crom{position:relative;background:var(--pista);border-radius:2px;overflow:hidden;min-width:7px}.ideo-progreso .relleno{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#3d81c9,#2563a8);transition:width .4s linear}.ideo-progreso .crom.completo .relleno{background:linear-gradient(180deg,#22a377,#14805a)}.ideo-progreso .crom.activo .relleno{background:linear-gradient(180deg,#dd9424,#b3700c)}.ideo-progreso .tag{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:9.5px;color:var(--tenue)}.ideo-progreso .crom.completo .tag,.ideo-progreso .crom.activo .tag{color:#ffffffeb}.ideo-pie{display:flex;justify-content:space-between;margin-top:12px;font-family:var(--mono);font-size:13px;color:var(--tenue);flex-wrap:wrap;gap:10px}.ideo-pie .locus{color:var(--vivo)}.ideo-pie .pct{color:var(--tinta);font-weight:600;font-size:15px}.crom-fila{display:grid;grid-template-columns:40px 1fr 120px;gap:10px;align-items:center;margin-bottom:7px}.crom-nom{font-family:var(--mono);font-size:11.5px;color:var(--tenue);text-align:right}.crom-pista{position:relative;height:26px}.crom-cuerpo{position:absolute;top:8px;height:12px;left:0;border-radius:6px;background:var(--pista)}.dens{position:absolute;top:22px;height:3px;left:0;display:flex;border-radius:2px;overflow:hidden}.dens i{height:100%}.marcador{position:absolute;top:5px;width:2px;height:18px;background:var(--vivo);padding:0;border-radius:0}.marcador:after{content:"";position:absolute;top:-6px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--vivo);border:2px solid var(--panel)}.marcador.sel,.marcador.sel:after{background:var(--ok)}.crom-genes{font-family:var(--mono);font-size:11px;color:var(--vivo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rejilla{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px}@media(max-width:860px){.rejilla{grid-template-columns:1fr}.etapas{margin-left:0}}.registro{font-family:var(--mono);font-size:12.5px;line-height:1.75;padding:12px 16px;height:262px;overflow-y:auto;color:var(--tenue);background:var(--panel2);border-radius:0 0 4px 4px}.registro .t{color:var(--apagado);margin-right:10px}.registro .m.fin{color:var(--vivo);font-weight:600}.metricas{padding:6px 16px 14px}.metrica{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;border-bottom:1px dashed var(--linea)}.metrica:last-child{border-bottom:0}.metrica .n{color:var(--tenue);font-size:13.5px}.metrica .v{font-family:var(--mono);font-size:14px;font-weight:500;text-align:right;word-break:break-all}.metrica .v small{color:var(--apagado);font-weight:400}.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:12px;padding:18px}.tarjeta{background:var(--panel2);border:1px solid var(--linea);border-left:3px solid var(--apagado);border-radius:4px;padding:14px 16px;text-align:left;width:100%}.tarjeta:hover{border-color:var(--info);border-left-color:var(--info);background:var(--panel)}.tarjeta.en_curso{border-left-color:var(--vivo)}.tarjeta.terminado{border-left-color:var(--ok)}.tarjeta .caso{font-family:var(--mono);font-size:16px;font-weight:600}.tarjeta .meta{color:var(--tenue);font-size:12.5px;margin-top:3px}.tarjeta .pie{font-family:var(--mono);font-size:12px;color:var(--apagado);margin-top:10px}.compuertas{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;padding:18px}.compuerta{background:var(--panel2);border:1px solid var(--linea);border-left:3px solid var(--ok);border-radius:4px;padding:16px 18px}.compuerta.falla{border-left-color:var(--fallo)}.compuerta .tipo{font-size:13px;color:var(--tenue)}.compuerta .f1{font-family:var(--mono);font-size:28px;font-weight:600;margin:4px 0 2px}.compuerta .detalle{font-family:var(--mono);font-size:12px;color:var(--apagado);line-height:1.7}.compuerta .veredicto{margin-top:10px;font-size:12.5px;color:var(--ok);font-weight:600}.compuerta.falla .veredicto{color:var(--fallo)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-weight:600;color:var(--tenue);font-size:12px;padding:9px 14px;border-bottom:1px solid var(--linea)}td{padding:8px 14px;border-bottom:1px solid var(--linea);font-family:var(--mono);font-size:12.5px}tr:last-child td{border-bottom:0}tr.primero td{background:#eefaf4}td.gen{font-weight:600}tr.primero td.gen{color:var(--ok)}.her-rejilla{display:grid;grid-template-columns:290px 1fr;gap:18px;padding:18px}@media(max-width:860px){.her-rejilla{grid-template-columns:1fr}}.pedigri{background:var(--panel2);border:1px solid var(--linea);border-radius:4px;padding:14px}.pedigri text{font-family:var(--sans);font-size:11px;fill:var(--tenue)}.clases{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;margin-bottom:14px}.clase{background:var(--panel2);border:1px solid var(--linea);border-radius:4px;padding:10px 12px;text-align:left}.clase .num{font-family:var(--mono);font-size:21px;font-weight:600}.clase .nom{font-size:11.5px;color:var(--tenue)}.clase.de_novo_candidata .num{color:var(--denovo)}.clase.paterna .num{color:var(--paterno)}.clase.materna .num{color:var(--materno)}.clase.biparental .num{color:var(--info)}.nota-qc{color:var(--tenue);font-size:12px;padding:0 18px 18px;line-height:1.6}footer{margin-top:40px;color:var(--apagado);font-size:12px;font-family:var(--mono);line-height:1.7}.titulo-seccion{margin:30px 0 2px;font-size:19px;font-weight:600}.subtitulo{color:var(--tenue);font-size:13.5px;margin-bottom:4px;max-width:72ch}.caja h2 .der{margin-left:auto;font-weight:400;font-size:12px;color:var(--apagado)}.explica{background:var(--panel2);border-top:1px solid var(--linea);padding:14px 16px;font-size:13px;color:var(--tenue);line-height:1.65;max-width:100%}.explica b{color:var(--tinta);font-weight:600}.form-rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:16px;padding:18px}.campo label{display:block;font-size:12.5px;color:var(--tenue);margin-bottom:6px;font-weight:500}.campo select,.campo input{width:100%;background:var(--panel2);border:1px solid var(--linea);border-radius:3px;padding:9px 10px;font:inherit;font-size:13.5px;color:var(--tinta)}.campo select:focus,.campo input:focus{border-color:var(--vivo);outline:none;background:var(--panel)}.campo .ayuda{font-size:11.5px;color:var(--apagado);margin-top:6px;line-height:1.5}.pie-form{display:flex;align-items:center;gap:14px;padding:0 18px 18px;flex-wrap:wrap}.boton{background:var(--vivo);color:#fff;font-weight:600;padding:9px 17px;border-radius:3px}.boton:disabled{opacity:.45;cursor:not-allowed}.estimado{font-family:var(--mono);font-size:12.5px;color:var(--tenue)}.cola-fila{display:grid;grid-template-columns:140px 1fr 92px 104px;gap:14px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--linea);font-size:13.5px}.cola-fila:last-child{border-bottom:0}.cola-fila .id{font-family:var(--mono);font-weight:600}.cola-fila .cuando{font-family:var(--mono);font-size:12px;color:var(--apagado)}.insignia{display:inline-block;font-size:11.5px;padding:3px 10px;border-radius:10px;font-weight:600;text-align:center}.insignia.pendiente{background:#fdf3e3;color:var(--vivo)}.insignia.tomado,.insignia.corriendo{background:#e7f0fa;color:var(--info)}.insignia.terminado{background:#eefaf4;color:var(--ok)}.insignia.fallido{background:#fdecec;color:var(--fallo)}@media(max-width:720px){.cola-fila{grid-template-columns:1fr auto;gap:8px}.cola-fila .cuando{display:none}}.capas{margin-left:auto;display:flex}.capas button{font-size:12px;padding:5px 12px;border:1px solid var(--linea);border-left-width:0;background:var(--panel);color:var(--tenue)}.capas button:first-child{border-left-width:1px;border-radius:3px 0 0 3px}.capas button:last-child{border-radius:0 3px 3px 0}.capas button.sel{background:#fdf3e3;color:var(--vivo);border-color:var(--vivo);font-weight:600}.fila-mosaico{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;margin-bottom:3px}.fila-mosaico .et{font-family:var(--mono);font-size:10.5px;color:var(--tenue);text-align:right}.bloques{display:flex;gap:1px;height:14px}.bloques .b{flex:1 1 auto;min-width:1px;border-radius:1px}.bloques .b:hover{transform:scaleY(1.6);cursor:crosshair}.detalle-mosaico{font-family:var(--mono);font-size:12.5px;color:var(--tinta);padding:11px 16px;border-top:1px solid var(--linea);background:var(--panel2);min-height:40px}.detalle-mosaico .vacio{color:var(--apagado)}.leyenda-mosaico{display:flex;gap:18px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--linea);font-size:12.5px;color:var(--tenue)}