@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#0071e3;--primary-focus:#0077ed;--primary-on-dark:#2997ff;--ink:#1d1d1f;--body:#1d1d1f;--body-muted:#86868b;--canvas:#fff;--canvas-parchment:#f5f5f7;--surface-pearl:#fbfbfd;--surface-tile-1:#272729;--surface-tile-2:#2a2a2c;--surface-black:#000;--divider-soft:#0000000f;--hairline:#d2d2d7;--on-primary:#fff;--on-dark:#fff;--color-marca:#bf5af2;--color-consumidor:#32ade6;--color-cultura:#34c759;--font-sans:"SF Pro Text", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;--panel-width:420px;--insight-width:480px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:9999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 10px 40px #0000001a;--shadow-primary:0 4px 14px #0071e34d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--canvas-parchment);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}.app-container{background:#151516;width:100vw;height:100vh;position:relative;overflow:hidden}.panel-overlay-backdrop{z-index:90;opacity:0;pointer-events:none;background:#0003;transition:opacity .4s;position:fixed;inset:0}.panel-overlay-backdrop.visible{opacity:1;pointer-events:auto}.control-panel,.insight-panel-vertical,.notebook-panel{z-index:100;-webkit-backdrop-filter:saturate(200%)blur(40px);background:#ffffffd1;border:1px solid #ffffff80;border-radius:20px;flex-direction:column;transition:transform .5s cubic-bezier(.32,.72,0,1),opacity .4s;display:flex;position:fixed;top:24px;bottom:24px;overflow:hidden;box-shadow:0 24px 80px #00000040,inset 0 0 0 1px #ffffff4d}.control-panel{width:var(--panel-width);opacity:1;left:24px;transform:translate(0)}.control-panel.hidden{opacity:0;pointer-events:none;transform:translate(calc(-100% - 48px))}.synapse-explorer{top:24px;bottom:24px;left:calc(24px + var(--panel-width) + 16px);width:min(560px, calc(100vw - var(--panel-width) - 88px));z-index:99;-webkit-backdrop-filter:saturate(200%)blur(40px);opacity:1;background:#ffffffd1;border:1px solid #ffffff80;border-radius:20px;flex-direction:column;transition:transform .5s cubic-bezier(.32,.72,0,1),opacity .4s;display:flex;position:fixed;overflow:hidden;transform:translate(0);box-shadow:0 24px 80px #00000040,inset 0 0 0 1px #ffffff4d}.synapse-explorer.hidden{transform:translateX(calc(-100% - var(--panel-width) - 88px));opacity:0;pointer-events:none}.clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.insight-panel-vertical{width:var(--insight-width);opacity:1;right:24px;transform:translate(0)}.insight-panel-vertical.hidden{opacity:0;pointer-events:none;transform:translate(calc(100% + 48px))}.notebook-panel{width:var(--insight-width);opacity:1;right:24px;transform:translate(0)}.notebook-panel.hidden{opacity:0;pointer-events:none;transform:translate(calc(100% + 48px))}.insight-panel-vertical .insight-body{-webkit-user-select:text;user-select:text}.selection-save-btn{z-index:300;-webkit-backdrop-filter:saturate(180%)blur(20px);color:#ffffffeb;font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:#1e1e20eb;border:1px solid #ffffff26;border-radius:99px;align-items:center;gap:8px;padding:9px 16px;animation:.18s cubic-bezier(.32,.72,0,1) selectionPopIn;display:flex;box-shadow:0 8px 32px #0006}.selection-save-btn:hover{background:#323236f2;transform:scale(1.04)}@keyframes selectionPopIn{0%{opacity:0;transform:translateY(6px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notebook-item .notebook-item-delete{opacity:0;transition:opacity .2s}.notebook-item:hover .notebook-item-delete{opacity:.6}.notebook-item .notebook-item-delete:hover{opacity:1;color:#ff3b30}.floating-toggle-btn{z-index:80;-webkit-backdrop-filter:saturate(180%)blur(20px);color:#ffffffd9;cursor:pointer;background:#1e1e20bf;border:1px solid #ffffff26;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;box-shadow:0 8px 32px #0006}.floating-toggle-btn:hover{background:#323236d9;transform:scale(1.08);box-shadow:0 12px 40px #00000080}.floating-toggle-btn:active{transform:scale(.95)}.floating-toggle-btn.left{top:24px;left:24px}.floating-toggle-btn.right{top:24px;right:24px}.floating-toggle-btn.right-second{top:84px;right:24px}.floating-toggle-btn.right .floating-badge{background:var(--primary);border:2px solid #1e1e20e6;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulse-dot;position:absolute;top:-4px;right:-4px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.panel-close-btn{width:32px;height:32px;color:var(--body-muted);cursor:pointer;z-index:10;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.panel-close-btn:hover{color:var(--ink);background:#0000001a}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--ink);font-weight:600}.panel-header,.insight-header{padding:40px 32px 24px}.panel-logo-text{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-top:8px;font-size:28px;font-weight:700}.panel-subtitle{font-family:var(--font-sans);color:var(--body-muted);margin-top:4px;font-size:15px;font-weight:400}.btn{font-family:var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--primary-focus);box-shadow:0 6px 20px #0071e366}.btn-primary:disabled{background:var(--hairline);color:var(--canvas);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:var(--canvas-parchment);color:var(--ink);border:1px solid var(--hairline)}.btn-secondary:hover{background:var(--hairline)}input,textarea,select{background:var(--surface-pearl);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--ink);font-family:var(--font-sans);outline:none;width:100%;padding:16px;font-size:15px;transition:border-color .2s,box-shadow .2s}input[type=checkbox],input[type=radio],input[type=range]{width:auto;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}input:focus,textarea:focus,select:focus{border-color:var(--primary);background:var(--canvas);box-shadow:0 0 0 4px #0071e326}.briefing-textarea{resize:vertical;min-height:120px}.file-upload-zone{border:2px dashed var(--hairline);border-radius:var(--radius-lg);text-align:center;background:var(--surface-pearl);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px;padding:32px 20px;transition:all .2s;display:flex}.file-upload-zone:hover{border-color:var(--primary);background:#0071e305}.file-upload-text{color:var(--body-muted);margin-top:8px;font-size:14px;font-weight:500}.cat-filter{background:var(--canvas-parchment);border-radius:var(--radius-md);gap:2px;margin-bottom:20px;padding:4px;display:flex}.cat-filter-btn{border-radius:var(--radius-sm);color:var(--body-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 0;font-size:13px;font-weight:500;transition:all .2s}.cat-filter-btn:hover{color:var(--ink)}.cat-filter-btn.active{background:var(--canvas);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:600}.node-card{background:var(--canvas);border:1px solid var(--divider-soft);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:24px;transition:all .2s;position:relative}.node-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.node-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary), var(--shadow-md)}.node-card-name{letter-spacing:-.015em;color:var(--ink);margin:12px 0 8px;font-size:19px;font-weight:600}.node-card-desc{color:var(--body-muted);font-size:15px;line-height:1.5}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);color:#fff;padding:6px 12px;font-size:11px;font-weight:600;display:inline-block}.badge-Marca{background:var(--color-marca)}.badge-Consumidor{background:var(--color-consumidor)}.badge-Cultura{background:var(--color-cultura)}.admin-container{background:var(--canvas-parchment);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:auto}.admin-header{-webkit-backdrop-filter:blur(30px);z-index:50;background:#f5f5f7d9;justify-content:space-between;align-items:center;padding:48px 80px 24px;display:flex;position:sticky;top:0}.admin-header h1{letter-spacing:-.03em;font-size:40px;font-weight:700}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;padding:0 80px 48px;display:grid}.metric-card{background:var(--canvas);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #00000008;padding:40px}.metric-value{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin:16px 0 8px;font-size:56px;font-weight:600}.metric-sub{color:var(--body-muted);font-size:15px}.admin-layout{flex:1;gap:48px;padding:0 80px 80px;display:flex}.admin-sidebar{flex-direction:column;gap:12px;width:280px;display:flex}.admin-side-btn{font-family:var(--font-sans);color:var(--body-muted);text-align:left;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:14px 20px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.admin-side-btn:hover{color:var(--ink);background:#0000000a}.admin-side-btn.active{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-primary);font-weight:600}.admin-main{background:var(--canvas);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #00000008;flex:1;padding:48px}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--body-muted);text-align:left;border-bottom:2px solid var(--divider-soft);padding:16px 24px;font-size:13px;font-weight:600}.admin-table td{border-bottom:1px solid var(--divider-soft);color:var(--ink);padding:24px;font-size:15px}.admin-table tr:last-child td{border-bottom:none}.graph-canvas-container{background:#151516;position:absolute;inset:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--canvas-parchment);background:#00000026;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.panel-body,.insight-body{flex:1;padding:32px;overflow-y:auto}.panel-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--body-muted);align-items:center;gap:8px;margin-bottom:20px;font-size:14px;font-weight:600;display:flex}.insight-header-title{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:12px;font-size:28px;font-weight:600;display:flex}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-40{margin-bottom:40px}.whatif-zone-floating{-webkit-backdrop-filter:saturate(200%)blur(40px);z-index:100;background:#ffffffd1;border:1px solid #00000014;border-radius:20px;flex-direction:column;align-items:stretch;gap:8px;max-width:calc(100vw - 32px);padding:10px 14px 10px 16px;transition:max-width .4s cubic-bezier(.32,.72,0,1),left .4s cubic-bezier(.32,.72,0,1),transform .4s cubic-bezier(.32,.72,0,1);animation:.6s cubic-bezier(.16,1,.3,1) forwards dockSlideUp;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #0003,inset 0 0 0 1px #fff6}.whatif-zone-floating.shift-left{left:calc(var(--panel-width) + 24px + ((100vw - var(--panel-width) - 24px) / 2));max-width:calc(100vw - var(--panel-width) - 72px)}.whatif-zone-floating.shift-right{left:calc((100vw - var(--insight-width) - 24px) / 2);max-width:calc(100vw - var(--insight-width) - 72px)}.whatif-zone-floating.shift-both{left:calc(var(--panel-width) + 24px + ((100vw - var(--panel-width) - var(--insight-width) - 48px) / 2));max-width:calc(100vw - var(--panel-width) - var(--insight-width) - 96px)}@keyframes dockSlideUp{0%{opacity:0;transform:translate(-50%,60px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.whatif-dock-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:20px;padding:0 4px 8px;display:flex}.whatif-dock-title{flex-shrink:0;align-items:center;gap:6px;display:flex}.whatif-dock-title span{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);font-size:11px;font-weight:700}.whatif-dock-briefing{flex:1;justify-content:flex-end;align-items:baseline;gap:8px;min-width:0;display:flex}.whatif-dock-briefing-label{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);flex-shrink:0;font-size:9px;font-weight:700}.whatif-dock-briefing-text{color:var(--ink);opacity:.75;white-space:nowrap;text-overflow:ellipsis;max-width:520px;font-size:12px;font-style:italic;overflow:hidden}.whatif-dock-body{flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.whatif-dock-body .whatif-slots-container{flex-wrap:nowrap;min-width:0}.whatif-dock-body .whatif-actions{flex-shrink:0}.whatif-slots-container{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.whatif-slot-pill{border:1px dashed;border-radius:999px;flex-shrink:1;align-items:center;gap:8px;min-width:0;max-width:210px;padding:5px 12px 5px 5px;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex}.whatif-slot-pill.empty{border-color:#00000026;background:#00000005!important}.whatif-slot-pill.filled{border-style:solid;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.whatif-slot-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000000f}.whatif-slot-text{flex-direction:column;justify-content:center;display:flex;overflow:hidden}.whatif-slot-label-tiny{text-transform:uppercase;letter-spacing:.05em;color:var(--body-muted);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:9px;font-weight:600;overflow:hidden}.whatif-slot-value-text{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.whatif-divider{background:var(--divider-soft);width:1px;height:32px}.whatif-actions{align-items:center;gap:8px;display:flex}.whatif-run-btn{font-family:var(--font-sans);background:var(--hairline);color:#fff9;cursor:not-allowed;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.whatif-run-btn.ready{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0077ed,#0050a0);transform:scale(1.02);box-shadow:0 8px 24px #0071e34d}.whatif-run-btn.ready:hover{transform:scale(1.05);box-shadow:0 12px 32px #0071e366}.whatif-clear-btn{background:var(--canvas-parchment);color:var(--body-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.whatif-clear-btn:hover{background:var(--divider-soft);color:var(--ink);transform:rotate(-15deg)}.spinner-apple-dark{border:3px solid #ffffff1a;border-top-color:#ffffffe6;border-radius:50%;width:28px;height:28px;animation:1s cubic-bezier(.5,.1,.4,.9) infinite spin-smooth}@keyframes spin-smooth{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}@keyframes rotateBorder{0%{--border-angle:0turn}to{--border-angle:1turn}}.login-page{background:#000 radial-gradient(circle,#0c0145 0%,#000 70%);justify-content:center;align-items:center;height:100vh;display:flex}.login-glow-wrapper{-webkit-backdrop-filter:blur(12px);z-index:10;background:#0a0a0b33;border-radius:24px;width:100%;max-width:400px;position:relative}.login-glow-wrapper:before{content:"";background:conic-gradient(from var(--border-angle), transparent 20%, #7c3aed, #db2777, #ea580c, transparent 80%);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;border-radius:26px;padding:2px;animation:4s linear infinite rotateBorder;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}.login-glow-wrapper:after{content:"";background:conic-gradient(from var(--border-angle), transparent 20%, #7c3aed, #db2777, #ea580c, transparent 80%);filter:blur(24px);opacity:.7;pointer-events:none;z-index:-2;border-radius:26px;animation:4s linear infinite rotateBorder;position:absolute;inset:-2px}.login-content{z-index:10;color:#fff;border-radius:22px;padding:48px 32px;position:relative}.login-logo{text-align:center;margin-bottom:8px;font-family:Brush Script MT,cursive,sans-serif;font-size:32px}.login-title{font-family:var(--font-display);text-align:center;margin-bottom:4px;font-size:24px;font-weight:700}.login-subtitle{color:#fffc;text-align:center;margin-bottom:32px;font-size:14px}.login-input-group{margin-bottom:16px;position:relative}.login-input-group label{color:#ffffffe6;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.login-input-group input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:14px 14px 14px 44px;font-size:15px}.login-input-group input::placeholder{color:#ffffff80}.login-input-group input:focus{box-shadow:none;background:#ffffff26;border-color:#ffffff80}.login-icon{color:#ffffffe6;position:absolute;bottom:14px;left:14px}.login-icon-right{color:#ffffffe6;cursor:pointer;position:absolute;bottom:14px;right:14px}.login-btn{color:#fff;cursor:pointer;background:#1e1b4b;border:none;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.login-btn:hover{background:#312e81}
