.CifradoVigenere-module__8SPp7W__container{--primary:#2e86ab;--secondary:#48a9a6;--bg-primary:#fafafa;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--border:#e5e5e5;--hover:#f5f5f5;--radius:12px;--radius-large:16px;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;max-width:1000px;padding:var(--spacing-xl)var(--spacing-lg);min-height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=dark] .CifradoVigenere-module__8SPp7W__container{--bg-primary:#1a1a1a;--bg-card:#2a2a2a;--text-primary:#e5e5e5;--text-secondary:#b0b0b0;--border:#404040;--hover:#333}.CifradoVigenere-module__8SPp7W__hero{text-align:center;margin:80px 0 var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);border-radius:var(--radius-large);color:#fff}.CifradoVigenere-module__8SPp7W__title{margin-bottom:var(--spacing-sm);font-size:2.5rem}.CifradoVigenere-module__8SPp7W__subtitle{opacity:.95;font-size:1.2rem}.CifradoVigenere-module__8SPp7W__mainContent{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-large);border:1px solid var(--border);margin-bottom:var(--spacing-xl)}.CifradoVigenere-module__8SPp7W__modeSelector{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--hover);border-radius:var(--radius);padding:4px;display:flex}.CifradoVigenere-module__8SPp7W__modeBtn{padding:var(--spacing-md);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;font-size:1rem;font-weight:600;transition:all .2s}.CifradoVigenere-module__8SPp7W__modeBtn.CifradoVigenere-module__8SPp7W__active{background:var(--bg-card);color:var(--primary);box-shadow:0 2px 8px #0000001a}.CifradoVigenere-module__8SPp7W__inputGroup{margin-bottom:var(--spacing-lg)}.CifradoVigenere-module__8SPp7W__label{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.CifradoVigenere-module__8SPp7W__clavePreview{color:var(--primary);font-family:Courier New,monospace;font-weight:400}.CifradoVigenere-module__8SPp7W__input{width:100%;padding:var(--spacing-md);border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);outline:none;font-family:inherit;font-size:1.1rem;transition:border-color .2s}.CifradoVigenere-module__8SPp7W__input:focus{border-color:var(--primary)}.CifradoVigenere-module__8SPp7W__errorText{color:#dc3545;margin-top:var(--spacing-sm);font-size:.85rem;display:block}.CifradoVigenere-module__8SPp7W__textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);resize:vertical;outline:none;font-family:inherit;font-size:1.1rem;transition:border-color .2s}.CifradoVigenere-module__8SPp7W__textarea:focus{border-color:var(--primary)}.CifradoVigenere-module__8SPp7W__claveExpandida{background:var(--hover);padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-lg);overflow-x:auto}.CifradoVigenere-module__8SPp7W__claveLabel{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.85rem;display:block}.CifradoVigenere-module__8SPp7W__claveVisual,.CifradoVigenere-module__8SPp7W__textoVisual{gap:2px;font-family:Courier New,monospace;display:flex}.CifradoVigenere-module__8SPp7W__claveChar{color:#fff;background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);border-radius:4px;justify-content:center;align-items:center;width:20px;height:24px;font-size:.85rem;font-weight:600;display:flex}.CifradoVigenere-module__8SPp7W__textoChar{width:20px;height:24px;color:var(--text-primary);background:var(--bg-card);border-radius:4px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.CifradoVigenere-module__8SPp7W__buttonRow{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.CifradoVigenere-module__8SPp7W__btnPrimary{padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius);background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;cursor:pointer;border:none;flex:1;font-size:1.1rem;font-weight:600;transition:all .3s}.CifradoVigenere-module__8SPp7W__btnPrimary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2e86ab4d}.CifradoVigenere-module__8SPp7W__btnPrimary:disabled{opacity:.5;cursor:not-allowed}.CifradoVigenere-module__8SPp7W__btnSecondary{padding:var(--spacing-md)var(--spacing-xl);border:2px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;font-size:1rem;font-weight:600;transition:all .2s}.CifradoVigenere-module__8SPp7W__btnSecondary:hover{border-color:var(--primary);color:var(--primary)}.CifradoVigenere-module__8SPp7W__resultSection{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.CifradoVigenere-module__8SPp7W__resultBox{padding:var(--spacing-lg);border:2px solid var(--primary);border-radius:var(--radius);color:var(--text-primary);word-break:break-all;letter-spacing:1px;background:linear-gradient(135deg,#2e86ab1a 0%,#48a9a61a 100%);font-family:Courier New,monospace;font-size:1.2rem}.CifradoVigenere-module__8SPp7W__btnCopy{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);align-self:flex-start;font-size:.9rem;transition:all .2s}.CifradoVigenere-module__8SPp7W__btnCopy:hover{border-color:var(--primary);color:var(--primary)}.CifradoVigenere-module__8SPp7W__tablaToggle{text-align:center;margin-bottom:var(--spacing-lg)}.CifradoVigenere-module__8SPp7W__btnTabla{padding:var(--spacing-sm)var(--spacing-lg);border:2px solid var(--primary);border-radius:var(--radius);color:var(--primary);cursor:pointer;background:0 0;font-size:.95rem;font-weight:600;transition:all .2s}.CifradoVigenere-module__8SPp7W__btnTabla:hover{background:var(--primary);color:#fff}.CifradoVigenere-module__8SPp7W__tablaContainer{background:var(--hover);padding:var(--spacing-lg);border-radius:var(--radius);margin-bottom:var(--spacing-lg)}.CifradoVigenere-module__8SPp7W__tablaContainer h3{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.CifradoVigenere-module__8SPp7W__tablaInstrucciones{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.9rem}.CifradoVigenere-module__8SPp7W__tablaWrapper{overflow-x:auto}.CifradoVigenere-module__8SPp7W__tabla{border-collapse:collapse;margin:0 auto;font-family:Courier New,monospace;font-size:.7rem}.CifradoVigenere-module__8SPp7W__tabla th,.CifradoVigenere-module__8SPp7W__tabla td{text-align:center;border:1px solid var(--border);width:22px;height:22px;padding:2px}.CifradoVigenere-module__8SPp7W__tabla th{background:var(--primary);color:#fff;font-weight:600}.CifradoVigenere-module__8SPp7W__tabla td{background:var(--bg-card);color:var(--text-primary)}.CifradoVigenere-module__8SPp7W__tabla td.CifradoVigenere-module__8SPp7W__celdaResaltada{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;font-weight:600}.CifradoVigenere-module__8SPp7W__infoSection{margin-bottom:var(--spacing-xl)}.CifradoVigenere-module__8SPp7W__infoSection h2{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.CifradoVigenere-module__8SPp7W__infoGrid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.CifradoVigenere-module__8SPp7W__infoCard{padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius);border-left:3px solid var(--primary)}.CifradoVigenere-module__8SPp7W__infoCard h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.CifradoVigenere-module__8SPp7W__infoCard p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.CifradoVigenere-module__8SPp7W__tipsSection{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius)}.CifradoVigenere-module__8SPp7W__tipsSection h2{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.CifradoVigenere-module__8SPp7W__tipsList{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);padding:0;list-style:none;display:grid}.CifradoVigenere-module__8SPp7W__tipsList li{padding:var(--spacing-sm)var(--spacing-md);background:var(--hover);border-radius:var(--radius);color:var(--text-primary);font-size:.95rem}@media (max-width:768px){.CifradoVigenere-module__8SPp7W__title{font-size:1.8rem}.CifradoVigenere-module__8SPp7W__infoGrid,.CifradoVigenere-module__8SPp7W__tipsList{grid-template-columns:1fr}.CifradoVigenere-module__8SPp7W__buttonRow{flex-direction:column}.CifradoVigenere-module__8SPp7W__tabla{font-size:.6rem}.CifradoVigenere-module__8SPp7W__tabla th,.CifradoVigenere-module__8SPp7W__tabla td{width:18px;height:18px}.CifradoVigenere-module__8SPp7W__claveChar,.CifradoVigenere-module__8SPp7W__textoChar{width:16px;height:20px;font-size:.75rem}}