.ConversorNumerosRomanos-module__VFaUSq__container{--primary:#2e86ab;--secondary:#48a9a6;--bg-primary:#fafafa;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--border:#e5e5e5;--hover:#f5f5f5;--error:#ef4444;--radius:12px;--radius-large:16px;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;max-width:900px;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] .ConversorNumerosRomanos-module__VFaUSq__container{--bg-primary:#1a1a1a;--bg-card:#2a2a2a;--text-primary:#e5e5e5;--text-secondary:#b0b0b0;--border:#404040;--hover:#333}.ConversorNumerosRomanos-module__VFaUSq__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}.ConversorNumerosRomanos-module__VFaUSq__title{margin-bottom:var(--spacing-sm);font-size:2.5rem}.ConversorNumerosRomanos-module__VFaUSq__subtitle{opacity:.95;font-size:1.2rem}.ConversorNumerosRomanos-module__VFaUSq__mainContent{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-large);border:1px solid var(--border);margin-bottom:var(--spacing-xl)}.ConversorNumerosRomanos-module__VFaUSq__modeSelector{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--hover);border-radius:var(--radius);padding:4px;display:flex}.ConversorNumerosRomanos-module__VFaUSq__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}.ConversorNumerosRomanos-module__VFaUSq__modeBtn.ConversorNumerosRomanos-module__VFaUSq__active{background:var(--bg-card);color:var(--primary);box-shadow:0 2px 8px #0000001a}.ConversorNumerosRomanos-module__VFaUSq__converterBox{gap:var(--spacing-lg);flex-direction:column;display:flex}.ConversorNumerosRomanos-module__VFaUSq__inputSection{gap:var(--spacing-sm);flex-direction:column;display:flex}.ConversorNumerosRomanos-module__VFaUSq__label{color:var(--text-primary);font-weight:600}.ConversorNumerosRomanos-module__VFaUSq__input{width:100%;padding:var(--spacing-md);text-align:center;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);letter-spacing:2px;outline:none;font-family:Georgia,serif;font-size:1.5rem;transition:border-color .2s}.ConversorNumerosRomanos-module__VFaUSq__input:focus{border-color:var(--primary)}.ConversorNumerosRomanos-module__VFaUSq__quickExamples{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.ConversorNumerosRomanos-module__VFaUSq__quickLabel{color:var(--text-secondary);font-size:.9rem}.ConversorNumerosRomanos-module__VFaUSq__quickBtn{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}.ConversorNumerosRomanos-module__VFaUSq__quickBtn:hover{border-color:var(--primary);color:var(--primary)}.ConversorNumerosRomanos-module__VFaUSq__errorMsg{border:1px solid var(--error);color:var(--error);padding:var(--spacing-md);border-radius:var(--radius);text-align:center;background:#ef44441a}.ConversorNumerosRomanos-module__VFaUSq__buttonRow{gap:var(--spacing-md);justify-content:center;display:flex}.ConversorNumerosRomanos-module__VFaUSq__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;font-size:1.1rem;font-weight:600;transition:all .3s}.ConversorNumerosRomanos-module__VFaUSq__btnPrimary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2e86ab4d}.ConversorNumerosRomanos-module__VFaUSq__btnSwap{border:2px solid var(--border);background:var(--bg-card);cursor:pointer;width:50px;height:50px;color:var(--text-secondary);border-radius:50%;font-size:1.5rem;transition:all .2s}.ConversorNumerosRomanos-module__VFaUSq__btnSwap:hover{border-color:var(--primary);color:var(--primary)}.ConversorNumerosRomanos-module__VFaUSq__resultSection{gap:var(--spacing-md);flex-direction:column;display:flex}.ConversorNumerosRomanos-module__VFaUSq__resultBox{padding:var(--spacing-xl);border-radius:var(--radius);border:2px solid var(--primary);background:linear-gradient(135deg,#2e86ab1a 0%,#48a9a61a 100%);flex-direction:column;align-items:center;display:flex}.ConversorNumerosRomanos-module__VFaUSq__resultLabel{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.9rem}.ConversorNumerosRomanos-module__VFaUSq__resultValue{color:var(--primary);letter-spacing:4px;font-family:Georgia,serif;font-size:3rem;font-weight:700}.ConversorNumerosRomanos-module__VFaUSq__breakdown{background:var(--hover);padding:var(--spacing-md);border-radius:var(--radius)}.ConversorNumerosRomanos-module__VFaUSq__breakdown h4{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:.9rem}.ConversorNumerosRomanos-module__VFaUSq__breakdownItems{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.ConversorNumerosRomanos-module__VFaUSq__breakdownItem{background:var(--bg-card);color:var(--text-secondary);border-radius:4px;padding:4px 10px;font-family:monospace;font-size:.85rem}.ConversorNumerosRomanos-module__VFaUSq__referenceSection{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-large);border:1px solid var(--border);margin-bottom:var(--spacing-xl)}.ConversorNumerosRomanos-module__VFaUSq__referenceSection h2{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.ConversorNumerosRomanos-module__VFaUSq__symbolsGrid{gap:var(--spacing-md);grid-template-columns:repeat(7,1fr);display:grid}.ConversorNumerosRomanos-module__VFaUSq__symbolCard{padding:var(--spacing-lg);background:var(--hover);border-radius:var(--radius);flex-direction:column;align-items:center;display:flex}.ConversorNumerosRomanos-module__VFaUSq__symbol{color:var(--primary);font-family:Georgia,serif;font-size:2.5rem;font-weight:700}.ConversorNumerosRomanos-module__VFaUSq__value{color:var(--text-secondary);margin-top:var(--spacing-sm);font-size:1rem}.ConversorNumerosRomanos-module__VFaUSq__rulesSection{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-large);border:1px solid var(--border);margin-bottom:var(--spacing-xl)}.ConversorNumerosRomanos-module__VFaUSq__rulesSection h2{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.ConversorNumerosRomanos-module__VFaUSq__rulesGrid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.ConversorNumerosRomanos-module__VFaUSq__ruleCard{padding:var(--spacing-lg);background:var(--hover);border-radius:var(--radius);border-left:3px solid var(--primary)}.ConversorNumerosRomanos-module__VFaUSq__ruleCard h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.ConversorNumerosRomanos-module__VFaUSq__ruleCard p{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.95rem}.ConversorNumerosRomanos-module__VFaUSq__ruleCard code{color:var(--primary);font-family:Courier New,monospace;font-size:.9rem;display:block}@media (max-width:768px){.ConversorNumerosRomanos-module__VFaUSq__title{font-size:1.8rem}.ConversorNumerosRomanos-module__VFaUSq__symbolsGrid{grid-template-columns:repeat(4,1fr)}.ConversorNumerosRomanos-module__VFaUSq__rulesGrid{grid-template-columns:1fr}.ConversorNumerosRomanos-module__VFaUSq__resultValue{font-size:2rem}}