.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{box-sizing:border-box;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{box-sizing:border-box;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__htmlCodeSection{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--spacing-lg);overflow:hidden}.CifradoVigenere-module__8SPp7W__htmlToggleBtn{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--hover);cursor:pointer;color:var(--text-primary);text-align:left;border:none;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.CifradoVigenere-module__8SPp7W__htmlToggleBtn:hover{color:var(--primary);background:#2e86ab1a}.CifradoVigenere-module__8SPp7W__htmlBadge{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:700}.CifradoVigenere-module__8SPp7W__htmlCodeContent{padding:var(--spacing-lg);border-top:1px solid var(--border)}.CifradoVigenere-module__8SPp7W__htmlDescription{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.9rem}.CifradoVigenere-module__8SPp7W__htmlPre{background:var(--hover);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-md);color:var(--text-primary);white-space:pre-wrap;word-break:break-all;margin-bottom:var(--spacing-md);font-family:Courier New,monospace;font-size:.82rem;line-height:1.5;overflow-x:auto}.CifradoVigenere-module__8SPp7W__btnCopyHtml{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--primary);border-radius:var(--radius);cursor:pointer;color:var(--primary);background:0 0;font-size:.9rem;font-weight:600;transition:all .2s}.CifradoVigenere-module__8SPp7W__btnCopyHtml:hover{background:var(--primary);color:#fff}.CifradoVigenere-module__8SPp7W__comparativaSection{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__comparativaSection h2{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.CifradoVigenere-module__8SPp7W__comparativaSubtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.9rem}.CifradoVigenere-module__8SPp7W__tableWrapper{overflow-x:auto}.CifradoVigenere-module__8SPp7W__comparativaTable{border-collapse:collapse;width:100%;font-size:.92rem}.CifradoVigenere-module__8SPp7W__comparativaTable th{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;padding:var(--spacing-md);text-align:left;font-weight:600}.CifradoVigenere-module__8SPp7W__comparativaTable th:first-child{border-radius:var(--radius) 0 0 0}.CifradoVigenere-module__8SPp7W__comparativaTable th:last-child{border-radius:0 var(--radius) 0 0}.CifradoVigenere-module__8SPp7W__comparativaTable td{padding:.75rem var(--spacing-md);border-bottom:1px solid var(--border);color:var(--text-secondary)}.CifradoVigenere-module__8SPp7W__comparativaTable td:first-child{color:var(--text-primary);font-weight:600}.CifradoVigenere-module__8SPp7W__comparativaTable tr:hover td{background:var(--hover)}.CifradoVigenere-module__8SPp7W__comparativaTable tr:last-child td{border-bottom:none}.CifradoVigenere-module__8SPp7W__tdNegative{color:#e53e3e!important;font-weight:600!important}.CifradoVigenere-module__8SPp7W__tdWarning{color:#d97706!important;font-weight:600!important}.CifradoVigenere-module__8SPp7W__tdPositive{color:#38a169!important;font-weight:600!important}[data-theme=dark] .CifradoVigenere-module__8SPp7W__tdNegative{color:#fc8181!important}[data-theme=dark] .CifradoVigenere-module__8SPp7W__tdWarning{color:#fbbf24!important}[data-theme=dark] .CifradoVigenere-module__8SPp7W__tdPositive{color:#68d391!important}.CifradoVigenere-module__8SPp7W__infoSection{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__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__faqSection{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__faqSection h2{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.CifradoVigenere-module__8SPp7W__faqList{gap:var(--spacing-md);flex-direction:column;display:flex}.CifradoVigenere-module__8SPp7W__faqItem{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.CifradoVigenere-module__8SPp7W__faqQuestion{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary);cursor:pointer;background:var(--hover);align-items:center;gap:var(--spacing-sm);font-weight:600;list-style:none;transition:background .2s;display:flex}.CifradoVigenere-module__8SPp7W__faqQuestion:hover{color:var(--primary);background:#2e86ab1a}.CifradoVigenere-module__8SPp7W__faqQuestion:before{content:"▶";color:var(--primary);font-size:.75rem;transition:transform .2s}.CifradoVigenere-module__8SPp7W__faqItem[open] .CifradoVigenere-module__8SPp7W__faqQuestion:before{transform:rotate(90deg)}.CifradoVigenere-module__8SPp7W__faqAnswer{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);border-top:1px solid var(--border);margin:0;font-size:.95rem;line-height:1.65}.CifradoVigenere-module__8SPp7W__ejemploSection{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__ejemploSection h2{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.CifradoVigenere-module__8SPp7W__ejemploGrid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.CifradoVigenere-module__8SPp7W__ejemploCard{background:var(--hover);border-radius:var(--radius);padding:var(--spacing-lg);position:relative}.CifradoVigenere-module__8SPp7W__ejemploStep{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;width:32px;height:32px;margin-bottom:var(--spacing-sm);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.CifradoVigenere-module__8SPp7W__ejemploCard h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:.95rem}.CifradoVigenere-module__8SPp7W__ejemploCode{flex-direction:column;gap:.4rem;font-family:Courier New,monospace;font-size:.85rem;display:flex}.CifradoVigenere-module__8SPp7W__ejemploRow{align-items:center;gap:var(--spacing-sm);display:flex}.CifradoVigenere-module__8SPp7W__ejemploLabel{color:var(--text-secondary);font-size:.8rem}.CifradoVigenere-module__8SPp7W__ejemploValue{color:var(--text-primary);font-weight:600}.CifradoVigenere-module__8SPp7W__ejemploResultado{color:var(--primary)}.CifradoVigenere-module__8SPp7W__ejemploArrow{text-align:center;color:var(--primary);font-size:1.2rem;font-weight:700}.CifradoVigenere-module__8SPp7W__tipsSection{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__tipsSection h2{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.CifradoVigenere-module__8SPp7W__tipsGrid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.CifradoVigenere-module__8SPp7W__tipCard{gap:var(--spacing-md);background:var(--hover);padding:var(--spacing-lg);border-radius:var(--radius);align-items:flex-start;display:flex}.CifradoVigenere-module__8SPp7W__tipIcon{flex-shrink:0;font-size:1.5rem}.CifradoVigenere-module__8SPp7W__tipCard strong{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;display:block}.CifradoVigenere-module__8SPp7W__tipCard p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.55}.CifradoVigenere-module__8SPp7W__warningBox{border-radius:var(--radius-large);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#fff8e1 0%,#fff3cd 100%);border:1px solid #f59e0b;border-left-width:4px}[data-theme=dark] .CifradoVigenere-module__8SPp7W__warningBox{background:linear-gradient(135deg,#2a2000 0%,#2e2400 100%);border-color:#b45309 #b45309 #b45309 #f59e0b}.CifradoVigenere-module__8SPp7W__warningBox h2{color:#92400e;margin-bottom:var(--spacing-lg);font-size:1.2rem;font-weight:700}[data-theme=dark] .CifradoVigenere-module__8SPp7W__warningBox h2{color:#fbbf24}.CifradoVigenere-module__8SPp7W__warningList{gap:var(--spacing-lg);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.CifradoVigenere-module__8SPp7W__warningItem{gap:var(--spacing-md);align-items:flex-start;display:flex}.CifradoVigenere-module__8SPp7W__warningIcon{flex-shrink:0;margin-top:2px;font-size:1.3rem}.CifradoVigenere-module__8SPp7W__warningItem strong{color:#92400e;margin-bottom:.25rem;font-weight:700;display:block}[data-theme=dark] .CifradoVigenere-module__8SPp7W__warningItem strong{color:#fbbf24}.CifradoVigenere-module__8SPp7W__warningItem p{color:#78350f;margin:0;font-size:.92rem;line-height:1.6}[data-theme=dark] .CifradoVigenere-module__8SPp7W__warningItem p{color:#d97706}.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,.CifradoVigenere-module__8SPp7W__tipsGrid,.CifradoVigenere-module__8SPp7W__ejemploGrid{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}}