*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121214;color:#eee;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{margin:0 auto;max-width:1100px;padding:2.5rem 1rem}.app-header{align-items:center;display:flex;gap:1rem;margin-bottom:2.5rem}.app-title{color:#222;font-size:2.2rem;font-weight:800;letter-spacing:-1px;margin:0}.badge-demo{background-color:initial;border:1px solid #483d8b;border-radius:6px;color:#6a5acd;font-family:monospace;font-size:.8rem;padding:4px 10px;text-transform:lowercase}.legend{display:flex;gap:1.5rem;margin-bottom:2rem}.legend-item{align-items:center;color:#666;display:flex;font-family:monospace;font-size:.85rem;gap:8px}.legend-color{border-radius:2px;height:10px;width:10px}.legend-color.normal{background:#6c63ff}.legend-color.comparando{background:#ffb347}.legend-color.intercambiando{background:#ff6584}.legend-color.pivot{background:#b388ff}.legend-color.ordenado{background:#43d9ad}.algorithms-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.algorithms-grid{grid-template-columns:1fr}}.app-tabs{border-bottom:1px solid #2a2b32;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.tab-btn{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:.5rem 1rem;transition:all .2s}.tab-btn:hover{background:#2a2b32;color:#fff}.tab-btn.active{background:#6c63ff1a;color:#6c63ff}.sv-card{background:#17181c;border:1px solid #2a2b32;border-radius:12px;display:flex;flex-direction:column;padding:1.5rem;width:518px}.sv-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.sv-title{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin:0}.sv-complexity{font-family:monospace;font-size:.9rem;font-weight:700}.sorting-chart{align-items:flex-end;display:flex;gap:6px;height:140px;justify-content:center;margin-bottom:2rem;width:100%}.sorting-bar{--bar-color:#6c63ff;background:var(--bar-color);border-radius:4px 4px 0 0;box-shadow:0 0 10px #6c63ff33;flex:1 1;height:var(--bar-height);transition:height .15s ease,background .15s ease,box-shadow .15s ease}.sorting-bar--comparing{--bar-color:#ffb347;box-shadow:0 0 15px var(--bar-color)}.sorting-bar--swapping{--bar-color:#ff6584;box-shadow:0 0 15px var(--bar-color)}.sorting-bar--sorted{--bar-color:#43d9ad;box-shadow:0 0 15px var(--bar-color)}.sorting-bar--pivot{--bar-color:#b388ff;box-shadow:0 0 15px var(--bar-color)}.sv-message{color:#eee;font-family:monospace;font-size:.9rem;height:1.2rem}.sv-divider{background:#2a2b32;height:1px;margin:1.5rem 0 1rem}.sv-stats{color:#666;display:flex;font-family:monospace;font-size:.85rem;justify-content:space-between;margin-bottom:1.5rem}.sv-stats-left{display:flex;gap:1.5rem}.sv-stat-val{color:#43d9ad;font-weight:700}.sv-controls{gap:1rem;justify-content:space-between}.sv-btn,.sv-controls{align-items:center;display:flex}.sv-btn{background:none;border:none;color:#4a4a52;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;gap:.5rem;transition:color .2s}.sv-btn:hover{color:#889}.sv-speed{align-items:center;color:#4a4a52;display:flex;font-family:monospace;gap:.5rem}.sv-speed input[type=range]{appearance:none;background:#2a2b32;border-radius:2px;height:4px;outline:none;width:80px}.sv-speed input[type=range]::-webkit-slider-thumb{appearance:none;background:#4a4a52;border-radius:50%;cursor:pointer;height:12px;width:12px}.ds-chart{align-items:center;background:#0003;border-radius:8px;display:flex;height:230px;justify-content:center;overflow:auto;padding:1rem;position:relative;width:100%}.ds-stack-container{flex-direction:column-reverse;gap:4px;justify-content:flex-start}.ds-array-container,.ds-ll-container,.ds-queue-container{flex-direction:row;gap:8px;justify-content:flex-start;overflow-x:auto}.ds-block{align-items:center;background:#6c63ffcc;border:1px solid #6c63ff;border-radius:4px;box-shadow:0 0 8px #6c63ff66;color:#fff;display:flex;flex-shrink:0;font-family:monospace;font-weight:700;height:30px;justify-content:center;min-width:50px;position:relative;transition:all .3s ease}.ds-block-animating{background:#ffb347;border-color:#ffb347;box-shadow:0 0 15px #ffb347;transform:scale(1.1)}.ds-block-removing{background:#ff6584;border-color:#ff6584;box-shadow:0 0 15px #ff6584;opacity:.5;transform:scale(.9)}.ds-pointer{color:#43d9ad;font-family:monospace;font-size:.7rem;position:absolute;white-space:nowrap}.ds-pointer-left{right:calc(100% + 8px)}.ds-pointer-right{left:calc(100% + 8px)}.ds-pointer-top{bottom:calc(100% + 4px)}.ds-pointer-bottom{top:calc(100% + 4px)}.ds-empty-msg{color:#666;font-family:monospace;font-style:italic}.ds-ll-node-wrapper{align-items:center;display:flex}.ds-ll-arrow{color:#666;font-weight:700;margin:0 4px}.ds-controls{gap:1rem;justify-content:flex-start}.ds-input{background:#2a2b32;border:1px solid #4a4a52;border-radius:4px;color:#fff;font-family:monospace;outline:none;padding:4px 8px;width:80px}.ds-input:focus{border-color:#6c63ff}.ds-chart::-webkit-scrollbar{height:8px;width:8px}.ds-chart::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.ds-chart::-webkit-scrollbar-thumb{background:#2a2b32;border-radius:4px}.ds-chart::-webkit-scrollbar-thumb:hover{background:#4a4a52}.ds-heap-container{align-items:center;flex-direction:column;gap:16px;justify-content:flex-start}.ds-heap-level{display:flex;gap:16px;justify-content:center}.ds-block-active{background:#43d9ad;border-color:#43d9ad;box-shadow:0 0 15px #43d9ad;transform:scale(1.1)}.ds-block-comparing{background:#ffb347;border-color:#ffb347;box-shadow:0 0 15px #ffb347}
/*# sourceMappingURL=main.c7618594.css.map*/