.main{display:grid;gap:var(--spacing-xl)}@media (min-width:900px){.main{grid-template-columns:1fr 1fr;align-items:start}}.mode-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--bg-card);padding:var(--spacing-sm);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.mode-tab{flex:1;padding:var(--spacing-md);background:0 0;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.mode-tab:hover{color:var(--color-text);background:var(--bg-body)}.mode-tab.active{background:var(--color-primary);color:#0f172a;font-weight:700;border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary-muted)}.mode-tab-icon{font-size:1.1rem;font-weight:700}.discount-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.discount-chip{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-size:.9rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:55px;text-align:center}.discount-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-muted)}.discount-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#0f172a;font-weight:600;box-shadow:0 0 12px var(--color-primary-muted)}.toggle-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm) 0;font-size:.9rem;color:var(--color-text-secondary);transition:color .2s;user-select:none}.toggle-label:hover{color:var(--color-text)}.toggle-label input[type=checkbox]{display:none}.toggle-switch{width:40px;height:22px;background:var(--color-border);border-radius:11px;position:relative;transition:background .3s;flex-shrink:0}.toggle-switch::after{content:'';width:18px;height:18px;background:var(--color-text);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:var(--color-primary)}.toggle-label input[type=checkbox]:checked+.toggle-switch::after{transform:translateX(18px)}.segundo-descuento-section{border-top:1px dashed var(--color-border);padding-top:var(--spacing-md)}.segundo-descuento-section h3{font-size:.95rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.savings-highlight{text-align:center;padding:var(--spacing-lg);background:var(--color-success-bg);border:2px solid var(--color-success);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);animation:savingsPopIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes savingsPopIn{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}.savings-label{display:block;font-size:.9rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:500;margin-bottom:var(--spacing-xs)}.savings-amount{display:block;font-size:2.2rem;font-weight:800;color:var(--color-success);font-variant-numeric:tabular-nums;line-height:1.2}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.result-card{background:var(--bg-body);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-left:3px solid var(--color-border);transition:border-color .2s}.result-card.result-highlight{grid-column:1/-1;border-left-color:var(--color-success);background:var(--color-success-bg);text-align:center;padding:var(--spacing-lg)}.result-card:nth-child(3){border-left-color:var(--color-primary)}.result-card:nth-child(4){border-left-color:var(--color-primary)}.result-label{display:block;font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);font-weight:500}.result-value{display:block;font-size:1.25rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.result-highlight .result-value{font-size:1.75rem;color:var(--color-success)}.result-highlight .result-label{font-size:.85rem;color:var(--color-text-secondary)}.result-value.result-descuento{color:var(--color-warning)}.comparison-section{margin-top:var(--spacing-lg)}.comparison-section h3{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.comparison-bar-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.comparison-row{display:flex;align-items:center;gap:var(--spacing-md)}.comparison-label{font-size:.8rem;color:var(--color-text-secondary);width:65px;flex-shrink:0;text-align:right;font-weight:500}.comparison-bar{flex:1;height:36px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-body);border:1px solid var(--color-border)}.comparison-fill{height:100%;display:flex;align-items:center;justify-content:center;transition:width .5s ease;min-width:0;overflow:hidden;border-radius:var(--radius-sm)}.comparison-fill.original{background:linear-gradient(135deg,#dc2626,#ef4444)}.comparison-fill.final{background:linear-gradient(135deg,#059669,#10b981)}.bar-amount{color:#fff;font-size:.8rem;font-weight:600;white-space:nowrap;padding:0 var(--spacing-sm);text-shadow:0 1px 2px rgba(0,0,0,.3)}.comparison-legend{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.85rem;color:var(--color-text-secondary)}.legend-color{width:14px;height:14px;border-radius:3px;flex-shrink:0}.legend-original{background:linear-gradient(135deg,#dc2626,#ef4444)}.legend-final{background:linear-gradient(135deg,#059669,#10b981)}.legend-item strong{color:var(--color-text);font-variant-numeric:tabular-nums}.historial{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.historial h2{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md);text-align:center}.historial-vacio{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-size:.9rem}.historial-vacio p::before{content:"📋 "}.historial-tabla table{width:100%;border-collapse:collapse}.historial-tabla td,.historial-tabla th{padding:var(--spacing-sm) var(--spacing-md);text-align:right;border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums}.historial-tabla th{font-weight:600;color:var(--color-text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.historial-tabla td:first-child,.historial-tabla th:first-child{text-align:left}.historial-tabla td{font-size:.9rem;color:var(--color-text)}.historial-tabla tr:last-child td{border-bottom:none}.historial-tabla tr:hover td{background:var(--bg-body)}.instrucciones{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.instrucciones h2{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:center}.instrucciones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.instruccion-card{background:var(--bg-body);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;border:1px solid var(--color-border)}.instruccion-num{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#0f172a;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-sm)}.instruccion-card h3{font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.instruccion-card p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.error-msg{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-left:4px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-size:.9rem;line-height:1.5}.oculto{display:none!important}@media (max-width:700px){.results-grid{grid-template-columns:1fr}.result-card.result-highlight{grid-column:1}.instrucciones-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.comparison-legend{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.discount-chips{gap:var(--spacing-xs)}.discount-chip{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem;min-width:48px}.savings-amount{font-size:1.6rem}.mode-tabs{flex-direction:column;gap:var(--spacing-xs)}.mode-tab{padding:var(--spacing-sm);font-size:.85rem}.historial-tabla{overflow-x:auto}.comparison-label{width:55px;font-size:.75rem}}@media (max-width:400px){.result-value{font-size:1.1rem}.result-highlight .result-value{font-size:1.4rem}}@media print{body{background:#fff;font-size:12pt;color:#000}.container{max-width:none}.acciones,.breadcrumb,.footer,.formulario,.historial,.instrucciones,.mode-tabs{display:none!important}.resultado{box-shadow:none;padding:0;background:#fff;border:none}.result-card{background:#f5f5f5;border:1px solid #ddd;border-left:3px solid #999}.result-card.result-highlight{border-left-color:#333;background:#eee}.result-value{color:#000}.result-highlight .result-value{color:#000}.comparison-fill.original{background:#c33}.comparison-fill.final{background:#393}.bar-amount{color:#fff}.legend-item{color:#333}.legend-item strong{color:#000}.legend-original{background:#c33}.legend-final{background:#393}.savings-highlight{background:#eee;border-color:#333}.savings-amount{color:#333}}