[data-mockup-id=planificador-1-gantt-dependencias] .pg1-wrap{flex-direction:column;align-items:center;width:100%;display:flex}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--tm-muted-fg);align-self:flex-start;margin:0 0 14px 100px;font-size:11px;font-weight:600}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-card{width:960px;overflow:hidden}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-head{border-bottom:1px solid color-mix(in oklab, var(--tm-border) 40%, transparent);align-items:center;gap:8px;padding:13px 18px;display:flex}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-head-icon{width:17px;height:17px;color:var(--tm-blue-600);flex-shrink:0}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-head-title{font-size:14px;font-weight:600}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-head-suffix{color:var(--tm-muted-fg);font-size:12px}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-head-tools{align-items:center;gap:6px;margin-left:auto;display:flex}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-chip{border:1px solid color-mix(in oklab, var(--tm-border) 50%, transparent);background:var(--tm-card);height:28px;color:var(--tm-fg);border-radius:7px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-chip svg{width:13px;height:13px;color:var(--tm-muted-fg)}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-body{display:flex}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-tasks{border-right:1px solid color-mix(in oklab, var(--tm-border) 45%, transparent);flex-shrink:0;width:258px}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-tasks-head{text-transform:uppercase;letter-spacing:.05em;height:30px;color:var(--tm-muted-fg);background:color-mix(in oklab, var(--tm-muted) 45%, transparent);border-bottom:1px solid color-mix(in oklab, var(--tm-border) 40%, transparent);align-items:center;padding:0 14px;font-size:10.5px;font-weight:500;display:flex}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-task{border-bottom:1px solid color-mix(in oklab, var(--tm-border) 22%, transparent);align-items:center;gap:9px;height:70px;padding:0 14px;display:flex}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-task:last-child{border-bottom:none}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-task-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-task-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;overflow:hidden}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-task-name b{font-weight:600}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-task-dur{color:var(--tm-muted-fg);font-size:11.5px}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-chart{flex:1;min-width:0}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-weeks{background:color-mix(in oklab, var(--tm-muted) 45%, transparent);border-bottom:1px solid color-mix(in oklab, var(--tm-border) 40%, transparent);height:30px;display:flex}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-weeks span{width:175px;color:var(--tm-muted-fg);border-left:1px solid color-mix(in oklab, var(--tm-border) 45%, transparent);flex-shrink:0;justify-content:center;align-items:center;font-size:10.5px;display:flex}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-weeks span:first-child{border-left:none}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-grid{position:relative;overflow:hidden}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-gridlines{position:absolute;inset:0}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-gl{stroke:color-mix(in oklab, var(--tm-border) 30%, transparent);stroke-width:1px}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-gl.is-week{stroke:color-mix(in oklab, var(--tm-border) 80%, transparent)}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-gl.is-row{stroke:color-mix(in oklab, var(--tm-border) 22%, transparent)}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-arrow path{fill:none;stroke:#94a3b8;stroke-width:1.5px}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-arrow polygon{fill:#94a3b8}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-bar{color:#fff;z-index:1;border-radius:8px;align-items:center;gap:5px;height:36px;padding:0 8px;display:flex;position:absolute;overflow:hidden}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-bar-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:10.5px;font-weight:500;overflow:hidden}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-bar-avatars{flex-shrink:0;margin-right:-4px;display:flex}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-bar-avatars i{color:#fff;border:1.5px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:8.5px;font-style:normal;font-weight:600;display:flex}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-bar-out{height:36px;color:var(--tm-muted-fg);white-space:nowrap;z-index:1;align-items:center;font-size:11px;display:flex;position:absolute}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-ring{z-index:2;border:2px solid #ef4444;border-radius:11px;position:absolute}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-cycle{color:#dc2626;white-space:nowrap;z-index:2;background:#fff;border:1px solid #fca5a5;border-radius:999px;align-items:center;height:24px;padding:0 11px;font-size:11px;font-weight:500;display:flex;position:absolute}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-stats{gap:12px;width:960px;margin-top:14px;display:flex}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-stat{border:1px solid color-mix(in oklab, var(--tm-border) 45%, transparent);background:var(--tm-card);height:44px;color:var(--tm-muted-fg);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 14px;font-size:12px;display:flex}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-stat b{color:var(--tm-fg);font-weight:600}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-stat svg{width:15px;height:15px;color:var(--tm-muted-fg);flex-shrink:0}[data-mockup-id=planificador-1-gantt-dependencias] .pg1-stat svg.is-ok{color:var(--tm-emerald-600)}
