.VisualizadorAlgoritmos-module__0B7c4G__container{--primary:#2e86ab;--secondary:#48a9a6;--accent:#7fb3d3;--bg-primary:#fafafa;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--border:#e5e5e5;--hover:#f5f5f5;--radius:12px;--radius-large:16px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001a;--color-normal:#2e86ab;--color-comparing:#fbbf24;--color-swapping:#ef4444;--color-sorted:#10b981;--color-pivot:#8b5cf6;max-width:1400px;padding:var(--spacing-xl)var(--spacing-lg);background:var(--bg-primary);min-height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}[data-theme=dark] .VisualizadorAlgoritmos-module__0B7c4G__container{--bg-primary:#1a1a1a;--bg-card:#2a2a2a;--text-primary:#e5e5e5;--text-secondary:#b0b0b0;--text-muted:gray;--border:#404040;--hover:#333;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0000004d}.VisualizadorAlgoritmos-module__0B7c4G__hero{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-2xl);background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);border-radius:var(--radius-large);color:#fff;margin-top:80px}.VisualizadorAlgoritmos-module__0B7c4G__heroIcon{margin-bottom:var(--spacing-md);font-size:3rem;display:block}.VisualizadorAlgoritmos-module__0B7c4G__title{margin:0 0 var(--spacing-md);font-size:2.5rem;font-weight:700}.VisualizadorAlgoritmos-module__0B7c4G__subtitle{opacity:.9;max-width:600px;margin:0 auto;font-size:1.2rem}.VisualizadorAlgoritmos-module__0B7c4G__algorithmSelector{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-large);box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:center;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__algorithmBtn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md)var(--spacing-lg);border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;flex-direction:column;min-width:120px;transition:all .3s;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__algorithmBtn:hover{border-color:var(--primary);background:var(--hover)}.VisualizadorAlgoritmos-module__0B7c4G__algorithmBtn.VisualizadorAlgoritmos-module__0B7c4G__active{border-color:var(--primary);background:var(--primary);color:#fff}.VisualizadorAlgoritmos-module__0B7c4G__algorithmIcon{font-size:1.5rem}.VisualizadorAlgoritmos-module__0B7c4G__algorithmName{font-size:.85rem;font-weight:600}.VisualizadorAlgoritmos-module__0B7c4G__mainContent{gap:var(--spacing-xl);grid-template-columns:1fr 380px;display:grid}.VisualizadorAlgoritmos-module__0B7c4G__visualizationPanel{background:var(--bg-card);border-radius:var(--radius-large);box-shadow:var(--shadow-md);padding:var(--spacing-lg);flex-direction:column;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__animationControls{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__controlButtons{gap:var(--spacing-sm);display:flex}.VisualizadorAlgoritmos-module__0B7c4G__controlBtn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__controlBtn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.VisualizadorAlgoritmos-module__0B7c4G__controlBtn.VisualizadorAlgoritmos-module__0B7c4G__active{background:var(--primary);border-color:var(--primary);color:#fff}.VisualizadorAlgoritmos-module__0B7c4G__controlBtn:disabled{opacity:.5;cursor:not-allowed}.VisualizadorAlgoritmos-module__0B7c4G__controlBtn.VisualizadorAlgoritmos-module__0B7c4G__play{background:var(--color-sorted);border-color:var(--color-sorted);color:#fff}.VisualizadorAlgoritmos-module__0B7c4G__controlBtn.VisualizadorAlgoritmos-module__0B7c4G__play:hover:not(:disabled){background:#059669;border-color:#059669}.VisualizadorAlgoritmos-module__0B7c4G__controlBtn.VisualizadorAlgoritmos-module__0B7c4G__pause{background:var(--color-comparing);border-color:var(--color-comparing);color:#1a1a1a}.VisualizadorAlgoritmos-module__0B7c4G__speedControl{align-items:center;gap:var(--spacing-sm);flex:1;min-width:200px;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__speedLabel{color:var(--text-secondary);white-space:nowrap;font-size:.85rem}.VisualizadorAlgoritmos-module__0B7c4G__speedSlider{background:var(--border);-webkit-appearance:none;cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.VisualizadorAlgoritmos-module__0B7c4G__speedSlider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .2s}.VisualizadorAlgoritmos-module__0B7c4G__speedSlider::-webkit-slider-thumb:hover{transform:scale(1.1)}.VisualizadorAlgoritmos-module__0B7c4G__speedValue{color:var(--primary);text-align:right;min-width:40px;font-size:.85rem;font-weight:600}.VisualizadorAlgoritmos-module__0B7c4G__canvasContainer{border-radius:var(--radius);padding:var(--spacing-md);background:#1a1a2e;justify-content:center;align-items:flex-end;min-height:300px;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__canvas{width:100%;height:280px;display:block}.VisualizadorAlgoritmos-module__0B7c4G__legend{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius);margin-top:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__legendItem{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.85rem;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__legendColor{border-radius:4px;width:16px;height:16px}.VisualizadorAlgoritmos-module__0B7c4G__legendColor.VisualizadorAlgoritmos-module__0B7c4G__normal{background:var(--color-normal)}.VisualizadorAlgoritmos-module__0B7c4G__legendColor.VisualizadorAlgoritmos-module__0B7c4G__comparing{background:var(--color-comparing)}.VisualizadorAlgoritmos-module__0B7c4G__legendColor.VisualizadorAlgoritmos-module__0B7c4G__swapping{background:var(--color-swapping)}.VisualizadorAlgoritmos-module__0B7c4G__legendColor.VisualizadorAlgoritmos-module__0B7c4G__sorted{background:var(--color-sorted)}.VisualizadorAlgoritmos-module__0B7c4G__legendColor.VisualizadorAlgoritmos-module__0B7c4G__pivot{background:var(--color-pivot)}.VisualizadorAlgoritmos-module__0B7c4G__metricsRow{gap:var(--spacing-md);margin-top:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.VisualizadorAlgoritmos-module__0B7c4G__metricCard{text-align:center;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border)}.VisualizadorAlgoritmos-module__0B7c4G__metricValue{color:var(--primary);font-size:1.5rem;font-weight:700}.VisualizadorAlgoritmos-module__0B7c4G__metricLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--spacing-xs);font-size:.75rem}.VisualizadorAlgoritmos-module__0B7c4G__sidePanel{gap:var(--spacing-lg);flex-direction:column;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__codePanel{background:var(--bg-card);border-radius:var(--radius-large);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.VisualizadorAlgoritmos-module__0B7c4G__codePanelTitle{color:var(--text-primary);margin:0 0 var(--spacing-md);align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__codeContainer{border-radius:var(--radius);padding:var(--spacing-md);background:#1e1e2e;overflow-x:auto}.VisualizadorAlgoritmos-module__0B7c4G__codeLine{padding:var(--spacing-xs)var(--spacing-sm);color:#e0e0e0;border-radius:4px;align-items:flex-start;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.8rem;transition:background .2s;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__codeLine.VisualizadorAlgoritmos-module__0B7c4G__highlighted{border-left:3px solid var(--primary);background:#2e86ab4d}.VisualizadorAlgoritmos-module__0B7c4G__lineNumber{color:#666;text-align:right;width:24px;margin-right:var(--spacing-sm);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:.75rem}.VisualizadorAlgoritmos-module__0B7c4G__lineContent{white-space:pre}.VisualizadorAlgoritmos-module__0B7c4G__stepDescription{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius);border-left:3px solid var(--primary)}.VisualizadorAlgoritmos-module__0B7c4G__stepDescriptionIcon{margin-right:var(--spacing-sm)}.VisualizadorAlgoritmos-module__0B7c4G__stepDescriptionText{color:var(--text-secondary);margin:0;font-size:.9rem}.VisualizadorAlgoritmos-module__0B7c4G__complexityPanel{background:var(--bg-card);border-radius:var(--radius-large);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.VisualizadorAlgoritmos-module__0B7c4G__complexityTitle{color:var(--text-primary);margin:0 0 var(--spacing-md);align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__complexityGrid{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.VisualizadorAlgoritmos-module__0B7c4G__complexityItem{padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--radius);text-align:center}.VisualizadorAlgoritmos-module__0B7c4G__complexityLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.VisualizadorAlgoritmos-module__0B7c4G__complexityValue{color:var(--primary);font-family:Fira Code,monospace;font-size:.95rem;font-weight:600}.VisualizadorAlgoritmos-module__0B7c4G__algorithmDescription{margin-top:var(--spacing-md);color:var(--text-secondary);font-size:.85rem;line-height:1.5}.VisualizadorAlgoritmos-module__0B7c4G__configSection{gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-large);box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__configLabel{color:var(--text-secondary);font-size:.9rem;font-weight:500}.VisualizadorAlgoritmos-module__0B7c4G__configSelect{padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:border-color .2s}.VisualizadorAlgoritmos-module__0B7c4G__configSelect:hover{border-color:var(--primary)}.VisualizadorAlgoritmos-module__0B7c4G__configSelect:focus{border-color:var(--primary);outline:none}.VisualizadorAlgoritmos-module__0B7c4G__generateBtn{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;align-items:center;gap:var(--spacing-sm);border:none;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__generateBtn:hover{background:#256a8a;transform:translateY(-1px)}@media (max-width:1200px){.VisualizadorAlgoritmos-module__0B7c4G__mainContent{grid-template-columns:1fr}.VisualizadorAlgoritmos-module__0B7c4G__sidePanel{flex-direction:row}.VisualizadorAlgoritmos-module__0B7c4G__codePanel,.VisualizadorAlgoritmos-module__0B7c4G__complexityPanel{flex:1}}@media (max-width:768px){.VisualizadorAlgoritmos-module__0B7c4G__container{padding:var(--spacing-md)}.VisualizadorAlgoritmos-module__0B7c4G__hero{padding:var(--spacing-xl);margin-top:70px}.VisualizadorAlgoritmos-module__0B7c4G__title{font-size:1.8rem}.VisualizadorAlgoritmos-module__0B7c4G__subtitle{font-size:1rem}.VisualizadorAlgoritmos-module__0B7c4G__algorithmSelector{gap:var(--spacing-xs);padding:var(--spacing-md)}.VisualizadorAlgoritmos-module__0B7c4G__algorithmBtn{min-width:90px;padding:var(--spacing-sm)var(--spacing-md)}.VisualizadorAlgoritmos-module__0B7c4G__algorithmName{font-size:.75rem}.VisualizadorAlgoritmos-module__0B7c4G__animationControls{flex-direction:column;align-items:stretch}.VisualizadorAlgoritmos-module__0B7c4G__controlButtons{justify-content:center}.VisualizadorAlgoritmos-module__0B7c4G__speedControl{min-width:100%}.VisualizadorAlgoritmos-module__0B7c4G__metricsRow{grid-template-columns:repeat(2,1fr)}.VisualizadorAlgoritmos-module__0B7c4G__sidePanel{flex-direction:column}.VisualizadorAlgoritmos-module__0B7c4G__configSection{flex-direction:column;align-items:stretch}.VisualizadorAlgoritmos-module__0B7c4G__generateBtn{justify-content:center}}.VisualizadorAlgoritmos-module__0B7c4G__educationalContent{margin-top:var(--spacing-xl)}.VisualizadorAlgoritmos-module__0B7c4G__guideSection{margin-bottom:var(--spacing-xl)}.VisualizadorAlgoritmos-module__0B7c4G__guideSection h2{color:var(--text-primary);margin:0 0 var(--spacing-lg);align-items:center;gap:var(--spacing-sm);font-size:1.5rem;display:flex}.VisualizadorAlgoritmos-module__0B7c4G__comparisonTable{border-collapse:collapse;width:100%;margin-bottom:var(--spacing-lg);font-size:.9rem}.VisualizadorAlgoritmos-module__0B7c4G__comparisonTable th,.VisualizadorAlgoritmos-module__0B7c4G__comparisonTable td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border)}.VisualizadorAlgoritmos-module__0B7c4G__comparisonTable th{background:var(--bg-primary);color:var(--text-primary);font-weight:600}.VisualizadorAlgoritmos-module__0B7c4G__comparisonTable td{color:var(--text-secondary)}.VisualizadorAlgoritmos-module__0B7c4G__comparisonTable tr:hover td{background:var(--hover)}.VisualizadorAlgoritmos-module__0B7c4G__tipCard{background:var(--bg-card);border-radius:var(--radius);padding:var(--spacing-lg);border-left:4px solid var(--primary);margin-bottom:var(--spacing-md)}.VisualizadorAlgoritmos-module__0B7c4G__tipCard h4{margin:0 0 var(--spacing-sm);color:var(--text-primary);font-size:1rem}.VisualizadorAlgoritmos-module__0B7c4G__tipCard p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}