:root{font-size:clamp(15px,.95vw,26px);color-scheme:light;--page: #f9f9f7;--surface: #fcfcfb;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--gridline: #e1e0d9;--baseline: #c3c2b7;--border: rgba(11, 11, 11, .1);--marca: #00a8a9;--marca-fuerte: #007e7f;--negro-marca: #030304;--serie-1: #2a78d6;--serie-3: #1baf7a;--serie-otros: #898781;--warning: #fab219;--critical: #d03b3b;--radio: .7rem;--fuente: system-ui, -apple-system, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--page: #08080a;--surface: #17181a;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--gridline: #2c2c2a;--baseline: #383835;--border: rgba(255, 255, 255, .1);--marca: #17c0c1;--marca-fuerte: #00a8a9;--serie-1: #3987e5;--serie-3: #199e70}}:root[data-theme=dark]{color-scheme:dark;--page: #0d0d0d;--surface: #1a1a19;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--gridline: #2c2c2a;--baseline: #383835;--border: rgba(255, 255, 255, .1);--serie-1: #3987e5;--serie-3: #199e70}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:var(--page);color:var(--text-primary);font-family:var(--fuente);font-size:.8rem;line-height:1.45}.pantalla{height:100vh;display:flex;flex-direction:column;gap:.7rem;padding:.8rem 1rem 1rem}.barra-titulo{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;flex:none}.marca{display:flex;align-items:center;gap:.85rem}.logo{height:2.1rem;width:auto;flex:none}.logo-oscuro{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-claro{display:none}:root:not([data-theme=light]) .logo-oscuro{display:block}}:root[data-theme=dark] .logo-claro{display:none}:root[data-theme=dark] .logo-oscuro{display:block}.marca-texto{border-left:2px solid var(--marca);padding-left:.85rem}.marca h1{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1.1}.marca .bajada{color:var(--text-secondary);font-size:.72rem}.kpis{display:flex;gap:1.6rem;align-items:flex-end}.kpi{display:flex;flex-direction:column;line-height:1.05}.kpi-valor{font-size:2.1rem;font-weight:600;letter-spacing:-.02em}.kpi-sufijo{font-size:1.2rem;font-weight:500;color:var(--text-muted)}.kpi-etiqueta{font-size:.62rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem}.kpi.alerta .kpi-valor{color:var(--critical)}.kpi-valor.tenue{color:var(--text-muted)}.chip-filtro{align-self:center;background:var(--marca);color:var(--negro-marca);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .6rem;border-radius:1rem;white-space:nowrap}.titulo-filtro{color:var(--marca-fuerte);margin-left:.45rem;font-weight:700}.controles{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.fila-controles{display:flex;align-items:center;gap:.4rem}.selector{display:flex;border:1px solid var(--border);border-radius:.45rem;overflow:hidden;background:var(--surface)}.selector button{font:inherit;font-size:.68rem;padding:.3rem .7rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.selector button+button{border-left:1px solid var(--border)}.selector button:hover{color:var(--text-primary)}.selector button.activo{background:var(--marca);color:var(--negro-marca);font-weight:600}.selector-tema button{padding:.25rem .6rem;font-size:.64rem}.interruptor{display:flex;align-items:center;gap:.35rem;font-size:.68rem;color:var(--text-secondary);border:1px solid var(--border);border-radius:.45rem;background:var(--surface);padding:.28rem .65rem;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.interruptor:hover{color:var(--text-primary)}.interruptor input{accent-color:var(--marca);width:.85rem;height:.85rem;margin:0;cursor:pointer}.boton-actualizar{font:inherit;font-size:.68rem;padding:.3rem .8rem;border:1px solid var(--border);border-radius:.45rem;background:var(--surface);color:var(--text-primary);cursor:pointer;white-space:nowrap}.boton-actualizar:hover:not(:disabled){border-color:var(--baseline)}.boton-actualizar:disabled{opacity:.6;cursor:default}.sello{display:flex;flex-direction:column;align-items:flex-end;font-size:.66rem;color:var(--text-secondary);line-height:1.3}.sello-tenue{color:var(--text-muted);font-size:.62rem}.sello-error{color:var(--critical);font-weight:600}.franja-aviso{flex:none;border-left:3px solid var(--warning);background:var(--surface);border-radius:.35rem;padding:.45rem .8rem;font-size:.72rem;color:var(--text-secondary)}.franja-aviso.error{border-left-color:var(--critical)}.tarjeta{background:var(--surface);border:1px solid var(--border);border-radius:var(--radio);padding:.75rem .9rem;min-height:0;display:flex;flex-direction:column}.tarjeta h2{margin:0;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.tarjeta-encabezado{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem;margin-bottom:.6rem;flex:none}.tarjeta-nota{font-size:.62rem;color:var(--text-muted)}.leyenda{display:flex;gap:.8rem;font-size:.66rem;color:var(--text-secondary)}.leyenda span{display:flex;align-items:center;gap:.3rem}.punto{width:.5rem;height:.5rem;border-radius:.12rem;flex:none;display:inline-block}.punto.serie-1{background:var(--serie-1)}.punto.serie-3{background:var(--serie-3)}.punto.serie-otros{background:var(--serie-otros)}.vacio{color:var(--text-muted);font-size:.72rem;text-align:center;margin:auto 0}.fila-resumen{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.donut-bloque{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;flex:1;min-height:0}.donut-grafico{flex:none;display:flex;justify-content:center;width:100%}.donut-grafico svg{width:min(100%,16rem);height:auto}.arco.serie-1{stroke:var(--serie-1)}.arco.serie-3{stroke:var(--serie-3)}.arco.serie-otros{stroke:var(--serie-otros)}.donut-numero{fill:var(--text-primary);font-size:2rem;font-weight:600;font-family:var(--fuente)}.donut-pie{fill:var(--text-secondary);font-size:.62rem;font-family:var(--fuente);text-transform:uppercase;letter-spacing:.08em}.donut-leyenda{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;min-width:0}.leyenda-fila{display:flex;align-items:baseline;gap:.45rem;font-size:1rem}.donut-leyenda .etiqueta{color:var(--text-secondary)}.donut-leyenda .cifra{font-weight:600;font-size:1.3rem;font-variant-numeric:tabular-nums;margin-left:auto}.donut-leyenda .porcentaje{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem;min-width:2.6rem;text-align:right}.leyenda-fila{width:100%}.leyenda-detalle{font-size:.72rem;color:var(--text-muted);padding-left:.95rem}.barras{display:flex;flex-direction:column;gap:.45rem;flex:1;justify-content:space-evenly;min-height:0}.fila-barra{display:grid;grid-template-columns:8.6rem minmax(0,1fr) 1.6rem;align-items:center;gap:.5rem}.fila-barra .nombre{font-size:.88rem;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fila-barra .nombre.sin-clasificar{color:var(--text-muted);font-style:italic}.pista{border-left:1px solid var(--baseline);padding-left:1px;height:1.15rem}.barra{display:flex;gap:2px;height:100%}.segmento{min-width:3px;display:flex;align-items:center;justify-content:flex-end;padding-right:.25rem;font-size:.6rem;font-weight:600;color:#fff;overflow:hidden}.segmento.serie-1{background:var(--serie-1)}.segmento.serie-3{background:var(--serie-3)}.segmento.serie-otros{background:var(--serie-otros)}.barra .segmento:last-child{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.fila-barra .total{font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-secondary);text-align:right}.feed{list-style:none;margin:0;padding:0;flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 1.2rem),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 1.2rem),transparent)}.feed li{padding:.3rem 0;border-bottom:1px solid var(--gridline)}.feed-linea{display:flex;align-items:center;gap:.35rem;font-size:.62rem}.feed-clave{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-weight:600}.feed-cuando{margin-left:auto;color:var(--text-muted)}.feed-titulo{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-meta{font-size:.6rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zona-detalle{flex:none;height:clamp(190px,27vh,360px)}.cards-bloque{flex:1;min-height:0;display:flex;flex-direction:column;gap:.6rem}.cards{flex:1;min-height:0;display:grid;gap:.7rem}.card{border:1px solid var(--border);border-radius:var(--radio);padding:.8rem .9rem;display:flex;flex-direction:column;gap:.45rem;min-height:0;animation:aparecer .45s ease both}.card:nth-child(2){animation-delay:.07s}.card:nth-child(3){animation-delay:.14s}.card:nth-child(4){animation-delay:.21s}@keyframes aparecer{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.card{animation:none}}.card-fantasma{border-color:transparent;animation:none}.card-encabezado{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:none}.card-clave{font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-muted)}.card-estado{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .5rem;border-radius:.9rem;color:#fff;white-space:nowrap}.card-estado.serie-1{background:var(--serie-1)}.card-estado.serie-3{background:var(--serie-3)}.card-titulo{margin:0;font-size:.98rem;font-weight:600;line-height:1.25;letter-spacing:-.01em;flex:1;min-height:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-pie{flex:none;display:flex;flex-direction:column;gap:.5rem}.card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:.7rem}.card-area{font-weight:600;color:var(--text-primary)}.card-backlog{color:var(--text-muted);font-size:.66rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-avance-encabezado{display:flex;justify-content:space-between;font-size:.62rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.card-avance-cifra{font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0;font-weight:600;color:var(--text-primary)}.card-avance.sin-tareas{font-size:.66rem;color:var(--text-muted);font-style:italic}.progreso-pista{height:.4rem;border-radius:.2rem;background:var(--gridline);overflow:hidden}.progreso-relleno{height:100%;border-radius:.2rem;background:var(--marca);transition:width .4s ease}.cards-paginador{flex:none;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.cards-rango{font-size:.66rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.cards-puntos{display:flex;gap:.28rem}.cards-punto{width:.34rem;height:.34rem;border-radius:50%;background:var(--gridline);transition:background .3s ease}.cards-punto.activo{background:var(--marca)}.area-bloque{flex:1;min-height:0;display:grid;grid-template-columns:15rem minmax(0,1fr);gap:1rem}.area-panel{display:flex;flex-direction:column;gap:.7rem;border-right:1px solid var(--gridline);padding-right:1rem}.area-combo{font:inherit;font-size:.92rem;font-weight:600;padding:.35rem .5rem;border:1px solid var(--border);border-left:3px solid var(--marca);border-radius:.4rem;background:var(--surface);color:var(--text-primary);width:100%;cursor:pointer}.area-cifras{display:flex;gap:1rem}.area-cifra{display:flex;flex-direction:column;line-height:1.1}.area-cifra .valor{font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.area-cifra .etiqueta{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.area-avance-encabezado{display:flex;justify-content:space-between;font-size:.62rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.area-avance-cifra{font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0;font-weight:600;color:var(--text-primary)}.area-lista{min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;gap:.15rem 1.2rem;align-content:start;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 1rem),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 1rem),transparent)}.area-item{display:grid;grid-template-columns:4.6rem minmax(0,1fr) 6rem 6rem;align-items:center;gap:.5rem;padding:.32rem 0;border-bottom:1px solid var(--gridline);font-size:.76rem}.area-item-clave{font-variant-numeric:tabular-nums;color:var(--text-muted)}.area-item-titulo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-item-estado{display:flex;align-items:center;gap:.3rem;color:var(--text-secondary);font-size:.7rem;white-space:nowrap}.area-item-avance{display:flex;align-items:center;gap:.4rem}.area-item-avance .progreso-pista{flex:1;display:block}.area-item-avance .progreso-relleno{display:block}.tabla-viewport{flex:1;min-height:0;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 1rem,#000 calc(100% - 1rem),transparent);mask-image:linear-gradient(to bottom,transparent,#000 1rem,#000 calc(100% - 1rem),transparent)}.tabla-cinta.animada{animation-name:desfilar;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes desfilar{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){.tabla-cinta.animada{animation:none}}.tabla-viewport table{width:100%;border-collapse:collapse;font-size:.78rem}.tabla-viewport td{padding:.4rem .6rem .4rem 0;border-bottom:1px solid var(--gridline);height:2rem;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}td.clave{font-variant-numeric:tabular-nums;color:var(--text-muted);width:5rem}td.titulo-celda{max-width:0;width:46%}td.area-celda{color:var(--text-secondary);width:15%}td.backlog-celda{color:var(--text-muted);width:3.5rem}td.estado-celda{color:var(--text-secondary);width:15%}td.progreso-celda{width:9rem}.pastilla{display:inline-flex;align-items:center;gap:.3rem}.progreso{display:flex;align-items:center;gap:.5rem}.progreso .progreso-pista{flex:1}.progreso-cifra{font-size:.66rem;font-variant-numeric:tabular-nums;color:var(--text-secondary);min-width:2.2rem;text-align:right}.sin-tareas{font-size:.66rem;color:var(--text-muted);font-style:italic}