calfina-demo-widget{display:block;width:100%;margin:0 auto}.calfina-widget-loading, .calfina-widget-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);gap:16px;text-align:center}.calfina-widget-loading .spinner{width:40px;height:40px;border:3px solid rgba(56, 189, 248, 0.15);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.calfina-widget-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--transition-fast)}.widget-top-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color)}.saldo-inicial-control{display:flex;align-items:center;gap:12px}.saldo-inicial-control label{display:flex;align-items:center;gap:6px;font-size:0.9rem;font-weight:600;color:var(--text-muted)}.saldo-input-wrapper{position:relative;display:flex;align-items:center}.saldo-input-wrapper .currency-symbol{position:absolute;left:12px;color:var(--primary);font-weight:700;font-size:1rem}.saldo-input-wrapper input{padding:8px 12px 8px 26px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-size:1.05rem;font-weight:700;font-family:var(--font-mono);width:130px;outline:none;transition:border-color var(--transition-fast)}.saldo-input-wrapper input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-glow)}.escenarios-selector{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.escenario-label{font-size:0.85rem;color:var(--text-dim);font-weight:500}.escenario-pills{display:flex;gap:6px;flex-wrap:wrap}.pill-btn{background:none;border:1px solid var(--border-color);padding:6px 12px;border-radius:var(--radius-full);color:var(--text-muted);font-size:0.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.pill-btn:hover{color:var(--text-main);border-color:var(--primary)}.pill-btn.active{background-color:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.widget-main-grid{display:grid;grid-template-columns:380px 1fr;min-height:520px}@media (max-width:960px){.widget-main-grid{grid-template-columns:1fr}}.widget-col-editor{border-right:1px solid var(--border-color);background-color:hsla(215, 28%, 13%, 0.6);padding:20px}@media (max-width:960px){.widget-col-editor{border-right:none;border-bottom:1px solid var(--border-color)}}.editor-evento-panel{display:flex;flex-direction:column;gap:16px}.panel-header h3{font-size:1.1rem;font-weight:700;color:var(--text-main)}.panel-subtitle{font-size:0.8rem;color:var(--text-dim)}.presets-container{display:flex;flex-direction:column;gap:6px}.presets-label{font-size:0.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;font-weight:700}.presets-chips{display:flex;flex-wrap:wrap;gap:6px}.preset-btn{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:0.75rem;padding:4px 8px;cursor:pointer;transition:all var(--transition-fast)}.preset-btn:hover{background-color:var(--bg-card-hover);color:var(--text-main);border-color:var(--primary)}.tipo-toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.tipo-btn{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-muted);font-size:0.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--transition-fast)}.tipo-btn.active[data-tipo="PAGO"]{background-color:var(--accent-red-bg);border-color:var(--accent-red);color:#fca5a5}.tipo-btn.active[data-tipo="COBRO"]{background-color:var(--accent-green-bg);border-color:var(--accent-green);color:#86efac}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input-field{display:flex;flex-direction:column;gap:4px}.input-field label{font-size:0.8rem;font-weight:600;color:var(--text-muted)}.input-field input, .input-field select{padding:8px 10px;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-size:0.85rem;outline:none;font-family:inherit;transition:border-color var(--transition-fast)}.input-field input:focus, .input-field select:focus{border-color:var(--border-focus)}.btn-add-event{width:100%;padding:10px;background-color:var(--primary);color:#0f172a;border:none;border-radius:var(--radius-sm);font-size:0.9rem;font-weight:700;cursor:pointer;margin-top:4px;transition:all var(--transition-fast)}.btn-add-event:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.eventos-activos-seccion{margin-top:10px;padding-top:14px;border-top:1px solid var(--border-color)}.eventos-activos-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.eventos-activos-header h4{font-size:0.85rem;font-weight:700;color:var(--text-muted)}.btn-text-reset{background:none;border:none;color:var(--primary);font-size:0.75rem;cursor:pointer;text-decoration:underline}.eventos-chips-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding-right:4px}.event-chip{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:var(--radius-sm);background-color:var(--bg-surface);border:1px solid var(--border-color);font-size:0.8rem;transition:all var(--transition-fast)}.event-chip.paused{opacity:0.5;text-decoration:line-through}.event-chip .chip-info{display:flex;flex-direction:column;flex:1;margin-left:8px}.event-chip .chip-title{font-weight:600;color:var(--text-main)}.event-chip .chip-amount{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted)}.chip-actions{display:flex;gap:4px}.chip-btn-toggle, .chip-btn-delete{background:none;border:none;cursor:pointer;font-size:0.8rem;padding:2px 4px;border-radius:4px}.chip-btn-toggle:hover, .chip-btn-delete:hover{background-color:var(--bg-card-hover)}.widget-col-projection{padding:20px 24px;display:flex;flex-direction:column;gap:16px;background-color:var(--bg-card)}.kpi-banner{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:12px}.kpi-card{padding:12px 16px;border-radius:var(--radius-md);background-color:var(--bg-surface);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px}.kpi-title{font-size:0.75rem;font-weight:600;color:var(--text-dim);text-transform:uppercase}.kpi-amount, .kpi-perf-value{font-size:1.4rem;font-weight:800;font-family:var(--font-mono);color:var(--text-main)}.kpi-perf-value{color:var(--primary)}.kpi-badge{font-size:0.75rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-full);width:fit-content}.badge-pos{background-color:var(--accent-green-bg);color:var(--accent-green)}.badge-neg{background-color:var(--accent-red-bg);color:var(--accent-red)}.kpi-status-tag{font-size:0.75rem;font-weight:700}.kpi-subtext{font-size:0.7rem;color:var(--text-dim)}.chart-controls-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.horizonte-buttons, .view-toggle-buttons, .projection-tab-bar{display:flex;gap:4px}.btn-horizonte, .btn-view-toggle, .tab-btn{background-color:var(--bg-surface);border:1px solid var(--border-color);padding:5px 10px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:0.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-horizonte:hover, .btn-view-toggle:hover, .tab-btn:hover{color:var(--text-main);border-color:var(--primary)}.btn-horizonte.active, .btn-view-toggle.active, .tab-btn.active{background-color:var(--primary);border-color:var(--primary);color:#0f172a}.chart-canvas-wrapper{position:relative;background-color:hsla(217, 33%, 12%, 0.8);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;overflow:hidden;min-height:280px;display:flex;align-items:center;justify-content:center}.chart-tooltip{position:absolute;display:none;background-color:#0f172a;border:1px solid var(--primary);padding:8px 12px;border-radius:var(--radius-sm);pointer-events:none;font-size:0.75rem;box-shadow:var(--shadow-card);z-index:10;white-space:nowrap}.tooltip-title{color:var(--text-dim);font-size:0.7rem;margin-bottom:2px}.tooltip-amount.pos{color:var(--accent-green);font-weight:700}.tooltip-amount.neg{color:var(--accent-red);font-weight:700}.tooltip-balance strong{color:#38bdf8}.alerta-deficit-banner{display:flex;align-items:center;gap:12px;padding:10px 14px;background-color:var(--accent-red-bg);border:1px solid var(--accent-red);border-radius:var(--radius-sm);color:#fecaca;font-size:0.85rem}.alerta-icon{font-size:1.2rem}.tabla-flujos-panel{display:flex;flex-direction:column;gap:10px}.tabla-flujos-header{display:flex;align-items:center;justify-content:space-between}.tabla-flujos-header h4{font-size:0.9rem;font-weight:700;color:var(--text-main)}.filtro-flujos-buttons{display:flex;gap:4px}.btn-filtro{background:none;border:1px solid var(--border-color);padding:3px 8px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:0.75rem;cursor:pointer}.btn-filtro.active{background-color:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.tabla-flujos-scroll{max-height:280px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.tabla-flujos{width:100%;border-collapse:collapse;font-size:0.8rem;text-align:left}.tabla-flujos th{background-color:var(--bg-surface);padding:8px 12px;color:var(--text-dim);font-weight:700;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border-color)}.tabla-flujos td{padding:8px 12px;border-bottom:1px solid rgba(255, 255, 255, 0.04)}.tabla-flujos tr:hover td{background-color:hsla(217, 33%, 22%, 0.4)}.row-deficit td{background-color:hsla(0, 84%, 60%, 0.1)}.fecha-badge{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted)}.tipo-tag{font-size:0.75rem;font-weight:600;padding:2px 6px;border-radius:4px}.tag-cobro{background-color:var(--accent-green-bg);color:var(--accent-green)}.tag-pago{background-color:var(--accent-red-bg);color:#fca5a5}.text-right{text-align:right}.text-green{color:var(--accent-green);font-family:var(--font-mono);font-weight:700}.text-red{color:var(--accent-red);font-family:var(--font-mono);font-weight:700}.text-danger-bold{color:var(--accent-red);font-weight:800}.widget-footer-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 24px;background-color:var(--bg-surface);border-top:1px solid var(--border-color);font-size:0.8rem}.footer-left{display:flex;gap:16px;flex-wrap:wrap}.engine-badge{color:var(--primary);font-weight:700}.privacy-badge{color:var(--text-muted)}.btn-cta-link{color:var(--text-main);font-weight:700;text-decoration:none;transition:color var(--transition-fast)}.btn-cta-link:hover{color:var(--primary)}