.main-calc{max-width:600px;margin:0 auto}.tabs{display:flex;gap:.5rem;margin-bottom:var(--spacing-lg);background:var(--bg-card);padding:var(--spacing-sm);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-wrap:wrap}.tab{flex:1;min-width:120px;padding:var(--spacing-md);background:0 0;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.tab:hover{background:var(--bg-body);color:var(--color-text)}.tab.active{background:var(--color-primary);color:var(--bg-body)}.tab-content{display:none}.tab-content.active{display:block}.calc-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.calc-text{color:var(--color-text-secondary);font-size:1rem}.campo.inline{width:auto;margin-bottom:0;display:flex;align-items:center}.campo.inline input{width:100px;text-align:center;font-size:1.1rem;font-weight:600}.campo.inline .unit{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-body);border:1px solid var(--color-border);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-primary);font-weight:600}.campo.inline input:has(+ .unit){border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md)}.resultado{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border);text-align:center;margin-top:var(--spacing-lg)}.result-value{font-family:'JetBrains Mono',monospace;font-size:3rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.result-value .unit{font-size:1.5rem;color:var(--color-text-muted)}.result-explanation{color:var(--color-text-secondary);font-size:.95rem}.result-breakdown{display:flex;flex-direction:column;gap:var(--spacing-sm)}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-body);border-radius:var(--radius-md);font-size:1rem}.breakdown-row span:first-child{color:var(--color-text-secondary)}.breakdown-row span:last-child{font-family:'JetBrains Mono',monospace;font-weight:600;color:var(--color-text)}.breakdown-row.total{background:var(--color-success-bg);border-left:3px solid var(--color-success)}.breakdown-row.total span:last-child{color:var(--color-success);font-size:1.25rem}.examples-section{margin-top:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border)}.examples-section h3{margin-bottom:var(--spacing-md);font-size:1.1rem}.examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.example-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:'JetBrains Mono',monospace;font-size:.8rem;cursor:pointer;transition:all .2s;text-align:center}.example-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-muted)}.info-box{margin-top:var(--spacing-xl)}.info-box ul{font-family:'JetBrains Mono',monospace;font-size:.85rem}.info-box li{margin-bottom:var(--spacing-sm)}@media (max-width:500px){.tabs{flex-direction:column}.tab{min-width:auto}.calc-row{flex-direction:column;text-align:center}.campo.inline input{width:100%}.result-value{font-size:2rem}}