.barra-visual{margin-top:1.5rem;padding:1rem;background:var(--bg-body);border-radius:var(--radius-md)}.barra-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.barra-contenedor{display:flex;height:32px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-card)}.barra-neto{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));height:100%;transition:width .6s ease;min-width:0}.barra-isr{background:linear-gradient(135deg,var(--color-danger),#b91c1c);height:100%;transition:width .6s ease;min-width:0}.barra-valores{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}.barra-valores span:first-child{color:var(--color-primary)}.barra-valores span:last-child{color:var(--color-danger)}.porcentaje-item{background:var(--color-primary-muted)!important;border-left-color:var(--color-primary)!important}.porcentaje-item .monto{color:var(--color-primary)!important}.monto.positivo{color:var(--color-success)!important}.desglose-item .monto{color:var(--color-danger)}.desglose-item.subtotal .monto{color:var(--color-warning)}.desglose-item.total .monto{color:var(--color-success)!important}.desglose-item.total.credito .monto{color:var(--color-success)!important}.tabla-tramos-wrapper{overflow-x:auto;margin:1rem 0;-webkit-overflow-scrolling:touch}.tabla-tramos{width:100%;border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums}.tabla-tramos th{background:var(--bg-card);color:var(--color-text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:.5rem .75rem;text-align:right;border-bottom:2px solid var(--color-border)}.tabla-tramos th:first-child{text-align:left}.tabla-tramos td{padding:.5rem .75rem;border-bottom:1px solid var(--color-border);text-align:right;color:var(--color-text-secondary)}.tabla-tramos td:first-child{text-align:left}.tabla-tramos tr:hover td{background:var(--bg-card-hover)}.tabla-tramos tr.tramo-activo td{background:var(--color-primary-muted);color:var(--color-text);font-weight:600}.tabla-tramos tr.tramo-activo{border-left:3px solid var(--color-primary)}.nota-salario-minimo{font-size:.8rem;color:var(--color-text-muted);margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.tabla-periodo{width:100%;border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums;margin-top:.75rem}.tabla-periodo th{background:var(--bg-card);color:var(--color-text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:.5rem .75rem;text-align:right;border-bottom:2px solid var(--color-border)}.tabla-periodo th:first-child{text-align:left}.tabla-periodo td{padding:.5rem .75rem;border-bottom:1px solid var(--color-border);text-align:right;color:var(--color-text-secondary)}.tabla-periodo td:first-child{text-align:left;color:var(--color-text)}.tabla-periodo tr.total-row td{font-weight:700;color:var(--color-primary);background:var(--color-primary-muted);border-bottom:none}.header-top{display:flex;justify-content:flex-end;margin-bottom:1rem}@media (max-width:600px){.barra-contenedor{height:24px}.barra-valores{font-size:.8rem}.tabla-tramos td,.tabla-tramos th{padding:.4rem .5rem;font-size:.8rem}.tabla-periodo td,.tabla-periodo th{padding:.4rem .5rem;font-size:.8rem}}@media print{.barra-visual{background:#f5f5f5!important;border:1px solid #ddd!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.barra-neto{background:#059669!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.barra-isr{background:#dc2626!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.desglose-item.total{background:#059669!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.nota-legal{display:block!important;background:#fff!important;border:1px solid #ccc!important;border-left:4px solid #d97706!important;padding:1rem!important;margin-top:1.5rem!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.acciones,.header-top,.mas-calculadoras{display:none}.tabla-tramos tr.tramo-activo td{background:#d1fae5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.tabla-periodo tr.total-row td{background:#d1fae5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}