:root{--esgari-azul:#2a2f70;--esgari-rojo:#de271e;--esgari-negro:#111110;--esgari-blanco:#fff;--azul-900:#171a45;--azul-800:#20245a;--azul-700:#2a2f70;--azul-500:#494e9c;--azul-300:#8a8dc4;--azul-100:#e3e4f2;--azul-50:#f2f3f9;--verde:#1f9d57;--amarillo:#e8a417;--rojo:#de271e;--verde-bg:#e8f6ee;--amarillo-bg:#fdf3dd;--rojo-bg:#fbe6e5;--gris-900:#111110;--gris-700:#3d3d42;--gris-500:#71717a;--gris-300:#d4d4d8;--gris-200:#e7e7ea;--gris-100:#f4f4f5;--gris-50:#fafafa;--bg:#fafafa;--surface:#fff;--border:#e7e7ea;--font:"Helvetica Neue", Helvetica, Arial, sans-serif;--w-thin:300;--w-regular:400;--w-medium:500;--w-bold:700;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-full:999px;--shadow-sm:0 1px 2px #1111100a, 0 1px 3px #1111100f;--shadow-md:0 4px 12px #2a2f7014;--shadow-lg:0 10px 30px #2a2f701a;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-8:48px;--sp-10:64px}
:root{--sidebar-w:76px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--gris-900);font-family:var(--font);font-weight:var(--w-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4{font-weight:var(--w-bold);letter-spacing:-.02em;margin:0}.app-shell{min-height:100dvh;display:flex}.main{margin-left:var(--sidebar-w);flex:1;min-width:0}.page{max-width:1240px;padding:var(--sp-8) var(--sp-8) var(--sp-10);margin:0 auto}@media (max-width:720px){.main{margin-bottom:64px;margin-left:0}.page{padding:var(--sp-5) var(--sp-4) var(--sp-8)}}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.page-title{font-size:30px;font-weight:var(--w-bold);color:var(--gris-900)}.page-kicker{font-size:12px;font-weight:var(--w-bold);letter-spacing:2px;text-transform:uppercase;color:var(--gris-500);margin-bottom:6px}.page-sub{color:var(--gris-500);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--sp-5)}.card-hover{transition:box-shadow .18s,transform .18s,border-color .18s}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--azul-100);transform:translateY(-2px)}.section-title{font-size:13px;font-weight:var(--w-bold);letter-spacing:1.5px;text-transform:uppercase;color:var(--gris-500);margin-bottom:var(--sp-4)}.grid{gap:var(--sp-4);display:grid}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.big-num{font-size:52px;line-height:1;font-weight:var(--w-bold);color:var(--azul-700);letter-spacing:-.03em}.mega-num{font-size:72px;line-height:.95;font-weight:var(--w-bold);letter-spacing:-.04em}.pill{font-size:12px;font-weight:var(--w-medium);border-radius:var(--r-full);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.dot{border-radius:50%;flex:none;width:9px;height:9px}.bar-track{border-radius:var(--r-full);background:var(--gris-100);height:8px;overflow:hidden}.bar-fill{border-radius:var(--r-full);height:100%;transition:width .5s}.btn{border:1px solid var(--border);background:var(--surface);color:var(--gris-900);border-radius:var(--r-md);font-weight:var(--w-medium);align-items:center;gap:8px;padding:10px 18px;font-size:14px;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--azul-300)}.btn-primary{background:var(--azul-700);color:#fff;border-color:var(--azul-700)}.btn-primary:hover{background:var(--azul-800);border-color:var(--azul-800)}.field{margin-bottom:var(--sp-4);flex-direction:column;gap:6px;display:flex}.field label{font-size:13px;font-weight:var(--w-medium);color:var(--gris-700)}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--gris-900);outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--azul-500);box-shadow:0 0 0 3px var(--azul-50)}.field textarea{resize:vertical;min-height:90px}.field input[type=checkbox],.field input[type=radio]{width:auto;accent-color:var(--azul-500);flex:none;margin:0;padding:0}.muted{color:var(--gris-500)}.scroll-x{overflow-x:auto}.customer-flow{gap:var(--sp-4);display:grid}.customer-flow-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.customer-flow-intro{max-width:720px;color:var(--gris-500);margin:0;font-size:13px;line-height:1.55}.customer-flow-source{color:var(--azul-700);background:var(--azul-50);border-radius:var(--r-full);font-size:11px;font-weight:var(--w-bold);padding:6px 10px}.customer-flow-list{border:1px solid var(--gris-200);border-radius:var(--r-lg);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.customer-flow-step{background:var(--surface);border-left:1px solid var(--gris-200);min-height:330px;padding:18px;position:relative}.customer-flow-step:first-child{border-left:0}.customer-flow-step--complete{background:color-mix(in srgb, var(--verde) 5%, var(--surface))}.customer-flow-step--current{background:var(--azul-50);box-shadow:inset 0 4px 0 var(--azul-700)}.customer-flow-step-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;display:flex}.customer-flow-number{border-radius:var(--r-full);background:var(--gris-100);width:30px;height:30px;color:var(--gris-500);font-weight:var(--w-bold);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.customer-flow-step--complete .customer-flow-number{background:var(--verde);color:#fff}.customer-flow-step--current .customer-flow-number{background:var(--azul-700);color:#fff}.customer-flow-state{color:var(--gris-500);font-size:10px;font-weight:var(--w-bold);letter-spacing:.08em;text-transform:uppercase}.customer-flow-step--complete .customer-flow-state{color:var(--verde)}.customer-flow-step--current .customer-flow-state{color:var(--azul-700)}.customer-flow-step h3{color:var(--gris-900);margin:0 0 7px;font-size:16px}.customer-flow-purpose{color:var(--gris-500);min-height:35px;margin:0 0 14px;font-size:12px;line-height:1.45}.customer-flow-actions{counter-reset:flow-action;gap:0;margin:0;padding:0;list-style:none;display:grid}.customer-flow-actions li{counter-increment:flow-action;border-top:1px solid var(--gris-100);color:var(--gris-700);grid-template-columns:22px 1fr;gap:0 8px;padding:9px 0;font-size:12px;line-height:1.35;display:grid}.customer-flow-actions li:before{content:counter(flow-action);border-radius:var(--r-full);background:var(--gris-100);width:20px;height:20px;color:var(--gris-500);font-size:10px;font-weight:var(--w-bold);grid-row:1/span 2;justify-content:center;align-items:center;display:inline-flex}.customer-flow-actions small{color:var(--gris-500);margin-top:2px;font-size:10.5px}.customer-flow-loop{border-left:3px solid var(--azul-700);color:var(--gris-700);background:var(--gris-50);padding:8px 12px;font-size:12px;line-height:1.45}.project-execution-divider{height:1px;margin:var(--sp-5) 0;background:var(--gris-100)}.kickoff-evidence{border:1px solid var(--gris-200);border-radius:var(--r-md);background:var(--gris-50);margin-top:16px;padding:14px}.kickoff-evidence summary{cursor:pointer;color:var(--gris-900);font-size:13px;font-weight:var(--w-bold);justify-content:space-between;align-items:center;gap:10px;display:flex}.kickoff-evidence .pill{background:color-mix(in srgb, var(--verde) 12%, white);color:var(--verde)}.kickoff-evidence .pill-red{background:color-mix(in srgb, var(--rojo) 10%, white);color:var(--rojo)}.kickoff-minute-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.kickoff-minute-grid textarea{resize:vertical;width:100%;font:inherit;border:1px solid var(--gris-200);border-radius:var(--r-sm);background:var(--surface);color:var(--gris-900);padding:9px}.kickoff-check-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.kickoff-check-groups fieldset{border:1px solid var(--gris-200);border-radius:var(--r-sm);gap:8px;margin:0;padding:12px;display:grid}.kickoff-check-groups legend{color:var(--gris-700);font-size:12px;font-weight:var(--w-bold);padding:0 5px}.kickoff-check-groups label{color:var(--gris-700);align-items:center;gap:8px;font-size:12px;display:flex}.entregables{border:1px solid var(--gris-200);border-radius:var(--r-md);background:var(--surface);margin-top:16px;padding:14px}.entregables-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.entregables .pill{background:color-mix(in srgb, var(--verde) 12%, white);color:var(--verde)}.entregables .pill-red{background:color-mix(in srgb, var(--rojo) 10%, white);color:var(--rojo)}.entregables-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.entregables-area{border:1px solid var(--gris-200);border-radius:var(--r-sm);background:var(--gris-50);padding:12px}.entregables-area header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.entregables-area h4{color:var(--gris-900);font-size:13px;font-weight:var(--w-bold);margin:0}.entregables-count{font-size:11.5px;font-weight:var(--w-bold);color:var(--rojo)}.entregables-count--ok{color:var(--verde)}.entregables-area ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.entregables-area li{color:var(--gris-700);align-items:flex-start;gap:8px;font-size:12px;line-height:1.3;display:flex}.entregables-area li small{color:var(--gris-500);margin-top:1px;font-size:10.5px;display:block}.entregable-icon{height:18px;font-size:11px;font-weight:var(--w-bold);border:1.5px solid var(--gris-300);color:var(--gris-500);background:var(--surface);border-radius:50%;flex:0 0 18px;justify-content:center;align-items:center;display:inline-flex}.entregable--cumplido .entregable-icon{background:var(--verde);border-color:var(--verde);color:var(--surface)}.entregable--proceso .entregable-icon{border-color:var(--azul-700);color:var(--azul-700)}.entregable--bloqueado .entregable-icon{background:var(--rojo-bg);border-color:var(--rojo);color:var(--rojo)}.entregable--heredado .entregable-icon{border-color:var(--gris-500);color:var(--gris-700);background:var(--gris-100)}.respuesta-pill{font-size:10.5px;font-weight:var(--w-bold);border-radius:var(--r-full);margin-top:4px;padding:2px 8px;display:inline-block}.respuesta-pill--rojo{background:var(--rojo-bg);color:var(--rojo)}.respuesta-pill--amarillo{background:var(--amarillo-bg);color:var(--gris-900)}.respuesta-pill--verde{background:var(--verde-bg);color:var(--verde)}.respuesta-pill--gris{background:var(--gris-100);color:var(--gris-700)}.facturacion-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.facturacion-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:12px;display:grid}.facturacion-kpis>div{border:1px solid var(--gris-200);border-radius:var(--r-sm);background:var(--gris-50);gap:2px;padding:12px;display:grid}.facturacion-valor{font-size:22px;font-weight:var(--w-bold);color:var(--gris-900)}.facturacion-etiqueta{color:var(--gris-700);font-size:12px}.facturacion-kpis small{color:var(--gris-500);font-size:11px}.facturacion-reglas{color:var(--gris-700);background:var(--gris-50);border:1px solid var(--gris-200);border-radius:var(--r-sm);margin-bottom:10px;padding:8px 10px;font-size:12px}.facturacion .pill{background:var(--gris-100);color:var(--gris-700);font-size:11px}.facturacion .pill-volumen{background:var(--azul-50);color:var(--azul-700)}.facturacion-tramos{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:8px;display:grid}.facturacion-tramos>div{border:1px solid var(--gris-200);border-radius:var(--r-sm);color:var(--gris-700);justify-content:space-between;gap:6px;padding:8px 10px;font-size:12px;display:flex}.facturacion-proyectos{border-collapse:collapse;width:100%;font-size:12px}.facturacion-proyectos th,.facturacion-proyectos td{text-align:left;border-top:1px solid var(--gris-100);padding:6px 8px}.facturacion-proyectos th{color:var(--gris-500);font-weight:var(--w-bold)}.sow-plan{border:1px solid var(--gris-200);border-radius:var(--r-md);background:var(--gris-50);margin-top:14px;padding:14px}.sow-plan summary{cursor:pointer;color:var(--gris-900);font-size:13px;font-weight:var(--w-bold);justify-content:space-between;align-items:center;gap:10px;display:flex}.sow-plan .pill{background:color-mix(in srgb, var(--verde) 12%, white);color:var(--verde)}.sow-plan .pill-red{background:color-mix(in srgb, var(--rojo) 10%, white);color:var(--rojo)}.sow-plan-grid{grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr);gap:12px;margin:12px 0;display:grid}.sow-plan-grid label{gap:4px;font-size:12px;display:grid}.sow-plan-grid textarea{resize:vertical;width:100%;font:inherit;border:1px solid var(--gris-200);border-radius:var(--r-sm);background:var(--surface);color:var(--gris-900);padding:9px}.sow-plan-actions{grid-column:1/-1}@media (max-width:980px){.customer-flow-list{grid-template-columns:1fr}.customer-flow-step{border-left:0;border-top:1px solid var(--gris-200);min-height:0}.customer-flow-step:first-child{border-top:0}.customer-flow-purpose{min-height:0}.kickoff-minute-grid,.kickoff-check-groups,.sow-plan-grid{grid-template-columns:1fr}.sow-plan-actions{grid-column:auto}}
