:root{--surface:#f9f9ff;--surface-dim:#d3daea;--surface-container-lowest:#fff;--surface-container-low:#f0f3ff;--surface-container:#e7eefe;--surface-container-high:#e2e8f8;--surface-container-highest:#dce2f3;--on-surface:#151c27;--on-surface-variant:#45464d;--outline:#76777d;--outline-variant:#c6c6cd;--borde:#e2e8f0;--navy:#131b2e;--navy-suave:#3f465c;--on-navy:#7c839b;--primary:#000;--on-primary:#fff;--activo:#0058be;--activo-fuerte:#2170e4;--activo-suave:rgba(0,88,190,.1);--completado:#009668;--completado-suave:rgba(0,150,104,.1);--atencion:#b45309;--atencion-suave:rgba(180,83,9,.1);--riesgo:#ba1a1a;--riesgo-suave:rgba(186,26,26,.1);--neutro:#76777d;--neutro-suave:hsla(231,3%,48%,.1);--r-sm:0.25rem;--r:0.5rem;--r-md:0.75rem;--r-lg:1rem;--r-xl:1.5rem;--r-full:9999px;--sombra:0 4px 20px rgba(15,23,42,.05);--sombra-alta:0 12px 32px rgba(15,23,42,.08);--gutter:24px;--margen:40px;--max:1440px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:#f8fafc;color:var(--on-surface);font-size:16px;line-height:24px}.t-display{font-size:48px;font-weight:700;line-height:56px;letter-spacing:-.02em}.t-h1{font-size:32px;line-height:40px;letter-spacing:-.01em}.t-h1,.t-h2{font-weight:600}.t-h2{font-size:24px;line-height:32px}.t-body-lg{font-size:18px;line-height:28px}.t-body{font-size:16px;line-height:24px}.t-label{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.01em}.t-label-sm{font-size:12px;font-weight:600;line-height:16px;letter-spacing:.06em;text-transform:uppercase}.suave{color:var(--on-surface-variant)}.tenue{color:var(--outline)}.mono{font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.lateral{background:var(--navy);color:#fff;padding:28px 16px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.marca{padding:0 12px 28px}.marca .nombre{font-size:20px;font-weight:700;letter-spacing:.14em}.marca .claim{font-size:11px;color:var(--on-navy);letter-spacing:.06em;margin-top:4px}.marca .instancia{margin-top:18px;padding:8px 12px;background:hsla(0,0%,100%,.06);border-radius:var(--r);font-size:12px;color:#cbd5e1}.marca .instancia strong{display:block;color:#fff;font-size:13px;font-weight:600}.nav{flex-direction:column;gap:2px}.nav,.nav a{display:flex}.nav a{align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r);color:#b9c2d4;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit}.nav a:hover{background:hsla(0,0%,100%,.06);color:#fff}.nav a.on{background:var(--activo-fuerte);color:#fff}.nav .ico{width:18px;height:18px;flex:0 0 18px}.pie-lateral{margin-top:auto;padding:16px 12px 0;border-top:1px solid hsla(0,0%,100%,.08)}.pie-lateral .rol-sel{width:100%;background:hsla(0,0%,100%,.06);color:#fff;border:1px solid hsla(0,0%,100%,.12);border-radius:var(--r);padding:9px 10px;font-family:inherit;font-size:13px}.pie-lateral .version{font-size:11px;color:var(--on-navy);margin-top:12px}.principal{padding:32px var(--margen) 64px;max-width:var(--max);width:100%}.tarjeta{background:#fff;border-radius:var(--r-xl);box-shadow:var(--sombra);padding:24px}.tarjeta.compacta{padding:20px}.tarjeta-cab{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.rejilla{display:grid;grid-gap:var(--gutter);gap:var(--gutter)}.r-2{grid-template-columns:repeat(2,minmax(0,1fr))}.r-3{grid-template-columns:repeat(3,minmax(0,1fr))}.r-4{grid-template-columns:repeat(4,minmax(0,1fr))}.r-exp{grid-template-columns:minmax(0,1fr) 380px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-full);font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.chip .punto{width:6px;height:6px;border-radius:50%;background:currentColor}.chip-activo{background:var(--activo-suave);color:var(--activo)}.chip-completado{background:var(--completado-suave);color:var(--completado)}.chip-atencion{background:var(--atencion-suave);color:var(--atencion)}.chip-riesgo{background:var(--riesgo-suave);color:var(--riesgo)}.chip-neutro{background:var(--neutro-suave);color:var(--neutro)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border-radius:var(--r);font-family:inherit;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:background .15s,box-shadow .15s}.btn-primario{background:var(--navy);color:#fff}.btn-primario:hover{background:#24304d}.btn-primario:disabled{background:var(--surface-container-highest);color:var(--outline);cursor:not-allowed}.btn-secundario{background:#fff;color:var(--on-surface);border:1px solid var(--borde)}.btn-secundario:hover{background:var(--surface-container-low)}.btn-sm{padding:7px 14px;font-size:13px}.puerta{border:1px solid var(--borde);border-radius:var(--r-lg);overflow:hidden}.puerta-cab{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--surface-container-low)}.puerta-cab h4{font-size:15px;font-weight:600}.puerta-cab .sub{font-size:12px;color:var(--on-surface-variant);margin-top:2px}.condiciones{list-style:none}.condicion{display:flex;align-items:flex-start;gap:12px;padding:13px 20px;border-top:1px solid var(--borde)}.condicion .marca-est{flex:0 0 18px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;margin-top:2px}.condicion .cuerpo{flex:1 1;min-width:0}.condicion .txt{font-size:14px;line-height:20px}.condicion .meta{font-size:12px;color:var(--outline);margin-top:3px;display:flex;gap:10px;flex-wrap:wrap}.cumple .marca-est{background:var(--completado-suave);color:var(--completado)}.falla .marca-est{background:var(--riesgo-suave);color:var(--riesgo)}.espera .marca-est{background:var(--atencion-suave);color:var(--atencion)}.falla .txt{font-weight:500}.linea{display:flex;align-items:stretch;gap:4px;overflow-x:auto;padding-bottom:4px}.paso{flex:1 1;min-width:96px;border-radius:var(--r-md);padding:12px 12px 14px;background:var(--surface-container-low);border:1px solid transparent}.paso .cod{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--outline)}.paso .nom{font-size:12.5px;line-height:17px;margin-top:4px;color:var(--on-surface-variant)}.paso.hecho{background:var(--completado-suave)}.paso.hecho .cod,.paso.hecho .nom{color:var(--completado)}.paso.hecho .nom{font-weight:500}.paso.actual{background:var(--navy);border-color:var(--navy)}.paso.actual .cod{color:#8fb4f5}.paso.actual .nom{color:#fff;font-weight:600}.paso.bloqueado{background:var(--riesgo-suave);border-color:rgba(186,26,26,.2)}.paso.bloqueado .cod,.paso.bloqueado .nom{color:var(--riesgo)}.paso.futuro{opacity:.55}.lista{list-style:none}.fila{display:grid;align-items:center;grid-gap:16px;gap:16px;padding:14px 0;border-bottom:1px solid var(--borde);cursor:pointer}.fila:last-child{border-bottom:none}.fila:hover .codigo{color:var(--activo)}.fila-exp{grid-template-columns:108px minmax(0,1fr) 150px 132px 108px}.codigo{font-weight:600}.codigo,.fila .cliente{font-size:14px}.fila .sub{font-size:12px;color:var(--outline);margin-top:2px}.dinero{text-align:right;font-weight:600;font-size:14px}.metrica .val{font-size:32px;font-weight:700;line-height:40px;letter-spacing:-.01em}.metrica .et{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--outline);margin-bottom:6px}.metrica .nota{font-size:12.5px;color:var(--on-surface-variant);margin-top:6px}.val-riesgo{color:var(--riesgo)}.val-ok{color:var(--completado)}.traza{list-style:none;position:relative;padding-left:22px}.traza:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--borde)}.traza li{position:relative;padding:0 0 18px}.traza li:last-child{padding-bottom:0}.traza li:before{content:"";position:absolute;left:-21px;top:5px;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--outline-variant)}.traza li.hito:before{border-color:var(--activo);background:var(--activo)}.traza li.bloqueo:before{border-color:var(--riesgo);background:var(--riesgo)}.traza .ev{font-size:13.5px;font-weight:500;line-height:19px}.traza .ev-meta{font-size:12px;color:var(--outline);margin-top:3px}.origen{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.02em}.origen-aprobado{color:var(--completado)}.origen-propuesto{color:var(--atencion)}.origen-pendiente{color:var(--riesgo)}.stack{display:flex;flex-direction:column}.g4{gap:4px}.g8{gap:8px}.g12{gap:12px}.g16{gap:16px}.g24{gap:24px}.fila-h{display:flex;align-items:center}.entre{justify-content:space-between}.wrap{flex-wrap:wrap}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.mt24{margin-top:24px}.oculto{display:none!important}.barra{height:6px;background:var(--surface-container-highest);overflow:hidden}.barra,.barra>i{border-radius:var(--r-full)}.barra>i{display:block;height:100%;background:var(--completado)}.aviso{border-radius:var(--r-lg);padding:14px 18px;font-size:13.5px;line-height:20px;background:var(--atencion-suave);color:#7c3a06}.aviso strong{color:var(--atencion)}@media (max-width:1180px){.r-exp{grid-template-columns:minmax(0,1fr)}.r-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.app{grid-template-columns:1fr}.lateral{position:static;height:auto}.principal{padding:24px 16px 48px}.r-2,.r-3{grid-template-columns:minmax(0,1fr)}.fila-exp{grid-template-columns:1fr;gap:6px}}