#agentes-ia-workflows{width:100%;padding:60px 0 80px;position:relative}#agentes-ia-workflows .workflow-container-wide{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:0 20px}#agentes-ia-workflows .workflow-badge{color:var(--accent-orange);font-size:.76rem;font-family:var(--font-mono);letter-spacing:.8px;background:#ff6b351f;border:1px solid #ff6b3559;border-radius:9999px;align-items:center;gap:8px;padding:6px 16px;display:inline-flex}#agentes-ia-workflows .pulse-beacon{background:var(--accent-orange);width:8px;height:8px;box-shadow:0 0 10px var(--accent-orange);border-radius:50%;animation:2s ease-in-out infinite wfBeaconPulse}@keyframes wfBeaconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}#agentes-ia-workflows .workflow-main-card{background:#080c1a;border:1px solid #f973164d;border-radius:18px;margin-top:36px;overflow:hidden;box-shadow:0 25px 65px #000000d9,0 0 35px #f973161a}#agentes-ia-workflows .workflow-top-bar{font-family:var(--font-mono);background:#0a0f22fa;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;font-size:.78rem;display:flex}#agentes-ia-workflows .window-traffic-dots{gap:7px;display:flex}#agentes-ia-workflows .window-traffic-dots .dot{border-radius:50%;width:11px;height:11px}#agentes-ia-workflows .dot-red{background:#ef4444}#agentes-ia-workflows .dot-yellow{background:#f59e0b}#agentes-ia-workflows .dot-green{background:#10b981}#agentes-ia-workflows .workflow-canvas-title{color:var(--text-muted);align-items:center;gap:10px;display:flex}#agentes-ia-workflows .canvas-icon{color:#f59e0b}#agentes-ia-workflows .canvas-path{color:var(--accent-orange);letter-spacing:.5px;font-weight:600}#agentes-ia-workflows .canvas-env-pill{color:var(--accent-orange);background:#ff6b3524;border:1px solid #ff6b354d;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:600}#agentes-ia-workflows .workflow-status-tag{color:#34d399;align-items:center;gap:7px;font-size:.72rem;font-weight:600;display:flex}#agentes-ia-workflows .live-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s infinite wfBeaconPulse;box-shadow:0 0 10px #10b981}#agentes-ia-workflows .workflow-desktop-view{background-color:#060814;background-image:radial-gradient(#ffffff21 1.2px,#0000 1.2px);background-size:24px 24px;padding:28px 24px 36px;display:block;position:relative}#agentes-ia-workflows .mesh-canvas-grid{grid-template-columns:270px 60px 300px 60px 240px 60px 270px;justify-content:center;align-items:center;margin:0 auto;display:grid;position:relative}#agentes-ia-workflows .mesh-column{z-index:5;flex-direction:column;gap:16px;display:flex;position:relative}#agentes-ia-workflows .col-stage-header{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.8px;align-items:center;gap:8px;margin-bottom:2px;font-size:.65rem;display:flex}#agentes-ia-workflows .col-stage-header .stage-num{color:var(--accent-orange);font-weight:700}#agentes-ia-workflows .mesh-connector{z-index:2;justify-content:center;align-items:center;width:60px;height:380px;display:flex;position:relative}#agentes-ia-workflows .mesh-connector svg{width:100%;height:100%;overflow:visible}#agentes-ia-workflows .conn-wire{stroke:#ffffff2e;stroke-width:2.2px;fill:none}#agentes-ia-workflows .conn-wire-core{stroke:#a855f766;stroke-width:2.5px}#agentes-ia-workflows .conn-wire-ok{stroke:#10b98159;stroke-width:2.2px}#agentes-ia-workflows .conn-wire-alert{stroke:#f59e0b59;stroke-width:2.2px}#agentes-ia-workflows .wf-node-card{-webkit-backdrop-filter:blur(12px);box-sizing:border-box;border-radius:12px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;box-shadow:0 10px 28px #0009,0 0 15px #f973160f;background:#0e142cf0!important;border:1px solid #ffffff24!important}#agentes-ia-workflows .wf-node-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #000000bf,0 0 22px #f9731638;border-color:#ff6b358c!important}#agentes-ia-workflows .wf-card-badge{font-family:var(--font-mono);letter-spacing:.5px;border-radius:11px 11px 0 0;align-items:center;gap:5px;padding:4px 12px;font-size:.62rem;font-weight:700;display:flex}#agentes-ia-workflows .badge-dot{background:currentColor;border-radius:50%;width:5px;height:5px}#agentes-ia-workflows .badge-cyan{color:#ff7a00;background:#ff6b3526;border-bottom:1px solid #ff6b3540}#agentes-ia-workflows .badge-blue{color:#60a5fa;background:#3b82f626;border-bottom:1px solid #3b82f640}#agentes-ia-workflows .badge-amber{color:#fbbf24;background:#f59e0b26;border-bottom:1px solid #f59e0b40}#agentes-ia-workflows .badge-purple{color:#c084fc;background:#a855f726;border-bottom:1px solid #a855f740}#agentes-ia-workflows .badge-green{color:#34d399;background:#10b98126;border-bottom:1px solid #10b98140}#agentes-ia-workflows .badge-check{font-size:.72rem}#agentes-ia-workflows .wf-card-content{align-items:center;gap:12px;padding:10px 14px;display:flex}#agentes-ia-workflows .wf-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}#agentes-ia-workflows .icon-cyan{color:var(--accent-orange);background:#ff6b3524;border:1px solid #ff6b3559}#agentes-ia-workflows .icon-blue{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f64d}#agentes-ia-workflows .icon-amber{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d}#agentes-ia-workflows .icon-purple{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}#agentes-ia-workflows .icon-green{color:#34d399;background:#10b98126;border:1px solid #10b9814d}#agentes-ia-workflows .wf-card-text{flex-direction:column;gap:2px;display:flex}#agentes-ia-workflows .wf-card-text h4{color:#fff;margin:0;font-size:.84rem;font-weight:700;line-height:1.25}#agentes-ia-workflows .wf-card-text p{color:var(--text-dim);margin:0;font-size:.68rem;line-height:1.25}#agentes-ia-workflows .wf-card-pin{z-index:6;background:#0e1626;border:2px solid #ff6b35;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 6px #ff6b35}#agentes-ia-workflows .pin-left{top:50%;left:-5px;transform:translateY(-50%)}#agentes-ia-workflows .pin-right{top:50%;right:-5px;transform:translateY(-50%)}#agentes-ia-workflows .pin-cyan{border-color:#ff6b35;box-shadow:0 0 6px #ff6b35}#agentes-ia-workflows .pin-blue{border-color:#60a5fa;box-shadow:0 0 6px #60a5fa}#agentes-ia-workflows .pin-amber{border-color:#fbbf24;box-shadow:0 0 6px #fbbf24}#agentes-ia-workflows .pin-core{border-color:#a855f7;box-shadow:0 0 8px #a855f7}#agentes-ia-workflows .pin-green{border-color:#10b981;box-shadow:0 0 6px #10b981}#agentes-ia-workflows .wf-node-plus{width:20px;height:20px;color:var(--text-dim);cursor:pointer;background:#0e1626;border:1px solid #ffffff40;border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}#agentes-ia-workflows .card-core-highlight{box-shadow:0 14px 40px #000000bf,0 0 30px #f9731633;border:1.5px solid #ff6b358c!important}#agentes-ia-workflows .core-card-header{font-family:var(--font-mono);background:#ff6b351f;border-bottom:1px solid #ff6b3540;border-radius:11px 11px 0 0;justify-content:space-between;align-items:center;padding:6px 14px;font-size:.65rem;display:flex}#agentes-ia-workflows .core-header-tag{color:#ffa07a;font-weight:700}#agentes-ia-workflows .core-header-mcp{color:var(--accent-orange)}#agentes-ia-workflows .core-card-content{padding:12px 14px}#agentes-ia-workflows .core-logo-badge{color:#ffedd5;background:linear-gradient(135deg,#ff6b354d 0%,#f59e0b40 100%);border:1px solid #ff6b3580;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}#agentes-ia-workflows .core-title-wrap{align-items:center;gap:8px;display:flex}#agentes-ia-workflows .core-brand-name{color:#fff;margin:0;font-size:.95rem;font-weight:700}#agentes-ia-workflows .core-pill-status{color:var(--accent-orange);font-family:var(--font-mono);background:#ff6b3526;border-radius:4px;padding:1px 6px;font-size:.58rem;font-weight:600}#agentes-ia-workflows .core-brand-desc{color:#94a3b8;margin:0;font-size:.72rem;line-height:1.3}#agentes-ia-workflows .core-subnodes-dock{background:#00000040;border-top:1px dashed #ffffff24;border-radius:0 0 11px 11px;justify-content:space-between;gap:8px;padding:10px 14px;display:flex}#agentes-ia-workflows .dock-item{align-items:center;gap:6px;display:flex}#agentes-ia-workflows .dock-icon{background:#0e1626;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}#agentes-ia-workflows .circle-ai{border-color:#ef444499}#agentes-ia-workflows .circle-db{border-color:#ff6b3599}#agentes-ia-workflows .circle-mcp{border-color:#a855f799}#agentes-ia-workflows .dock-label{flex-direction:column;line-height:1.1;display:flex}#agentes-ia-workflows .dock-label strong{color:#e2e8f0;font-size:.66rem}#agentes-ia-workflows .dock-label small{color:var(--text-dim);font-size:.58rem}#agentes-ia-workflows .card-router-highlight{border-color:#a855f759!important}#agentes-ia-workflows .router-branch-badges{flex-direction:column;gap:6px;padding:0 14px 12px;display:flex}#agentes-ia-workflows .branch-tag{font-family:var(--font-mono);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-size:.6rem;font-weight:700}#agentes-ia-workflows .branch-tag-ok{color:#34d399;background:#10b9811f;border:1px solid #10b98140}#agentes-ia-workflows .branch-tag-alert{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}#agentes-ia-workflows .card-output-ok{border-color:#10b98159!important}#agentes-ia-workflows .card-output-alert{border-color:#f59e0b59!important}#agentes-ia-workflows .workflow-bottom-bar{background:#0a0f22fa;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;font-size:.78rem;display:flex}#agentes-ia-workflows .bottom-metrics-item{color:var(--text-muted);font-family:var(--font-mono);align-items:center;gap:8px;display:flex}#agentes-ia-workflows .metric-dot{border-radius:50%;width:7px;height:7px}#agentes-ia-workflows .metric-val{color:#fff}#agentes-ia-workflows .bottom-cta-wrap{margin-left:auto}#agentes-ia-workflows .workflow-mobile-view{background-color:#060814;background-image:radial-gradient(#ffffff21 1.2px,#0000 1.2px);background-size:24px 24px;padding:24px 16px;display:none}#agentes-ia-workflows .mobile-stage-block{flex-direction:column;gap:12px;display:flex}#agentes-ia-workflows .mobile-stage-badge{font-family:var(--font-mono);color:var(--accent-orange);background:#ff6b3524;border:1px solid #ff6b3559;border-radius:6px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:.72rem;font-weight:700;display:inline-flex}#agentes-ia-workflows .badge-core-m{color:#c084fc;background:#a855f71f;border-color:#a855f74d}#agentes-ia-workflows .badge-ok-m{color:#34d399;background:#10b9811f;border-color:#10b9814d}#agentes-ia-workflows .mobile-cards-list{flex-direction:column;gap:10px;display:flex}#agentes-ia-workflows .mobile-vertical-connector{flex-direction:column;align-items:center;gap:6px;padding:16px 0;display:flex}#agentes-ia-workflows .v-wire-line{background:linear-gradient(180deg, var(--accent-orange), var(--accent-purple));border-radius:2px;width:2px;height:24px}#agentes-ia-workflows .v-wire-badge{font-family:var(--font-mono);color:var(--accent-orange);background:#0f172ae6;border:1px solid #ff6b3559;border-radius:12px;align-items:center;gap:6px;padding:2px 10px;font-size:.62rem;display:flex}#agentes-ia-workflows .v-wire-arrow{color:var(--accent-orange);font-size:1.1rem;font-weight:700;animation:1.5s infinite wfBounceDown}@keyframes wfBounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (width<=1024px){#agentes-ia-workflows .workflow-desktop-view{display:none!important}#agentes-ia-workflows .workflow-mobile-view{display:block!important}}@media (width<=768px){#agentes-ia-workflows .workflow-top-bar{flex-direction:column;align-items:flex-start}#agentes-ia-workflows .workflow-bottom-bar{flex-direction:column;align-items:flex-start;gap:10px}#agentes-ia-workflows .bottom-cta-wrap{width:100%;margin-left:0}#agentes-ia-workflows .bottom-cta-wrap .btn{text-align:center;width:100%}}
