@media (prefers-reduced-motion:reduce){.contenido,.panel{transition:none}}:root{--ancho-panel:min(800px, 55vw)}html,body,#root{height:100%;margin:0}body{color:#1f2937;background:#f8fafc;font-family:system-ui,sans-serif}.layout{flex-direction:column;height:100%;display:flex}.layout main{flex-direction:column;flex:1;min-height:0;display:flex}.navbar{background:#1f2937;flex:none;gap:4px;padding:0 1rem;display:flex}.tab{color:#cbd5e1;border-bottom:3px solid #0000;padding:12px 18px;text-decoration:none}.tab:hover{color:#fff}.tab.activa{color:#fff;border-bottom-color:#3b82f6}.pagina{box-sizing:border-box;flex-direction:column;flex:1;min-height:0;padding:12px 16px 16px;display:flex}.filtros{flex:none;gap:8px;margin-bottom:8px;padding:0;display:flex}.filtros input,.filtros select{font:inherit;border:1px solid #ccd1d9;border-radius:6px;padding:6px 10px}.filtros input{width:260px}.contenido{background:#fff;border:1px solid #ccd1d9;border-radius:8px;flex:1;grid-template-columns:1fr 0;gap:0;min-height:0;transition:grid-template-columns .3s;display:grid;overflow:hidden}.contenido.con-panel{grid-template-columns:1fr var(--ancho-panel)}.columna-tabla{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.columna-tabla .tabla-scroll{flex:1;min-height:0;position:relative;overflow-y:auto}.columna-tabla .paginacion{flex:none}.panel{opacity:0;min-width:0;min-height:0;transition:opacity .5s,transform .5s;overflow:hidden;transform:translate(24px)}.con-panel .panel{opacity:1;border-left:1px solid #ccd1d9;transform:none;box-shadow:inset 8px 0 8px -8px #0000001f}.panel-interior{width:var(--ancho-panel);box-sizing:border-box;height:100%;padding:16px;overflow-y:auto}.tabla-indices{border-collapse:collapse;width:100%}.tabla-indices th,.tabla-indices td{border-bottom:1px solid #eee;padding:8px 12px}.tabla-indices td{font-variant-numeric:tabular-nums;line-height:1.3}.tabla-indices th{z-index:2;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.02em;color:#64748b;white-space:nowrap;background:#f6f7f9;font-size:.95rem;font-weight:600;position:sticky;top:0;box-shadow:inset 0 -2px #ddd}.tabla-indices th:hover{color:#1f2937}.tabla-indices tbody tr{cursor:pointer}.tabla-indices tbody tr:hover{background:#f3f6fb}.tabla-indices tbody tr.sel{background:#dbe8fb}.alin-izquierda{text-align:left}.alin-centro{text-align:center}.alin-derecha{text-align:right}.flecha{vertical-align:middle;color:#3b82f6;border-left:8px solid #0000;border-right:8px solid #0000;margin-left:4px;display:inline-block}.flecha.asc{border-bottom:10px solid}.flecha.desc{border-top:10px solid}button{font:inherit;color:#333;cursor:pointer;background:#fff;border:1px solid #ccd1d9;border-radius:6px;padding:6px 14px;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#f3f6fb;border-color:#9db4d8}button:disabled{opacity:.45;cursor:default}.paginacion{border-top:1px solid #eee;justify-content:center;align-items:center;gap:16px;padding:10px 0;display:flex}.spinner{z-index:5;border:3px solid #dde3ec;border-top-color:#4a7bd0;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:.7s linear infinite girar;position:absolute;top:50%;left:50%}@keyframes girar{to{transform:rotate(360deg)}}.panel{position:relative}.divisor{cursor:col-resize;touch-action:none;z-index:3;width:6px;position:absolute;top:0;bottom:0;left:0}.divisor:hover,.contenido.arrastrando .divisor{background:#4a7bd059}.contenido.arrastrando{-webkit-user-select:none;user-select:none;cursor:col-resize;transition:none}