.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;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);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__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);font-size:.95rem;line-height:1.6}.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{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--hover);border-radius:var(--radius);flex-wrap:wrap;display:flex}.CifradoClasico-module__vU0GIq__exampleOriginal{color:var(--text-primary);font-family:Courier New,monospace;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-weight:600}.CifradoClasico-module__vU0GIq__exampleNote{color:var(--text-secondary);font-size:.85rem}@media (max-width:768px){.CifradoClasico-module__vU0GIq__title{font-size:1.8rem}.CifradoClasico-module__vU0GIq__infoGrid{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}}