/* dq.css — Componentes de la pantalla de Diagnóstico y captura DQ. */

/* Completitud */
.compl{display:flex;align-items:center;gap:10px;margin:12px 14px 0;}
.compl .bar{flex:1;height:8px;background:#E2E9F1;border-radius:99px;overflow:hidden;}
.compl .bar > i{display:block;height:100%;background:linear-gradient(90deg,var(--sky),var(--gold));border-radius:99px;transition:width .5s;}
.compl .lbl{font-size:10px;font-weight:700;color:var(--stone);white-space:nowrap;}

/* Score hero */
.hero{margin:12px 14px;background:#fff;border-radius:var(--r);border:1px solid var(--border);box-shadow:var(--sh);padding:16px 14px;text-align:center;}
.hero canvas{display:block;margin:0 auto;}
.hero .interp{font-size:15px;font-weight:700;margin-top:2px;}
.hero .prov{display:inline-block;margin-top:8px;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;background:#FEF9E7;color:#B9770E;}
.hero .prov.off{background:#E8F8EF;color:var(--green);}

/* Madurez */
.mad{display:flex;align-items:center;gap:12px;margin:0 14px 12px;background:linear-gradient(135deg,var(--navy),var(--blue));border-radius:var(--r);padding:14px 16px;color:#fff;}
.mad .num{font-family:'DM Mono',monospace;font-size:30px;font-weight:700;color:var(--gold-lt);line-height:1;}
.mad .info{flex:1;}
.mad .info .k{font-size:9px;font-weight:700;letter-spacing:.6px;opacity:.7;text-transform:uppercase;}
.mad .info .d{font-size:16px;font-weight:700;}
.mad .info .m{font-size:10px;opacity:.85;margin-top:3px;line-height:1.3;}

/* Radar + capacidades */
.radar-wrap{text-align:center;padding:6px 0 2px;}
.caps{padding:2px 0 4px;}
.cap-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--border);}
.cap-row:first-child{border-top:none;}
.cap-row .ic{font-size:16px;width:20px;text-align:center;}
.cap-row .nm{flex:1;font-size:12px;font-weight:600;color:var(--slate);}
.cap-row .track{width:96px;height:8px;background:var(--smoke);border-radius:99px;overflow:hidden;}
.cap-row .track > i{display:block;height:100%;border-radius:99px;transform-origin:left;animation:barGrow .6s cubic-bezier(.4,0,.2,1) both;}
.compl .bar > i{transform-origin:left;animation:barGrow .6s cubic-bezier(.4,0,.2,1) both;}
@keyframes barGrow{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@media (prefers-reduced-motion:reduce){.cap-row .track > i,.compl .bar > i{animation:none;}}
.cap-row .pt{font-family:'DM Mono',monospace;font-size:12px;font-weight:700;width:34px;text-align:right;color:var(--navy);}

/* Listas de alertas / recomendaciones */
.li{display:flex;gap:10px;padding:11px 14px;border-top:1px solid var(--border);align-items:flex-start;}
.li:first-child{border-top:none;}
.li .dot{font-size:14px;line-height:1.3;flex-shrink:0;}
.li .tx{flex:1;font-size:12px;color:var(--slate);line-height:1.4;}
.li .tx b{color:var(--navy);}

/* Grupos de captura (acordeón) */
.grp{background:#fff;border-radius:var(--r);border:1px solid var(--border);box-shadow:var(--sh);margin:0 14px 11px;overflow:hidden;}
.grp-h{display:flex;align-items:center;gap:10px;padding:13px 15px;cursor:pointer;user-select:none;}
.grp-h .ic{font-size:18px;}
.grp-h .t{flex:1;}
.grp-h .t .tt{font-size:13px;font-weight:700;color:var(--navy);}
.grp-h .t .ds{font-size:10px;color:var(--stone);margin-top:1px;}
.grp-h .cnt{font-size:9px;font-weight:700;color:#fff;background:var(--sky);border-radius:20px;padding:2px 8px;}
.grp-h .cnt.full{background:var(--green);}
.grp-h .chev{font-size:13px;color:var(--stone);transition:transform .2s;}
.grp.open .grp-h .chev{transform:rotate(90deg);}
.grp-b{display:none;padding:6px 15px 14px;border-top:1px solid var(--border);}
.grp.open .grp-b{display:block;}