@font-face{font-family:Inter;src:url('/assets/catalogo/Inter.ttf');font-weight:100 900;font-display:swap}@font-face{font-family:Instrument;src:url('/assets/catalogo/InstrumentSerif-italic.woff2');font-style:italic;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--ground)}.demo{min-height:100svh;max-width:1900px;margin:auto;padding:30px 44px 24px;display:flex;flex-direction:column}.brandbar{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;position:relative;z-index:2}.brandbar img{display:block;width:135px;height:60px;object-fit:contain}.dark .brandbar img{filter:brightness(0) invert(1)}.brandbar>a:last-child{padding:12px 0}.demo-main{display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:20px;flex:1;min-height:650px}.demo-copy{position:relative;z-index:2}.free-stamp{display:inline-flex;align-items:center;gap:9px;background:var(--accent);color:var(--accent-ink);padding:10px 15px;font-weight:650;font-size:13px;margin-bottom:32px;transform:rotate(-4deg)}.free-stamp:before{content:'✓';font-size:17px}h1{font-size:clamp(46px,5.05vw,82px);line-height:1.02;font-weight:600;letter-spacing:-.055em;margin:0}h1 span{display:block}.demo-copy>p{max-width:32ch;font-size:16px;line-height:1.65;margin:28px 0 0;color:var(--muted)}.demo-cta{display:inline-flex;gap:36px;align-items:center;padding:18px 22px;margin-top:32px;background:var(--ink);color:var(--ground);font-size:13px;font-weight:600}.demo-cta span{font-size:21px;line-height:1}.dark .demo-cta{background:var(--accent);color:var(--accent-ink)}.demo-copy>small{display:block;font-size:11px;line-height:1.6;margin-top:19px;color:var(--muted)}.flow-surface{position:relative;min-width:0;width:100%;isolation:isolate}.flow-surface>svg{width:100%;height:auto;display:block;overflow:visible}.demo-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:15px;min-height:68px}.flow-description{display:flex;align-items:center;gap:14px;font-size:12px;min-width:0;color:var(--muted)}.live-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0}.flow-status{font-weight:500;color:var(--ink)}.flow-actions{display:flex;gap:22px;align-items:center;flex-shrink:0}.flow-actions button{min-height:42px;padding:9px 0;background:transparent;color:var(--ink);border:0;font-size:11px}.flow-actions .restart{font-size:18px}.flow-meta{position:absolute;top:0;right:8px;font-size:10px;color:var(--muted)}.flow-meta b{font-weight:500;color:var(--ink)}
.route{fill:none;stroke:var(--wire);stroke-width:2;stroke-linecap:round}.route-active{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;opacity:0;transition:opacity .25s}.route-active.active{opacity:1}.node-shell{fill:var(--node);stroke:var(--edge);stroke-width:1}.node-icon-bg{fill:var(--icon-bg)}.node-icon{fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.node-title{fill:var(--ink);font-family:Inter,sans-serif;font-size:15px;font-weight:550;letter-spacing:-.3px}.node-note{fill:var(--muted);font-family:Inter,sans-serif;font-size:10px}.node-mark{fill:var(--muted);opacity:.5}.flow-node.active .node-shell{stroke:var(--accent);stroke-width:2}.flow-node.active .node-mark,.flow-node.done .node-mark{fill:var(--accent);opacity:1}.flow-node.done .node-shell{stroke:var(--edge-done)}.node-num{fill:var(--muted);font:9px Inter,sans-serif}.packet-shell{fill:var(--accent);stroke:var(--accent-ink);stroke-width:.8}.packet-text{fill:var(--accent-ink);font:600 9px Inter,sans-serif}.packet-fold{fill:none;stroke:var(--accent-ink);stroke-width:1.3}.packet-shadow{fill:var(--ink);opacity:.08}.packet-halo{fill:var(--accent);opacity:.09}.packet{pointer-events:none}.node-check{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0}.flow-node.done .node-check{opacity:1}.section-verb{fill:var(--muted);font:11px Inter,sans-serif}.flow-label{fill:var(--muted);font:10px Inter,sans-serif}.hub-core .node-shell{fill:var(--accent);stroke:none}.hub-core .node-title,.hub-core .node-note{fill:var(--accent-ink)}.hub-core .node-icon{stroke:var(--accent-ink)}.hub-core .node-icon-bg{fill:var(--accent-ink);opacity:.08}.node-badge{fill:var(--ground);stroke:var(--edge);stroke-width:1}.node-badge-text{fill:var(--muted);font:8px Inter,sans-serif}.track-signal{fill:none;stroke:var(--accent);stroke-width:1;opacity:.15}
.theme-leads{--ground:#101e1b;--ink:#f1f4e9;--muted:#a7c1b0;--accent:#c3f174;--accent-ink:#122417;--node:#193029;--edge:#3b5a49;--edge-done:#718e54;--wire:#42634e;--icon-bg:#254132}.theme-leads .flow-surface{background:#142820;border-radius:8px}.theme-leads h1{font-weight:650}.theme-leads .flow-meta{right:25px;top:20px}.theme-leads .node-icon-bg{rx:20}.theme-leads .flow-node .node-shell{filter:url(#float-shadow)}
.theme-notas{--ground:#f0ece4;--ink:#2d3530;--muted:#697469;--accent:#b45e3f;--accent-ink:#fff7ea;--node:#fffdf6;--edge:#d5d4c9;--edge-done:#c8a089;--wire:#c1baa9;--icon-bg:#eee2d6}.theme-notas h1{font-weight:500}.theme-notas h1 span:last-child{font-family:Instrument,serif;font-style:italic;font-size:1.15em;font-weight:400}.theme-notas .demo-main{grid-template-columns:.8fr 1.2fr}.theme-notas .free-stamp{background:#263d31;color:#f7f2e8}.theme-notas .node-icon{stroke:#95644a}.theme-notas .route{stroke-dasharray:3 6}.theme-notas .flow-surface:before{content:'';position:absolute;inset:15% 15% 14%;background:#e8e2d5;transform:rotate(-5deg);z-index:-1;border-radius:4px}.theme-notas .flow-surface:after{content:'';position:absolute;inset:19% 12% 10%;background:#f8f4eb;transform:rotate(4deg);z-index:-1;border-radius:4px}
.theme-content{--ground:#ff6dab;--ink:#191b18;--muted:#462b38;--accent:#d9ff3f;--accent-ink:#182315;--node:#171e19;--edge:#171e19;--edge-done:#171e19;--wire:#191b18;--icon-bg:#35452c}.theme-content h1{font-weight:800;letter-spacing:-.065em}.theme-content .node-title{fill:#f9f7eb}.theme-content .node-note{fill:#b9c8ae}.theme-content .route{stroke-width:4}.theme-content .node-shell{stroke-width:0}.theme-content .free-stamp{background:#191b18;color:#fff9ee}.theme-content .flow-surface{transform:rotate(-2deg)}.theme-content .flow-meta{top:-14px;right:20px}.theme-content .demo-cta{background:#191b18;color:#f7f5e9}.theme-content .flow-node.active .node-shell{stroke:#d9ff3f;stroke-width:3}.theme-content .hub-core .node-title,.theme-content .hub-core .node-note{fill:#182315}
.theme-chat{--ground:#e3ebf0;--ink:#213a4d;--muted:#5d7688;--accent:#2d68ce;--accent-ink:#fff;--node:#fbfdff;--edge:#c4d5e3;--edge-done:#85a8d6;--wire:#98b2cc;--icon-bg:#e3edf9}.theme-chat .flow-surface{background:#cddce6;border-radius:18px}.theme-chat .route{stroke-width:3;stroke-dasharray:2 6}.theme-chat h1{font-weight:550}.theme-chat .node-shell{rx:18}.theme-chat .flow-node[data-id=answer] .node-shell{fill:#2d68ce;stroke:#2d68ce}.theme-chat .flow-node[data-id=answer] .node-title,.theme-chat .flow-node[data-id=answer] .node-note{fill:#fff}.theme-chat .flow-node[data-id=answer] .node-icon{stroke:#fff}.theme-chat .flow-node[data-id=answer] .node-icon-bg{fill:#437ddc}.theme-chat .flow-meta{top:20px;right:22px}
.theme-orbit{--ground:#151515;--ink:#f2ede3;--muted:#aaa295;--accent:#ff8554;--accent-ink:#211710;--node:#25211d;--edge:#534235;--edge-done:#ad704b;--wire:#624b3b;--icon-bg:#3b2b22}.theme-orbit h1{font-weight:500}.theme-orbit h1 span:last-child{font-family:Instrument,serif;font-style:italic;font-weight:400;font-size:1.16em}.theme-orbit .node-shell{rx:40}.theme-orbit .hub-core .node-shell{rx:14}.theme-orbit .flow-surface{background:transparent}.theme-orbit .flow-meta{top:10px;right:25px}.theme-orbit .route{stroke-width:1.5}.theme-orbit .free-stamp{border-radius:30px;transform:rotate(4deg)}
@media(min-width:1650px){.demo-main{min-height:740px}}@media(max-width:1100px){.demo{padding:25px 30px 20px}.demo-main{grid-template-columns:.8fr 1.2fr;gap:8px;min-height:600px}h1{font-size:49px}.demo-copy>p{font-size:14px;max-width:29ch}.demo-cta{font-size:12px;padding:17px 19px;gap:22px}.demo-copy>small{font-size:10px}.flow-description{font-size:10px}.flow-meta{display:none}}@media(max-width:780px){.demo{padding:20px 22px 16px}.brandbar img{width:112px;height:49px}.brandbar{font-size:10px}.demo-main,.theme-notas .demo-main{grid-template-columns:1fr;min-height:0;gap:34px;padding-top:36px}.demo-copy{max-width:550px}.free-stamp{font-size:11px;padding:8px 12px;margin-bottom:24px}h1{font-size:clamp(38px,10vw,62px);letter-spacing:-.05em;line-height:1.05}.demo-copy>p{font-size:14px;max-width:33ch;margin-top:20px}.demo-cta{margin-top:22px;padding:14px 18px;min-height:48px}.demo-copy>small{font-size:10px;margin-top:13px}.flow-surface{width:100%;margin-bottom:8px}.demo-footer{align-items:start;gap:12px;padding-top:10px}.flow-description{font-size:10px;line-height:1.5;gap:8px;align-items:baseline}.flow-actions{gap:16px}.flow-actions button{font-size:10px;min-height:35px}.flow-actions .restart{font-size:17px}.flow-status{max-width:170px}.theme-content .flow-surface{transform:rotate(-1deg)}.theme-notas .flow-surface:before{inset:6% 8% 8%}.theme-notas .flow-surface:after{inset:8% 5% 5%}.flow-description>span:first-of-type:not(.live-dot){display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}