[data-mockup-id=planificador-2-ia-tarjetas] .pl2-layout{justify-content:center;align-items:flex-start;gap:18px;width:100%;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-col{flex-direction:column;flex-shrink:0;width:470px;min-width:0;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-col-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--tm-muted-fg);margin:0 2px 14px;font-size:11px;font-weight:600}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-arrow{flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-arrow-circle{border:1px solid color-mix(in oklab, var(--tm-border) 55%, transparent);background:var(--tm-card);width:34px;height:34px;color:var(--tm-muted-fg);border-radius:50%;justify-content:center;align-items:center;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-arrow-circle svg{width:16px;height:16px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-card-head{align-items:center;gap:8px;padding:15px 20px;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-head-icon{width:17px;height:17px;color:var(--tm-blue-600);flex-shrink:0}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-head-title{font-size:14px;font-weight:600}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-head-suffix{color:var(--tm-muted-fg);font-size:12px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-head-chip{background:var(--tm-amber-50);color:#b45309;white-space:nowrap;border:1px solid #fcd34d;border-radius:999px;margin-left:2px;padding:2px 9px;font-size:11px;font-weight:500}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-head-add{border:1px solid color-mix(in oklab, var(--tm-border) 50%, transparent);width:28px;height:28px;color:var(--tm-muted-fg);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-head-add svg{width:14px;height:14px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-fase{background:color-mix(in oklab, var(--tm-muted) 30%, transparent);border-top:1px solid color-mix(in oklab, var(--tm-border) 30%, transparent);color:var(--tm-muted-fg);padding:7px 20px;font-size:11.5px;font-weight:500}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-tarea{border-top:1px solid color-mix(in oklab, var(--tm-border) 30%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-tarea.is-alert{background:var(--tm-amber-50);padding-top:13px;padding-bottom:13px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-tarea-info{flex-direction:column;gap:3px;min-width:0;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-tarea-nombre{color:var(--tm-fg);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-tarea-sub{color:#b45309;opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-dur-chip{border:1px solid color-mix(in oklab, var(--tm-border) 60%, transparent);background:var(--tm-card);color:var(--tm-fg);white-space:nowrap;border-radius:6px;flex-shrink:0;padding:3px 9px;font-size:12px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-dur-chip.is-alert{color:#b45309;border-color:#fcd34d;font-weight:500}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-card-foot{border-top:1px solid color-mix(in oklab, var(--tm-border) 30%, transparent);background:color-mix(in oklab, var(--tm-muted) 30%, transparent);color:var(--tm-muted-fg);align-items:center;gap:7px;padding:13px 20px;font-size:11.5px;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-card-foot svg{flex-shrink:0;width:13px;height:13px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-rango-body{border-top:1px solid color-mix(in oklab, var(--tm-border) 30%, transparent);padding:18px 20px 20px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-fechas{gap:12px;margin-bottom:20px;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-fecha{border:1px solid color-mix(in oklab, var(--tm-border) 50%, transparent);background:var(--tm-card);border-radius:8px;flex:1;min-width:0;padding:10px 14px 11px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-fecha.is-fin{text-align:right}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-fecha-label{text-transform:uppercase;letter-spacing:.06em;color:var(--tm-muted-fg);font-size:10px;font-weight:600;display:block}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-fecha-valor{white-space:nowrap;margin-top:3px;font-size:16px;font-weight:600;display:block}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-slider{height:27px;margin:0 2px;position:relative}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-slider-track{background:var(--tm-muted);border-radius:999px;height:7px;position:absolute;top:10px;left:0;right:0}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-slider-range{background:var(--tm-emerald-600);border-radius:999px;width:84%;height:7px;position:absolute;top:10px;left:4%}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-slider-entrega{background:var(--tm-amber-500);border-radius:2px;width:3px;height:29px;margin-left:-1.5px;position:absolute;top:-1px;left:88%}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-slider-handle{background:var(--tm-card);border:1px solid color-mix(in oklab, var(--tm-border) 90%, var(--tm-muted-fg));border-radius:7px;justify-content:center;align-items:center;gap:2px;width:14px;height:23px;margin-left:-7px;display:flex;position:absolute;top:2px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-slider-handle i{background:color-mix(in oklab, var(--tm-muted-fg) 60%, transparent);border-radius:1px;width:1.5px;height:9px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-slider-meses{color:var(--tm-muted-fg);justify-content:space-between;margin:7px 0 18px;padding:0 2px;font-size:10.5px;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-chips{align-items:center;gap:8px;margin-bottom:18px;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-chip{border:1px solid color-mix(in oklab, var(--tm-border) 40%, transparent);background:color-mix(in oklab, var(--tm-muted) 30%, transparent);color:var(--tm-fg);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-chip.is-natural{color:var(--tm-emerald-600);border-color:color-mix(in oklab, var(--tm-emerald-600) 30%, transparent);background:color-mix(in oklab, var(--tm-emerald-600) 6%, transparent)}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-natural{color:var(--tm-muted-fg);white-space:nowrap;margin-left:auto;font-size:11px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-crear-btn{background:var(--tm-fg);width:100%;height:44px;color:var(--tm-bg);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-crear-btn svg{width:15px;height:15px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-origen{border:1px solid color-mix(in oklab, var(--tm-border) 40%, transparent);background:color-mix(in oklab, var(--tm-muted) 30%, transparent);border-radius:8px;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-origen-icon{border:1px solid color-mix(in oklab, var(--tm-border) 50%, transparent);background:var(--tm-card);width:36px;height:36px;color:var(--tm-muted-fg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-origen-icon svg{width:16px;height:16px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-origen-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-origen-row{align-items:center;gap:8px;display:flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-origen-label{text-transform:uppercase;letter-spacing:.06em;color:var(--tm-muted-fg);font-size:10px;font-weight:600}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-origen-badge{border:1px solid color-mix(in oklab, var(--tm-primary) 25%, transparent);background:color-mix(in oklab, var(--tm-primary) 8%, transparent);color:var(--tm-primary);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:2px 9px;font-size:10.5px;font-weight:500;display:inline-flex}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-origen-badge svg{width:11px;height:11px}[data-mockup-id=planificador-2-ia-tarjetas] .pl2-origen-nombre{color:var(--tm-fg);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}[data-mockup-id=planificador-3-exportacion] .pg3-layout{justify-content:center;align-items:flex-start;gap:18px;width:100%;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-col{flex-direction:column;flex-shrink:0;min-width:0;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-col.is-options{width:400px}[data-mockup-id=planificador-3-exportacion] .pg3-col.is-doc{width:524px}[data-mockup-id=planificador-3-exportacion] .pg3-col-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--tm-muted-fg);margin:0 2px 14px;font-size:11px;font-weight:600}[data-mockup-id=planificador-3-exportacion] .pg3-arrow{flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-arrow-circle{border:1px solid color-mix(in oklab, var(--tm-border) 55%, transparent);background:var(--tm-card);width:34px;height:34px;color:var(--tm-muted-fg);border-radius:50%;justify-content:center;align-items:center;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-arrow-circle svg{width:16px;height:16px}[data-mockup-id=planificador-3-exportacion] .pg3-card-head{border-bottom:1px solid color-mix(in oklab, var(--tm-border) 40%, transparent);align-items:center;gap:8px;padding:13px 16px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-head-icon{width:17px;height:17px;color:var(--tm-blue-600);flex-shrink:0}[data-mockup-id=planificador-3-exportacion] .pg3-head-title{flex:1;font-size:14px;font-weight:600}[data-mockup-id=planificador-3-exportacion] .pg3-btn-primary{background:var(--tm-primary);color:#fff;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}[data-mockup-id=planificador-3-exportacion] .pg3-btn-primary svg{width:13px;height:13px}[data-mockup-id=planificador-3-exportacion] .pg3-options{flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-format-tabs{background:color-mix(in oklab, var(--tm-muted) 70%, transparent);border-radius:9px;padding:3px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-format-tabs span{height:28px;color:var(--tm-muted-fg);border-radius:7px;flex:1;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-format-tabs .is-active{background:var(--tm-card);border:1px solid color-mix(in oklab, var(--tm-border) 50%, transparent);color:var(--tm-fg)}[data-mockup-id=planificador-3-exportacion] .pg3-section{align-items:center;gap:7px;margin-top:4px;font-size:12px;font-weight:600;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-section svg{width:14px;height:14px;color:var(--tm-muted-fg)}[data-mockup-id=planificador-3-exportacion] .pg3-field{flex-direction:column;gap:5px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-field-label{color:var(--tm-muted-fg);font-size:11px;font-weight:500}[data-mockup-id=planificador-3-exportacion] .pg3-input{border:1px solid color-mix(in oklab, var(--tm-border) 55%, transparent);background:var(--tm-card);border-radius:8px;align-items:center;height:32px;padding:0 11px;font-size:12.5px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-rows-card{border:1px solid color-mix(in oklab, var(--tm-border) 45%, transparent);border-radius:9px;overflow:hidden}[data-mockup-id=planificador-3-exportacion] .pg3-opt-row{justify-content:space-between;align-items:center;gap:10px;min-height:36px;padding:5px 12px;font-size:12.5px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-opt-row+.pg3-opt-row{border-top:1px solid color-mix(in oklab, var(--tm-border) 30%, transparent)}[data-mockup-id=planificador-3-exportacion] .pg3-opt-value{color:var(--tm-muted-fg);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}[data-mockup-id=planificador-3-exportacion] .pg3-opt-value svg{width:13px;height:13px}[data-mockup-id=planificador-3-exportacion] .pg3-opt-desc{color:var(--tm-muted-fg);max-width:250px;margin-top:1px;font-size:11px;display:block}[data-mockup-id=planificador-3-exportacion] .pg3-switch{background:color-mix(in oklab, var(--tm-muted-fg) 35%, transparent);border-radius:999px;flex-shrink:0;width:30px;height:18px;position:relative}[data-mockup-id=planificador-3-exportacion] .pg3-switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:2px}[data-mockup-id=planificador-3-exportacion] .pg3-switch.is-on{background:var(--tm-primary)}[data-mockup-id=planificador-3-exportacion] .pg3-switch.is-on:after{left:auto;right:2px}[data-mockup-id=planificador-3-exportacion] .pg3-density{background:var(--tm-amber-50);color:#92400e;border:1px solid #fcd34d;border-radius:9px;gap:8px;padding:10px 12px;font-size:11.5px;line-height:1.45;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-density svg{color:#d97706;flex-shrink:0;width:14px;height:14px;margin-top:1px}[data-mockup-id=planificador-3-exportacion] .pg3-page{border:1px solid color-mix(in oklab, var(--tm-border) 60%, transparent);background:#fff;border-radius:3px;flex-direction:column;width:524px;padding:14px 16px 12px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-page-head{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-page-title{color:#111827;font-size:13.5px;font-weight:700}[data-mockup-id=planificador-3-exportacion] .pg3-page-sub{color:#6b7280;font-size:8.5px}[data-mockup-id=planificador-3-exportacion] .pg3-mini{border:1px solid #e5e7eb}[data-mockup-id=planificador-3-exportacion] .pg3-mini-head{background:#f3f4f6;border-bottom:1px solid #e5e7eb;height:16px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-mini-corner{color:#6b7280;border-right:1px solid #e5e7eb;flex-shrink:0;align-items:center;width:130px;padding:0 7px;font-size:7.5px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-mini-months{flex:1;position:relative}[data-mockup-id=planificador-3-exportacion] .pg3-mini-months span{color:#6b7280;font-size:7.5px;position:absolute;top:50%;transform:translateY(-50%)}[data-mockup-id=planificador-3-exportacion] .pg3-mini-body{display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-mini-names{border-right:1px solid #e5e7eb;flex-shrink:0;width:130px}[data-mockup-id=planificador-3-exportacion] .pg3-mini-name{color:#374151;white-space:nowrap;align-items:center;gap:3px;height:40px;padding:0 7px;font-size:8px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-mini-name+.pg3-mini-name{border-top:1px solid #f3f4f6}[data-mockup-id=planificador-3-exportacion] .pg3-mini-name span{color:#9ca3af}[data-mockup-id=planificador-3-exportacion] .pg3-mini-chart{position:relative}[data-mockup-id=planificador-3-exportacion] .pg3-mini-chart svg{display:block}[data-mockup-id=planificador-3-exportacion] .pg3-mini-grid{stroke:#f3f4f6;stroke-width:1px}[data-mockup-id=planificador-3-exportacion] .pg3-mini-grid.is-major{stroke:#e5e7eb}[data-mockup-id=planificador-3-exportacion] .pg3-mini-bar{fill:#f3f4f6;stroke:#d1d5db;stroke-width:1px}[data-mockup-id=planificador-3-exportacion] .pg3-mini-bar.is-crit{fill:#fef2f2;stroke:#ef4444;stroke-width:1.25px}[data-mockup-id=planificador-3-exportacion] .pg3-mini-arrow{fill:none;stroke:#ef4444;stroke-width:1.25px}[data-mockup-id=planificador-3-exportacion] .pg3-mini-arrowhead{fill:#ef4444}[data-mockup-id=planificador-3-exportacion] .pg3-mini-hoy{stroke:#ef4444;stroke-width:1px;stroke-dasharray:3 3}[data-mockup-id=planificador-3-exportacion] .pg3-mini-hoylabel{fill:#ef4444;font-size:7px;font-weight:600}[data-mockup-id=planificador-3-exportacion] .pg3-mini-hito{fill:var(--tm-primary)}[data-mockup-id=planificador-3-exportacion] .pg3-legend{color:#4b5563;gap:12px;padding-top:9px;font-size:8px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-legend span{align-items:center;gap:4px;display:inline-flex}[data-mockup-id=planificador-3-exportacion] .pg3-legend i{display:inline-block}[data-mockup-id=planificador-3-exportacion] .pg3-legend .l-crit{background:#fef2f2;border:1px solid #ef4444;border-radius:2px;width:12px;height:7px}[data-mockup-id=planificador-3-exportacion] .pg3-legend .l-dep{background:#ef4444;width:12px;height:2px}[data-mockup-id=planificador-3-exportacion] .pg3-legend .l-hoy{background:#ef4444;width:2px;height:9px}[data-mockup-id=planificador-3-exportacion] .pg3-legend .l-hito{background:var(--tm-primary);width:7px;height:7px;transform:rotate(45deg)}[data-mockup-id=planificador-3-exportacion] .pg3-file{border:1px solid color-mix(in oklab, var(--tm-border) 45%, transparent);background:var(--tm-card);border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:9px 12px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-file-icon{color:#dc2626;background:#fef2f2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-file-icon svg{width:15px;height:15px}[data-mockup-id=planificador-3-exportacion] .pg3-file-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-file-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}[data-mockup-id=planificador-3-exportacion] .pg3-file-meta{color:var(--tm-muted-fg);font-size:11px}[data-mockup-id=planificador-3-exportacion] .pg3-file-dl{border:1px solid color-mix(in oklab, var(--tm-border) 50%, transparent);width:30px;height:30px;color:var(--tm-muted-fg);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-mockup-id=planificador-3-exportacion] .pg3-file-dl svg{width:14px;height:14px}