/* PROGRESO CON PORCENTAJE (D-AEGIS-33 · 16/10/2026) · static/js/progreso.js. Funciona en la app y en la web pública. */
#aegis-prog { position: fixed; inset: 0; z-index: 10050; display: none; align-items: center; justify-content: center;
  padding: 16px; background: rgba(8, 9, 15, .62); backdrop-filter: blur(3px); }
#aegis-prog.show { display: flex; }
#aegis-prog .ap-card { width: min(460px, 100%); padding: 22px 22px 18px; border-radius: 18px;
  background: var(--bg-elevated, #14161f); color: var(--fg-primary, #f2efe8);
  border: 1px solid rgba(226, 189, 105, .35); box-shadow: 0 20px 60px rgba(0, 0, 0, .45); }
#aegis-prog .ap-t { margin: 0 0 14px; font-weight: 700; font-size: 1.05rem; line-height: 1.3; }
#aegis-prog .ap-bar { height: 10px; border-radius: 999px; background: rgba(255, 255, 255, .1); overflow: hidden; }
#aegis-prog .ap-fill { display: block; height: 100%; width: 0; border-radius: inherit;
  background: linear-gradient(90deg, #c38f35, #e1b65f 60%, #f7e2a3); transition: width .25s linear; }
#aegis-prog .ap-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 10px; }
#aegis-prog .ap-pct { font-variant-numeric: tabular-nums; font-size: 1.35rem; font-weight: 800; color: #e1b65f; }
#aegis-prog .ap-fase { font-size: .9rem; color: var(--fg-secondary, #c9c4b8); text-align: right; }
#aegis-prog .ap-nota { margin: 12px 0 0; font-size: .8rem; color: var(--fg-tertiary, #9a958a); }
@media (prefers-reduced-motion: reduce) { #aegis-prog .ap-fill { transition: none; } }