.utc{margin:34px 0}.utc .intro{flex-direction:column;gap:6px;margin:0 0 12px;display:flex}.utc .intro b{font-size:1.02rem}.utc .intro span{color:var(--text-muted);font-size:.86rem;line-height:1.55}.utc .lienzo{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 14px;overflow-x:auto;container-type:inline-size}.utc svg{width:100%;min-width:480px;height:auto;display:block}.utc svg.angosto{min-width:0;display:none}@container (width<=520px){.utc svg.ancho{display:none}.utc svg.angosto{display:block}}.utc .angosto .paso{paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round}.utc .col{fill:color-mix(in srgb,var(--border) 30%,var(--surface));stroke:var(--border-strong,var(--border));stroke-width:1.2px}.utc .ct{fill:var(--text);font:600 9.5px var(--font-mono,monospace)}.utc .tok{fill:var(--viz-1);opacity:0}.utc .cls{fill:var(--viz-2);stroke:var(--text);stroke-width:1.6px}.utc .clst{fill:var(--surface);font:700 11px var(--font-mono,monospace)}.utc .salida{fill:color-mix(in srgb,var(--amber,#e8b446) 22%,var(--surface));stroke:var(--amber,#e8b446);stroke-width:1.6px}.utc .st{fill:var(--text);font:700 12px var(--font-mono,monospace)}.utc .baja,.utc .sube{stroke:var(--text-muted);stroke-width:1.4px;opacity:0}.utc .flecha{stroke:var(--amber,#e8b446);stroke-width:2px;fill:none;opacity:0}.utc .paso{fill:var(--text-muted);font:700 10.5px var(--font-mono,monospace);opacity:.35}@keyframes utc-aparece{0%,8%{opacity:0}18%,92%{opacity:1}to{opacity:0}}@keyframes utc-linea{0%,4%{opacity:0}14%,92%{opacity:.85}to{opacity:0}}@keyframes utc-mezcla{0%,40%{opacity:0}52%,92%{opacity:.7}to{opacity:0}}@keyframes utc-salida{0%,66%{opacity:0}78%,94%{opacity:1}to{opacity:0}}@keyframes utc-resalta{0%,to{opacity:.35}}.utc .baja{animation:utc-linea 9s calc(var(--i) * .12s) infinite}.utc .tok{animation:utc-aparece 9s calc(var(--i) * .12s) infinite}.utc .sube{animation:utc-mezcla 9s calc(var(--i) * .1s) infinite}.utc .flecha{animation:9s infinite utc-salida}.utc .p1{animation:9s infinite utc-resalta}.utc .p2{animation:9s infinite utc-aparece}.utc .p3{animation:9s infinite utc-mezcla}.utc .p4{animation:9s infinite utc-salida}@media (prefers-reduced-motion:reduce){.utc .baja,.utc .sube,.utc .tok,.utc .flecha,.utc .paso{opacity:1;animation:none}.utc .sube{opacity:.7}.utc .baja{opacity:.85}}.utc .pie{color:var(--text-muted);max-width:72ch;margin:10px 0 0;font-size:.8rem;line-height:1.55}@media (width<=560px){.utc .ct{font-size:10.5px}}.rqo{margin:34px 0}.rqo .intro{flex-direction:column;gap:6px;margin:0 0 12px;display:flex}.rqo .intro b{font-size:1.02rem}.rqo .intro span{color:var(--text-muted);font-size:.86rem;line-height:1.55}.rqo .sr{opacity:0;pointer-events:none;position:absolute}.rqo .tabs{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.rqo .tab{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono,monospace);color:var(--text-muted);cursor:pointer;border-radius:9px;padding:7px 11px;font-size:.78rem;position:relative}.rqo .tab:has(.sr:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.rqo:has(#rqo-todas:checked) .t-todas,.rqo:has(#rqo-seis:checked) .t-seis{color:var(--text);border-color:var(--viz-1);background:color-mix(in srgb,var(--viz-1) 14%,var(--surface));font-weight:700}.rqo .lienzo{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 14px;overflow-x:auto;container-type:inline-size}.rqo svg{width:100%;height:auto;display:block}.rqo svg.angosto{display:none}@container (width<=520px){.rqo svg.ancho{display:none}.rqo svg.angosto{display:block}}.rqo .marco{fill:none;stroke:var(--border)}.rqo .rejilla{stroke:var(--border);stroke-width:.6px}.rqo .col{stroke:var(--border-strong,var(--border));stroke-width:1.2px}.rqo .eje{fill:var(--text-muted);font:500 11px var(--font-mono,monospace)}.rqo .eje.t{fill:var(--text);font-weight:700}.rqo .fila{transition:opacity .35s}.rqo:has(#rqo-seis:checked) .fila.fuera{opacity:.1}.rqo .ln{stroke-width:2px;opacity:.75;fill:none}.rqo .ln.up{stroke:var(--viz-2)}.rqo .ln.down{stroke:var(--viz-1)}.rqo .ln.el{stroke-width:3.4px;opacity:1}.rqo .pt.up{fill:var(--viz-2)}.rqo .pt.down{fill:var(--viz-1)}.rqo .pl{fill:var(--text-muted);font:600 10px var(--font-mono,monospace)}.rqo .pl.el{fill:var(--text);font-weight:700}.rqo .guia{stroke:var(--text-muted);stroke-width:.75px;opacity:.6}.rqo .corr{font:600 .82rem var(--font-mono,monospace);color:var(--text);margin:10px 0 0}.rqo .corr b{color:var(--viz-1)}.rqo .c-todas,.rqo .c-seis{display:none}.rqo:has(#rqo-todas:checked) .c-todas,.rqo:has(#rqo-seis:checked) .c-seis{display:inline}.rqo .pie{color:var(--text-muted);max-width:72ch;margin:8px 0 0;font-size:.8rem;line-height:1.55}.rqo .angosto .pl{font-size:11px}@media (prefers-reduced-motion:reduce){.rqo .fila{transition:none}}.mqa{margin:34px 0}.mqa .intro{flex-direction:column;gap:6px;margin:0 0 12px;display:flex}.mqa .intro b{font-size:1.02rem}.mqa .intro span{color:var(--text-muted);font-size:.86rem;line-height:1.55}.mqa .lienzo{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 14px;overflow-x:auto;container-type:inline-size}.mqa svg{width:100%;height:auto;display:block}.mqa svg.angosto{display:none}@container (width<=520px){.mqa svg.ancho{display:none}.mqa svg.angosto{display:block}}.mqa .marco{fill:none;stroke:var(--border)}.mqa .margen{fill:color-mix(in srgb,var(--amber,#e8b446) 20%,transparent)}.mqa .mt{fill:var(--amber,#e8b446);font:700 10.5px var(--font-mono,monospace)}.mqa .cero{stroke:var(--text-muted);stroke-width:1.4px;stroke-dasharray:4 3}.mqa .fila{fill:var(--text);font:700 11.5px var(--font-mono,monospace)}.mqa .an{fill:var(--text-muted);font:500 10px var(--font-mono,monospace)}.mqa .ic{stroke:var(--viz-1);stroke-width:3.2px}.mqa .tap{stroke:var(--viz-1);stroke-width:2px}.mqa .pt{fill:var(--viz-2);stroke:var(--text);stroke-width:1.4px}.mqa .vt{fill:var(--text-muted);font:500 9.5px var(--font-mono,monospace)}.mqa .pie{color:var(--text-muted);max-width:72ch;margin:10px 0 0;font-size:.8rem;line-height:1.55}.mqa .angosto .vt,.mqa .angosto .an{font-size:10.5px}.ani{margin:34px 0}.ani .intro{flex-direction:column;gap:6px;margin:0 0 12px;display:flex}.ani .intro b{font-size:1.02rem}.ani .intro span{color:var(--text-muted);font-size:.86rem;line-height:1.55}.ani .lienzo{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 14px;overflow-x:auto;container-type:inline-size}.ani svg{width:100%;min-width:470px;height:auto;display:block}.ani svg.angosto{min-width:0;display:none}.ani .marco{fill:none;stroke:var(--border)}.ani .cab{fill:var(--text);font:700 10.5px var(--font-mono,monospace)}.ani .fila{fill:var(--text-muted);font:500 10.5px var(--font-mono,monospace)}.ani .ba{fill:var(--viz-1)}.ani .bd{fill:var(--viz-2)}.ani .unif{stroke:var(--amber,#e8b446);stroke-width:1.4px;stroke-dasharray:5 4}.ani .pie{color:var(--text-muted);max-width:72ch;margin:10px 0 0;font-size:.8rem;line-height:1.55}@container (width<=520px){.ani svg.ancho{display:none}.ani svg.angosto{display:block}}.ani .angosto .fila{fill:var(--text);font-size:11.5px}.ani .angosto .cab{font-size:11px}.pqe{margin:34px 0}.pqe .intro{flex-direction:column;gap:6px;margin:0 0 12px;display:flex}.pqe .intro b{font-size:1.02rem}.pqe .intro span{color:var(--text-muted);font-size:.86rem;line-height:1.55}.pqe .lienzo{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 14px;overflow-x:auto;container-type:inline-size}.pqe svg{width:100%;height:auto;display:block}.pqe svg.angosto{display:none}@container (width<=520px){.pqe svg.ancho{display:none}.pqe svg.angosto{display:block}}.pqe .marco{fill:none;stroke:var(--border)}.pqe .peor{fill:color-mix(in srgb,var(--border) 22%,transparent)}.pqe .cero{stroke:var(--text-muted);stroke-width:1.4px}.pqe .cab{fill:var(--text-muted);font:600 10.5px var(--font-mono,monospace)}.pqe .celda{fill:var(--text);font:700 12px var(--font-mono,monospace)}.pqe .par,.pqe .vt{fill:var(--text-muted);font:500 10px var(--font-mono,monospace)}.pqe .pt{opacity:.85}.pqe .pt.v1{fill:var(--viz-1)}.pqe .pt.v2{fill:var(--viz-2)}.pqe .pie{color:var(--text-muted);max-width:72ch;margin:10px 0 0;font-size:.8rem;line-height:1.55}.pqe .angosto .vt{font-size:10.5px}.lcq{margin:34px 0}.lcq .intro{flex-direction:column;gap:6px;margin:0 0 12px;display:flex}.lcq .intro b{font-size:1.02rem}.lcq .intro span{color:var(--text-muted);font-size:.86rem;line-height:1.55}.lcq .sr{opacity:0;pointer-events:none;position:absolute}.lcq .tabs{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.lcq .tab{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono,monospace);color:var(--text-muted);cursor:pointer;border-radius:9px;padding:7px 11px;font-size:.78rem;position:relative}.lcq .tab:has(.sr:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.lcq:has(#lcq-con:checked) .t-con,.lcq:has(#lcq-sin:checked) .t-sin{color:var(--text);border-color:var(--viz-1);background:color-mix(in srgb,var(--viz-1) 14%,var(--surface));font-weight:700}.lcq .lienzo{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 14px;overflow-x:auto;container-type:inline-size}.lcq svg{width:100%;min-width:470px;height:auto;display:none}.lcq .angosto{display:none}.lcq .angosto svg{min-width:0}@container (width<=520px){.lcq .ancho{display:none}.lcq .angosto{display:block}}.lcq:has(#lcq-con:checked) .v-con,.lcq:has(#lcq-sin:checked) .v-sin{display:block}.lcq .marco{fill:none;stroke:var(--border)}.lcq .fila{fill:var(--text);font:700 11px var(--font-mono,monospace)}.lcq .auc{fill:var(--text-muted);font:500 10px var(--font-mono,monospace)}.lcq .vt{fill:var(--text-muted);font:500 9.5px var(--font-mono,monospace)}.lcq .b1{fill:var(--viz-1)}.lcq .b2{fill:var(--viz-2)}.lcq .b3{fill:var(--amber,#e8b446)}.lcq .pie{color:var(--text-muted);max-width:72ch;margin:10px 0 0;font-size:.8rem;line-height:1.55}@media (width<=560px){.lcq .ancho .fila{font-size:12px}.lcq .ancho .vt{font-size:10.5px}}.lcq .angosto .fila{font-size:12px}.lcq .angosto .vt{font-size:10.5px}.pin{margin:34px 0}.pin .intro{flex-direction:column;gap:6px;margin:0 0 12px;display:flex}.pin .intro b{font-size:1.02rem}.pin .intro span{color:var(--text-muted);font-size:.86rem;line-height:1.55}.pin .lienzo{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 14px}.pin svg{width:100%;max-width:430px;height:auto;margin:0 auto;display:block}.pin .marco{fill:none;stroke:var(--border)}.pin .rejilla{stroke:var(--border);stroke-width:.6px}.pin .eje{fill:var(--text-muted);font:500 11px var(--font-mono,monospace)}.pin .eje.t{fill:var(--text);font-weight:700}.pin .diag{stroke:var(--text-muted);stroke-width:1.4px;stroke-dasharray:5 4}.pin .curva{fill:none;stroke:var(--viz-1);stroke-width:2.4px}.pin .pt{fill:var(--viz-2);stroke:var(--surface);stroke-width:1.4px}.pin .pie{color:var(--text-muted);max-width:72ch;margin:10px 0 0;font-size:.8rem;line-height:1.55}@media (width<=560px){.pin .eje{font-size:12px}}.dvt{margin:34px 0}.dvt .intro{flex-direction:column;gap:6px;margin:0 0 12px;display:flex}.dvt .intro b{font-size:1.02rem}.dvt .intro span{color:var(--text-muted);font-size:.86rem;line-height:1.55}.dvt .lienzo{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 14px}.dvt .scroll{overflow-x:auto}.dvt svg{width:100%;max-width:620px;height:auto;display:block}.dvt .nodo{fill:color-mix(in srgb,var(--border) 30%,var(--surface));stroke:var(--border-strong,var(--border));stroke-width:1.5px}.dvt .grupo{fill:none;stroke:var(--border);stroke-dasharray:5 4}.dvt .k{stroke:var(--viz-1);stroke-width:2.2px}.dvt .v{stroke:var(--amber,#e8b446);stroke-width:2.2px}.dvt .dest{stroke:var(--viz-2);stroke-width:2px}.dvt .alt{stroke-dasharray:6 3}.dvt .t{fill:var(--text);font:700 15px var(--font-mono,monospace)}.dvt .et{fill:var(--text-muted);font:500 12px var(--font-mono,monospace)}.dvt .arista{stroke:var(--text-muted);stroke-width:1.6px;fill:none}.dvt .vuelta{stroke:var(--viz-1);stroke-dasharray:5 4}.dvt .desvio{stroke-dasharray:5 4}.dvt .punta{fill:var(--text-muted)}.dvt .chispa{fill:var(--viz-1)}@media (prefers-reduced-motion:reduce){.dvt .chispa{display:none}}.dvt .pie{color:var(--text-muted);max-width:72ch;margin:10px 0 0;font-size:.8rem;line-height:1.55}
