.CifradoClasico-module__vU0GIq__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] .CifradoClasico-module__vU0GIq__container{--bg-primary:#1a1a1a;--bg-card:#2a2a2a;--text-primary:#e5e5e5;--text-secondary:#b0b0b0;--border:#404040;--hover:#333}.CifradoClasico-module__vU0GIq__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}.CifradoClasico-module__vU0GIq__title{margin-bottom:var(--spacing-sm);font-size:2.5rem}.CifradoClasico-module__vU0GIq__subtitle{opacity:.95;font-size:1.2rem}.CifradoClasico-module__vU0GIq__mainContent{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-large);border:1px solid var(--border);margin-bottom:var(--spacing-xl)}.CifradoClasico-module__vU0GIq__methodSelector{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--hover);border-radius:var(--radius);padding:4px;display:flex}.CifradoClasico-module__vU0GIq__methodBtn{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}.CifradoClasico-module__vU0GIq__methodBtn.CifradoClasico-module__vU0GIq__active{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;box-shadow:0 2px 8px #2e86ab4d}.CifradoClasico-module__vU0GIq__methodBtn:hover:not(.CifradoClasico-module__vU0GIq__active){color:var(--primary)}.CifradoClasico-module__vU0GIq__methodInfo{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-lg);border-left:3px solid var(--primary);background:linear-gradient(135deg,#2e86ab1a 0%,#48a9a61a 100%);display:flex}.CifradoClasico-module__vU0GIq__methodEmoji{font-size:2rem}.CifradoClasico-module__vU0GIq__methodInfo strong{color:var(--text-primary);margin-bottom:4px;display:block}.CifradoClasico-module__vU0GIq__methodInfo p{color:var(--text-secondary);margin:0;font-size:.9rem}.CifradoClasico-module__vU0GIq__modeSelector{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--hover);border-radius:var(--radius);padding:4px;display:flex}.CifradoClasico-module__vU0GIq__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}.CifradoClasico-module__vU0GIq__modeBtn.CifradoClasico-module__vU0GIq__active{background:var(--bg-card);color:var(--primary);box-shadow:0 2px 8px #0000001a}.CifradoClasico-module__vU0GIq__shiftSection{margin-bottom:var(--spacing-lg)}.CifradoClasico-module__vU0GIq__label{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.CifradoClasico-module__vU0GIq__slider{background:var(--hover);-webkit-appearance:none;width:100%;height:8px;margin-bottom:var(--spacing-md);border-radius:4px;outline:none}.CifradoClasico-module__vU0GIq__slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);cursor:pointer;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0003}.CifradoClasico-module__vU0GIq__presets{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.CifradoClasico-module__vU0GIq__presetLabel{color:var(--text-secondary);font-size:.9rem}.CifradoClasico-module__vU0GIq__presetBtn{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text-secondary);border-radius:20px;padding:6px 12px;font-size:.85rem;transition:all .2s}.CifradoClasico-module__vU0GIq__presetBtn:hover{border-color:var(--primary);color:var(--primary)}.CifradoClasico-module__vU0GIq__alphabetPreview{background:var(--hover);padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-lg);overflow-x:auto}.CifradoClasico-module__vU0GIq__alphabetRow{margin-bottom:var(--spacing-sm);align-items:center;gap:2px;display:flex}.CifradoClasico-module__vU0GIq__alphabetRow:last-child{margin-bottom:0}.CifradoClasico-module__vU0GIq__alphabetLabel{color:var(--text-secondary);min-width:60px;font-size:.8rem}.CifradoClasico-module__vU0GIq__alphabetLetter{width:22px;height:26px;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}.CifradoClasico-module__vU0GIq__alphabetLetter.CifradoClasico-module__vU0GIq__cifrado{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff}.CifradoClasico-module__vU0GIq__inputSection{margin-bottom:var(--spacing-lg)}.CifradoClasico-module__vU0GIq__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;box-sizing:border-box;outline:none;font-family:inherit;font-size:1.1rem;transition:border-color .2s}.CifradoClasico-module__vU0GIq__textarea:focus{border-color:var(--primary)}.CifradoClasico-module__vU0GIq__buttonRow{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.CifradoClasico-module__vU0GIq__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}.CifradoClasico-module__vU0GIq__btnPrimary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2e86ab4d}.CifradoClasico-module__vU0GIq__btnPrimary:disabled{opacity:.5;cursor:not-allowed}.CifradoClasico-module__vU0GIq__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}.CifradoClasico-module__vU0GIq__btnSecondary:hover{border-color:var(--primary);color:var(--primary)}.CifradoClasico-module__vU0GIq__resultSection{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.CifradoClasico-module__vU0GIq__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}.CifradoClasico-module__vU0GIq__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}.CifradoClasico-module__vU0GIq__btnCopy:hover{border-color:var(--primary);color:var(--primary)}.CifradoClasico-module__vU0GIq__htmlCodeSection{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.CifradoClasico-module__vU0GIq__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}.CifradoClasico-module__vU0GIq__htmlToggleBtn:hover{color:var(--primary);background:#2e86ab1a}.CifradoClasico-module__vU0GIq__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}.CifradoClasico-module__vU0GIq__htmlCodeContent{padding:var(--spacing-lg);border-top:1px solid var(--border)}.CifradoClasico-module__vU0GIq__htmlDescription{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.9rem}.CifradoClasico-module__vU0GIq__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}.CifradoClasico-module__vU0GIq__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}.CifradoClasico-module__vU0GIq__btnCopyHtml:hover{background:var(--primary);color:#fff}.CifradoClasico-module__vU0GIq__comparativaSection{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-large);border:1px solid var(--border);margin-bottom:var(--spacing-xl)}.CifradoClasico-module__vU0GIq__comparativaSection h2{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.CifradoClasico-module__vU0GIq__comparativaSubtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.9rem}.CifradoClasico-module__vU0GIq__tableWrapper{overflow-x:auto}.CifradoClasico-module__vU0GIq__comparativaTable{border-collapse:collapse;width:100%;font-size:.92rem}.CifradoClasico-module__vU0GIq__comparativaTable th{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;padding:var(--spacing-md);text-align:left;font-weight:600}.CifradoClasico-module__vU0GIq__comparativaTable th:first-child{border-radius:var(--radius) 0 0 0}.CifradoClasico-module__vU0GIq__comparativaTable th:last-child{border-radius:0 var(--radius) 0 0}.CifradoClasico-module__vU0GIq__comparativaTable td{padding:.75rem var(--spacing-md);border-bottom:1px solid var(--border);color:var(--text-secondary)}.CifradoClasico-module__vU0GIq__comparativaTable td:first-child{color:var(--text-primary);font-weight:600}.CifradoClasico-module__vU0GIq__comparativaTable tr:hover td{background:var(--hover)}.CifradoClasico-module__vU0GIq__comparativaTable tr:last-child td{border-bottom:none}.CifradoClasico-module__vU0GIq__tdNegative{color:#e53e3e!important;font-weight:600!important}[data-theme=dark] .CifradoClasico-module__vU0GIq__tdNegative{color:#fc8181!important}.CifradoClasico-module__vU0GIq__infoSection{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-large);border:1px solid var(--border);margin-bottom:var(--spacing-xl)}.CifradoClasico-module__vU0GIq__infoSection h2{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.CifradoClasico-module__vU0GIq__infoGrid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.CifradoClasico-module__vU0GIq__infoCard{padding:var(--spacing-lg);background:var(--hover);border-radius:var(--radius);border-left:3px solid var(--primary)}.CifradoClasico-module__vU0GIq__infoCard h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.CifradoClasico-module__vU0GIq__infoCard p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.CifradoClasico-module__vU0GIq__infoCard em{font-style:italic}.CifradoClasico-module__vU0GIq__faqSection{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-large);border:1px solid var(--border);margin-bottom:var(--spacing-xl)}.CifradoClasico-module__vU0GIq__faqSection h2{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.CifradoClasico-module__vU0GIq__faqList{gap:var(--spacing-md);flex-direction:column;display:flex}.CifradoClasico-module__vU0GIq__faqItem{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.CifradoClasico-module__vU0GIq__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}.CifradoClasico-module__vU0GIq__faqQuestion:hover{color:var(--primary);background:#2e86ab1a}.CifradoClasico-module__vU0GIq__faqQuestion:before{content:"▶";color:var(--primary);font-size:.75rem;transition:transform .2s}.CifradoClasico-module__vU0GIq__faqItem[open] .CifradoClasico-module__vU0GIq__faqQuestion:before{transform:rotate(90deg)}.CifradoClasico-module__vU0GIq__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}.CifradoClasico-module__vU0GIq__examplesSection{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-large);border:1px solid var(--border);margin-bottom:var(--spacing-xl)}.CifradoClasico-module__vU0GIq__examplesSection h2{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.CifradoClasico-module__vU0GIq__examplesList{gap:var(--spacing-md);flex-direction:column;display:flex}.CifradoClasico-module__vU0GIq__exampleItem{background:var(--hover);border-radius:var(--radius);padding:var(--spacing-md) var(--spacing-lg)}.CifradoClasico-module__vU0GIq__exampleHeader{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.CifradoClasico-module__vU0GIq__exampleTag{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-radius:20px;padding:2px 10px;font-size:.8rem;font-weight:700}.CifradoClasico-module__vU0GIq__exampleNote{color:var(--text-secondary);font-size:.82rem;font-style:italic}.CifradoClasico-module__vU0GIq__exampleRow{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.CifradoClasico-module__vU0GIq__exampleOriginal{color:var(--text-primary);font-family:Courier New,monospace;font-size:1rem;font-weight:600}.CifradoClasico-module__vU0GIq__exampleArrow{color:var(--primary);font-size:1.2rem}.CifradoClasico-module__vU0GIq__exampleCifrado{color:var(--primary);font-family:Courier New,monospace;font-size:1rem;font-weight:600}.CifradoClasico-module__vU0GIq__frecuenciasSection{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-large);border:1px solid var(--border);margin-bottom:var(--spacing-xl)}.CifradoClasico-module__vU0GIq__frecuenciasSection h2{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.CifradoClasico-module__vU0GIq__frecuenciasIntro{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.92rem;line-height:1.6}.CifradoClasico-module__vU0GIq__frecuenciasGrid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.CifradoClasico-module__vU0GIq__frecuenciasCard{background:var(--hover);border-radius:var(--radius);padding:var(--spacing-lg)}.CifradoClasico-module__vU0GIq__frecuenciasCard h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1rem}.CifradoClasico-module__vU0GIq__frecuenciasBars{flex-direction:column;gap:.4rem;display:flex}.CifradoClasico-module__vU0GIq__barItem{align-items:center;gap:var(--spacing-sm);display:flex}.CifradoClasico-module__vU0GIq__barLetra{color:var(--primary);width:18px;font-family:Courier New,monospace;font-size:.9rem;font-weight:700}.CifradoClasico-module__vU0GIq__barFill{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);height:14px;width:var(--bar-width,0px);border-radius:3px;transition:width .4s}.CifradoClasico-module__vU0GIq__barPct{color:var(--text-secondary);font-size:.78rem}.CifradoClasico-module__vU0GIq__pasosList{color:var(--text-secondary);margin:0;padding-left:1.2rem;font-size:.92rem;line-height:1.7}.CifradoClasico-module__vU0GIq__pasosList li{margin-bottom:.3rem}.CifradoClasico-module__vU0GIq__pasosList strong{color:var(--primary)}.CifradoClasico-module__vU0GIq__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] .CifradoClasico-module__vU0GIq__warningBox{background:linear-gradient(135deg,#2a2000 0%,#2e2400 100%);border-color:#b45309 #b45309 #b45309 #f59e0b}.CifradoClasico-module__vU0GIq__warningBox h2{color:#92400e;margin-bottom:var(--spacing-lg);font-size:1.2rem;font-weight:700}[data-theme=dark] .CifradoClasico-module__vU0GIq__warningBox h2{color:#fbbf24}.CifradoClasico-module__vU0GIq__warningList{gap:var(--spacing-lg);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.CifradoClasico-module__vU0GIq__warningItem{gap:var(--spacing-md);align-items:flex-start;display:flex}.CifradoClasico-module__vU0GIq__warningIcon{flex-shrink:0;margin-top:2px;font-size:1.3rem}.CifradoClasico-module__vU0GIq__warningItem strong{color:#92400e;margin-bottom:.25rem;font-weight:700;display:block}[data-theme=dark] .CifradoClasico-module__vU0GIq__warningItem strong{color:#fbbf24}.CifradoClasico-module__vU0GIq__warningItem p{color:#78350f;margin:0;font-size:.92rem;line-height:1.6}[data-theme=dark] .CifradoClasico-module__vU0GIq__warningItem p{color:#d97706}@media (max-width:768px){.CifradoClasico-module__vU0GIq__title{font-size:1.8rem}.CifradoClasico-module__vU0GIq__infoGrid,.CifradoClasico-module__vU0GIq__frecuenciasGrid{grid-template-columns:1fr}.CifradoClasico-module__vU0GIq__buttonRow{flex-direction:column}.CifradoClasico-module__vU0GIq__alphabetPreview{font-size:.75rem}.CifradoClasico-module__vU0GIq__alphabetLetter{width:18px;height:22px;font-size:.7rem}.CifradoClasico-module__vU0GIq__exampleRow{flex-direction:column;align-items:flex-start}}