/* =========================================================
   QuVi · Precio & Eficiencia (pd-pe-*)
   Re-ordenado por secciones · inline-compact · por clase
   ========================================================= */

/* =========================
   Desglose de precio (breakdown)
   ========================= */
.pd-acc[data-section="breakdown"] .pd-acc-body{padding-top:12px;}
.pd-pe-desglose-split{margin:0 0 12px;}
.pd-acc[data-section="breakdown"] .pd-pe-desglose-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start;}
@media (max-width:720px){.pd-acc[data-section="breakdown"] .pd-pe-desglose-split{grid-template-columns:1fr;gap:12px;}}
.pd-acc[data-section="breakdown"] .pd-pe-kvs{border:1px solid var(--pd-border);border-radius:var(--pd-table-radius);overflow:hidden;background:var(--pd-table-bg);background-clip:padding-box;box-shadow:var(--pd-table-shadow);}
.pd-acc[data-section="breakdown"] .pd-pe-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--pd-table-pad-y) var(--pd-table-pad-x);background:transparent;}
.pd-acc[data-section="breakdown"] .pd-pe-row+.pd-pe-row{border-top:var(--pd-dash);}
.pd-acc[data-section="breakdown"] .pd-pe-k{flex:1 1 auto;min-width:0;font-size:var(--pd-table-fs);line-height:var(--pd-table-lh);color:var(--pd-ink-mute);font-weight:500;}
.pd-acc[data-section="breakdown"] .pd-pe-v{flex:0 0 auto;max-width:58%;text-align:right;font-size:var(--pd-table-fs);line-height:var(--pd-table-lh);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--pd-table-ink-strong);white-space:normal;}
.pd-acc[data-section="breakdown"] .pd-pe-kvs+.pd-pe-kvs{margin-top:12px;}
.pd-acc[data-section="breakdown"] .pd-pe-kvs+.pd-acc{margin-top:12px;}
.pd-acc[data-section="breakdown"] .pd-pe-empty{background:transparent;font-size:var(--pd-table-fs);line-height:1.45;font-weight:500;}

/* =========================
   Fórmula de cálculo (inside breakdown)
   ========================= */
.pd-acc[data-section="breakdown"] .pd-acc[data-section="formula"]{margin-top:12px;}
.pd-acc[data-section="breakdown"] .pd-acc[data-section="formula"] .pd-acc-body{padding-top:12px;}
.pd-acc[data-section="breakdown"] .pd-acc[data-section="formula"] .pd-pe-formula{display:grid;gap:10px;}
.pd-acc[data-section="breakdown"] .pd-acc[data-section="formula"] .pd-pe-subtitle{margin:2px 0 8px;font-size:12px;line-height:1.35;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:color-mix(in oklch,var(--pd-ink) 62%,transparent 38%);}
.pd-acc[data-section="breakdown"] .pd-acc[data-section="formula"] .pd-pe-p{margin:0;font-size:13.5px;line-height:1.55;font-weight:500;color:color-mix(in oklch,var(--pd-ink) 80%,transparent 20%);}
.pd-acc[data-section="breakdown"] .pd-acc[data-section="formula"] .pd-pe-p+.pd-pe-p{margin-top:6px;}
.pd-acc[data-section="breakdown"] .pd-acc[data-section="formula"] .pd-pe-formula-box{border:var(--pd-dash);border-radius:var(--pd-table-radius);padding:10px 12px;background:color-mix(in oklch,var(--surface,#fff) 90%,color-mix(in oklch,var(--pd-ink) 10%,transparent 90%) 10%);box-shadow:var(--pd-table-shadow);background-clip:padding-box;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;line-height:1.55;font-weight:500;color:color-mix(in oklch,var(--pd-ink) 86%,transparent 14%);white-space:pre-wrap;word-break:break-word;}
.pd-acc[data-section="breakdown"] .pd-acc[data-section="formula"] .pd-pe-code{border:1px solid var(--pd-border);border-radius:var(--pd-table-radius);padding:10px 12px;background:var(--pd-table-bg);box-shadow:var(--pd-table-shadow);background-clip:padding-box;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;line-height:1.55;font-weight:500;color:color-mix(in oklch,var(--pd-ink) 86%,transparent 14%);white-space:pre-wrap;word-break:break-word;}
.pd-acc[data-section="breakdown"] .pd-acc[data-section="formula"] .pd-pe-note{border:var(--pd-dash);border-radius:var(--pd-table-radius);padding:10px 12px;background:color-mix(in oklch,var(--surface,#fff) 88%,color-mix(in oklch,var(--pd-ink) 10%,transparent 90%) 12%);box-shadow:var(--pd-table-shadow);background-clip:padding-box;font-size:13px;line-height:1.6;font-weight:500;color:color-mix(in oklch,var(--pd-ink) 78%,transparent 22%);}
@media (max-width:720px){.pd-acc[data-section="breakdown"] .pd-acc[data-section="formula"] .pd-pe-p{font-size:14px;line-height:1.6;}.pd-acc[data-section="breakdown"] .pd-acc[data-section="formula"] .pd-pe-note{font-size:14px;line-height:1.65;}}

/* =========================
   Grid de fórmula (layout)
   ========================= */
.pd-pe-formula-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;align-items:stretch;}
.pd-pe-formula-grid>.pd-card{height:100%;}
@media (max-width:720px){.pd-pe-formula-grid{grid-template-columns:1fr;}}

/* =========================
   Insights (layout / stack)
   ========================= */
.pd-pe-explain{display:grid;gap:12px;}
.pd-acc[data-section="insights"] .pd-acc-body{display:grid;gap:12px;}
.pd-acc[data-section="insights"] .pd-pe-stack{display:grid;gap:12px;}
.pd-acc[data-section="insights"] .pd-pe-stack>:where(.pd-card,.pd-acc){margin:0;}

/* =========================
   Estados vacíos
   ========================= */
.pd-pe-empty{padding:12px 14px;border:var(--pd-dash);border-radius:var(--pd-table-radius,14px);background:var(--pd-panel-bg2);color:var(--pd-ink-mute);}

/* =========================
   Card (head/body/text)
   ========================= */
.pd-pe-cardhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px 10px;}
.pd-pe-title{font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:color-mix(in oklch,var(--pd-ink) 92%,transparent 8%);}
.pd-pe-kpi{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1;color:color-mix(in oklch,var(--pd-ink) 94%,transparent 6%);white-space:nowrap;}
.pd-pe-kpiu{font-size:.78em;font-weight:600;opacity:.72;letter-spacing:.01em;}
.pd-pe-body{padding:0 16px 12px;display:flex;gap:16px;align-items:flex-start;justify-content:space-between;}
.pd-pe-body--split{align-items:stretch;}
.pd-pe-body--stack{flex-direction:column;align-items:center;}
.pd-pe-lines{min-width:0;flex:1;}
.pd-pe-text{font-size:13px;line-height:1.55;color:color-mix(in oklch,var(--pd-ink) 86%,transparent 14%);}
.pd-pe-sub{margin-top:6px;font-size:12.5px;line-height:1.45;color:var(--pd-ink-mute);}
@media (max-width:520px){.pd-pe-body{flex-direction:column;gap:10px;}}

/* =========================
   Lines list + numeración
   ========================= */
.pd-pe-linesList{display:grid;gap:0;min-width:0;width:100%;max-width:none;}
.pd-pe-line{position:relative;padding:6px 0;min-width:0;}
.pd-pe-line+.pd-pe-line::before{content:"";position:absolute;left:0;right:18px;top:0;height:1px;background:var(--pd-line,rgba(0,0,0,.08));}
.pd-pe-linesList--num .pd-pe-line{position:relative;display:flex;gap:6px;align-items:flex-start;}
.pd-pe-linesList--num .pd-pe-n{flex:0 0 18px;width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;line-height:1;color:#fff;background:color-mix(in oklch,var(--qv-health-a,#2B6DEB) 82%,white 18%);margin-top:1px;}
.pd-pe-linesList--num .pd-pe-line+.pd-pe-line::after{content:"";position:absolute;left:0;right:18px;top:0;height:1px;background:var(--pd-line,rgba(0,0,0,.08));}

/* =========================
   Bullets
   ========================= */
.pd-pe-bullets{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:13px;line-height:1.55;color:color-mix(in oklch,var(--pd-ink) 86%,transparent 14%);}
.pd-pe-bullets li{position:relative;padding-left:14px;}
.pd-pe-bullets li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:999px;background:color-mix(in oklch,var(--pd-ink) 22%,transparent 78%);}

/* =========================
   Pill
   ========================= */
.pd-pe-pill{margin-top:10px;display:inline-block;padding:8px 10px;border-radius:999px;border:1px solid var(--pd-pill-border);background:var(--pd-pill-bg);color:color-mix(in oklch,var(--pd-ink) 78%,transparent 22%);font-size:12px;line-height:1.25;white-space:normal;box-shadow:none;}
.pd-pe-pill strong{display:inline;}

/* =========================
   Nota (card-like)
   ========================= */
.pd-pe-note{border:1px solid var(--pd-border);border-radius:16px;background:linear-gradient(180deg,var(--pd-panel-bg2),var(--pd-panel-bg));box-shadow:var(--pd-card-shadow);padding:14px 16px;}
.pd-pe-note-title{font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:color-mix(in oklch,var(--pd-ink) 92%,transparent 8%);margin:0 0 6px;}
.pd-pe-note-text{margin:0;font-size:12.5px;line-height:1.55;color:color-mix(in oklch,var(--pd-ink) 74%,transparent 26%);}
.pd-pe-note-text+.pd-pe-note-text{margin-top:4px;}
.pd-pe-note+.pd-pe-note{margin-top:10px;}
.pd-pe-formula-box+.pd-pe-note{margin-top:12px;}

/* Reutilizable: note look “formula” */
.pd-pe-note--formula{border:var(--pd-dash);border-radius:var(--pd-table-radius);padding:10px 12px;background:color-mix(in oklch,var(--surface,#fff) 88%,color-mix(in oklch,var(--pd-ink) 10%,transparent 90%) 12%);box-shadow:var(--pd-table-shadow);background-clip:padding-box;font-size:13px;line-height:1.6;font-weight:500;color:color-mix(in oklch,var(--pd-ink) 78%,transparent 22%);}

/* =========================
   Gauge placement + SVG gauge
   ========================= */
.pd-pe-g{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:flex-end;min-width:160px;}
@media (max-width:520px){.pd-pe-g{min-width:0;width:100%;justify-content:flex-start;}}
.pd-gauge{width:180px;max-width:100%;padding-top:2px;}
.pd-gauge svg{display:block;width:100%;height:auto;overflow:visible;}
.pd-gauge-bg{fill:none;stroke:color-mix(in oklch,var(--pd-ink) 14%,transparent 86%);stroke-width:8;stroke-linecap:round;}
.pd-gauge-fg{fill:none;stroke:color-mix(in oklch,var(--pd-ink) 55%,transparent 45%);stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 6px 14px rgba(0,0,0,.08));}
.pd-gauge-grid line{stroke:color-mix(in oklch,var(--pd-ink) 16%,transparent 84%);stroke-width:2;stroke-linecap:round;opacity:.9;}
.pd-gauge-needle line{stroke:color-mix(in oklch,var(--pd-ink) 74%,transparent 26%);stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 4px 10px rgba(0,0,0,.12));}
.pd-gauge-cap{fill:var(--pd-panel-bg2);stroke:color-mix(in oklch,var(--pd-ink) 18%,transparent 82%);stroke-width:2;}
.pd-gauge-lbl{font-size:10px;font-weight:600;letter-spacing:.02em;fill:color-mix(in oklch,var(--pd-ink) 50%,transparent 50%);}
@media (prefers-contrast:more){.pd-gauge-fg{stroke:color-mix(in oklch,var(--pd-ink) 72%,transparent 28%);}.pd-gauge-needle line{stroke:color-mix(in oklch,var(--pd-ink) 84%,transparent 16%);}}

/* =========================
   Rail (barra + thumb + split + scale)
   ========================= */
.pd-rail{width:100%;max-width:100%;}
.pd-rail-track{position:relative;height:12px;border-radius:999px;overflow:visible;isolation:isolate;background:color-mix(in oklch,var(--pd-ink) 10%,transparent 90%);border:1px solid var(--pd-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.40),inset 0 -1px 0 rgba(0,0,0,.05);}
.pd-rail-fill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:999px;background:linear-gradient(90deg,color-mix(in oklch,var(--pd-ink) 56%,transparent 44%),color-mix(in oklch,var(--pd-ink) 22%,transparent 78%));box-shadow:0 10px 24px rgba(0,0,0,.10);z-index:1;}
.pd-rail-thumb{position:absolute;top:50%;left:0%;width:18px;height:18px;border-radius:999px;transform:translate(-50%,-50%);background:var(--surface,#fff);border:1px solid color-mix(in oklch,var(--pd-ink) 18%,transparent 82%);pointer-events:none;z-index:5;}
.pd-rail-thumb::after{content:"";position:absolute;inset:5px;border-radius:999px;background:color-mix(in oklch,var(--pd-ink) 10%,transparent 90%);}
.pd-rail-split{position:relative;display:flex;width:100%;height:100%;z-index:1;}
.pd-rail-seg{display:block;height:100%;}
.pd-rail-h{border-radius:999px 0 0 999px;background:linear-gradient(90deg,color-mix(in oklch,var(--pd-ink) 60%,transparent 40%),color-mix(in oklch,var(--pd-ink) 30%,transparent 70%));}
.pd-rail-a{border-radius:0 999px 999px 0;background:linear-gradient(90deg,color-mix(in oklch,var(--pd-ink) 20%,transparent 80%),color-mix(in oklch,var(--pd-ink) 10%,transparent 90%));}
.pd-rail-track--split .pd-rail-split::after{content:"";position:absolute;top:2px;bottom:2px;left:var(--qv-split,50%);width:3px;transform:translateX(-1.5px);border-radius:3px;background:#fff;box-shadow:none;pointer-events:none;z-index:2;}
.pd-rail-scale{margin-top:8px;display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:color-mix(in oklch,var(--pd-ink) 52%,transparent 48%);}
.pd-rail-scale span{white-space:nowrap;}

/* =========================
   Variante color Gauge + barras
   ========================= */
:root{--qv-health-a:#2563EB;--qv-health-b:#6D28D9;--qv-health-c:#22C6D9;--qv-health-grad-rail:linear-gradient(90deg,color-mix(in oklch,var(--qv-health-a) 82%,white 18%),color-mix(in oklch,var(--qv-health-b) 78%,white 22%));--qv-health-grad-h:linear-gradient(90deg,color-mix(in oklch,var(--qv-health-a) 88%,white 12%),color-mix(in oklch,var(--qv-health-b) 60%,white 40%));--qv-health-grad-a:linear-gradient(90deg,color-mix(in oklch,var(--qv-health-c) 52%,white 48%),color-mix(in oklch,var(--qv-health-a) 46%,white 54%));}
.pd-rail-fill{background:var(--qv-health-grad-h)!important;}
/* Reparto (segmentos) SIN gradiente, manteniendo la tonalidad original */
.pd-rail-h{background:color-mix(in oklch,var(--qv-health-a) 88%,white 12%)!important;}
.pd-rail-a{background:color-mix(in oklch,var(--qv-health-c) 52%,white 48%)!important;}
.pd-gauge{position:relative;}
.pd-gauge::before{content:"";position:absolute;inset:2px 6px 10px 6px;border-radius:999px;pointer-events:none;background:var(--qv-health-grad-rail)!important;opacity:.22;mix-blend-mode:screen;}
.pd-gauge-fg{stroke:color-mix(in oklch,var(--qv-health-a) 82%,white 18%)!important;}

/* =========================
   Dual (dos mitades simétricas)
   ========================= */
.pd-pe-dual{width:100%;max-width:980px;margin:12px auto 0;display:grid;grid-template-columns:1fr 1px 1fr;gap:16px;align-items:start;}
.pd-pe-dual-sec{min-width:0;}
.pd-pe-dual-div{width:1px;align-self:stretch;background:color-mix(in oklch,var(--pd-ink) 12%,transparent 88%);border-radius:1px;}
.pd-pe-dual-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 6px;}
.pd-pe-dual-title{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:color-mix(in oklch,var(--pd-ink) 62%,transparent 38%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pd-pe-dual-kpi{font-size:12px;font-weight:600;color:color-mix(in oklch,var(--pd-ink) 78%,transparent 22%);white-space:nowrap;}
.pd-pe-dual-desc{margin:0 0 10px;font-size:12.5px;line-height:1.55;color:color-mix(in oklch,var(--pd-ink) 70%,transparent 30%);}
.pd-pe-dual-desc2{display:inline-block;margin-left:6px;color:color-mix(in oklch,var(--pd-ink) 62%,transparent 38%);}
@media (max-width:1040px){.pd-pe-dual{max-width:100%;}}
@media (max-width:640px){.pd-pe-dual{grid-template-columns:1fr;gap:12px;}.pd-pe-dual-div{width:100%;height:1px;}}

/* =========================
   Gauge wrap + side labels
   ========================= */
.pd-pe-gauge-wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:14px;}
.pd-pe-gauge-side{display:flex;flex-direction:column;gap:2px;min-width:0;}
.pd-pe-gauge-side--right{align-items:flex-end;text-align:right;}
.pd-pe-gauge-val{font-weight:600;font-size:13px;letter-spacing:-.01em;color:var(--pd-ink);white-space:nowrap;}
.pd-pe-gauge-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.1;color:color-mix(in oklch,var(--pd-ink) 55%,transparent 45%);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media (max-width:520px){.pd-pe-gauge-wrap{gap:8px;}.pd-pe-gauge-code{max-width:80px;}}

/* =========================
   Tables
   ========================= */
.pd-pe-table-wrap{width:100%;max-width:none;margin:0;}
.pd-pe-table{width:100%;table-layout:fixed;}

/* =========================
   Linklike minimal
   ========================= */
.pd-linklike{appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;font-weight:700;letter-spacing:-.01em;color:color-mix(in oklch,var(--pd-ink) 88%,rgba(2,132,199,1));cursor:pointer;}
.pd-linklike:hover{color:rgba(2,132,199,1);}
.pd-linklike:focus-visible{outline:2px solid color-mix(in oklch,rgba(2,132,199,1) 45%,transparent);outline-offset:2px;}
.pd-linklike:active{transform:translateY(.5px);}

/* =========================
   Subtítulo de mini-bloques (canónico)
   - dedupe de duplicados: se deja UNA sola definición
   ========================= */
.pd-pe-subtitle{margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.25;letter-spacing:.2px;color:color-mix(in oklch,var(--pd-ink,#0f172a) 92%,transparent 8%);}

/* =========================
   Ajustes específicos: cards / components
   ========================= */
.pd-pe-stack>.pd-pe-card[data-qv-pe-block="drivers"] .pd-pe-cardhead,
.pd-pe-stack>.pd-pe-card[data-qv-pe-block="menor2"] .pd-pe-cardhead{padding:0px 6px 10px;}
.pd-acc[data-section="components"] .pd-pe-card+.pd-pe-card{margin-top:12px;}

/* =========================
   Numeric helpers
   ========================= */
.pd-num{font-variant-numeric:tabular-nums;}
.pd-num[data-sign="neg"]{color:var(--pd-c-danger-95);}
.pd-num[data-sign="pos"]{color:var(--pd-c-success-95);}




/* ==========================================================================
   pd-pe-r7 — Bloque 7% (KPI + Config + Donut + Resultados) — PROD (cards canónicas)
   ========================================================================== */
.pd-pe-r7{display:flex;flex-direction:column;gap:12px;--r7-gap:12px;--r7-cols:1.12fr .92fr 1fr;--r7-radius:16px;--r7-pad:12px;--r7-field-radius:12px;--r7-field-pad-y:12px;--r7-field-pad-x:12px;--r7-field-fs:16px;--r7-label-fs:12px;--r7-label-lh:1.2;--r7-label-gap:6px;--r7-rail-h:4px;--r7-thumb:16px;--r7-rail:color-mix(in oklch,var(--pd-ink,#0f172a) 18%,transparent);--r7-rail-active:color-mix(in oklch,var(--pd-tone,#3b82f6) 62%,white 38%);--r7-thumb-fill:color-mix(in oklch,var(--pd-tone,#3b82f6) 82%,white 18%);--r7-thumb-border:color-mix(in oklch,var(--pd-ink,#0f172a) 12%,transparent);--r7-field-bg:color-mix(in oklch,var(--pd-table-bg,var(--surface,#fff)) 92%,transparent);--r7-field-border:color-mix(in oklch,var(--pd-ink,#0f172a) 12%,transparent);--r7-field-border-focus:color-mix(in oklch,var(--pd-tone,#3b82f6) 45%,transparent);--r7-field-ring:color-mix(in oklch,var(--pd-tone,#3b82f6) 18%,transparent)}
.pd-pe-r7-kpis{display:grid;grid-template-columns:var(--r7-cols);gap:var(--r7-gap);align-items:stretch}
.pd-pe-r7-grid2{display:grid;grid-template-columns:var(--r7-cols);gap:var(--r7-gap);align-items:stretch}

/* Shell canónico */
.pd-pe-r7 :where(.pd-pe-r7-kpi,.pd-pe-r7-panel,.pd-pe-r7-result,.pd-pe-r7-cot-card){
  background:var(--surface,#fff);
  border:0;
  border-radius:var(--r7-radius);
  box-shadow:var(--pd-card-shadow);
  padding:var(--r7-pad);
  overflow:hidden;
  background-clip:padding-box;
  min-width:0;
}

/* Wrapper states (tintes) */
.pd-pe-r7.is-cover .pd-pe-r7-result--warn{background:color-mix(in oklch,var(--pd-tone-good-a,#10b981) 10%,transparent)}
.pd-pe-r7.is-cover .pd-pe-r7-pill{border-color:color-mix(in oklch,var(--pd-tone-good-a,#10b981) 28%,transparent);background:color-mix(in oklch,var(--pd-tone-good-a,#10b981) 16%,transparent);color:color-mix(in oklch,var(--pd-tone-good-a,#10b981) 92%,var(--pd-ink,#0f172a) 8%)}
.pd-pe-r7.is-gap .pd-pe-r7-result--warn{background:color-mix(in oklch,var(--pd-tone-bad-a,#f87171) 12%,transparent)}
.pd-pe-r7.is-gap .pd-pe-r7-pill{border-color:color-mix(in oklch,var(--pd-tone-bad-a,#f87171) 30%,transparent);background:color-mix(in oklch,var(--pd-tone-bad-a,#f87171) 18%,transparent);color:color-mix(in oklch,var(--pd-tone-bad-a,#f87171) 90%,var(--pd-ink,#0f172a) 10%)}

/* KPIs */
.pd-pe-r7-kpi-k{font-size:11px;letter-spacing:.02em;color:var(--pd-ink-mute);text-transform:uppercase}
.pd-pe-r7-kpi-v{margin-top:7px;font-size:18px;font-weight:600;color:color-mix(in oklch,var(--pd-ink,#0f172a) 92%,black 8%);line-height:1.15}

/* KPIs centrados (solo cards de arriba) */
.pd-pe-r7-kpi{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:76px}
.pd-pe-r7-kpi .pd-pe-r7-kpi-k,.pd-pe-r7-kpi .pd-pe-r7-kpi-v{display:flex;justify-content:center;align-items:center}

/* Titulares */
.pd-pe-r7-title{font-size:14px;font-weight:600;color:color-mix(in oklch,var(--pd-ink,#0f172a) 92%,black 8%);display:flex;align-items:center;gap:8px}

/* Config */
.pd-pe-r7-panel--config .pd-pe-r7-person{display:flex;flex-direction:column;gap:12px}
.pd-pe-r7-row{display:flex;flex-direction:column;gap:var(--r7-label-gap)}
.pd-pe-r7-row label{font-size:var(--r7-label-fs);line-height:var(--r7-label-lh);margin:0;color:color-mix(in oklch,var(--pd-ink,#0f172a) 62%,transparent)}
.pd-pe-r7-row input[type="text"]{
  width:100%;
  border-radius:var(--r7-field-radius);
  border:1px solid var(--r7-field-border);
  background:var(--r7-field-bg);
  background-clip:padding-box;
  padding:var(--r7-field-pad-y) var(--r7-field-pad-x);
  font-size:var(--r7-field-fs);
  line-height:1.15;
  color:color-mix(in oklch,var(--pd-ink,#0f172a) 92%,black 8%);
  outline:none;
  font-variant-numeric:tabular-nums;
}
.pd-pe-r7-row input[type="text"]::placeholder{color:color-mix(in oklch,var(--pd-ink,#0f172a) 40%,transparent);opacity:1}
.pd-pe-r7-row input[type="text"]:focus{border-color:var(--r7-field-border-focus);box-shadow:0 0 0 4px var(--r7-field-ring)}
.pd-pe-r7-rowhead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pd-pe-r7-chip{border:1px solid color-mix(in oklch,var(--pd-ink,#0f172a) 12%,transparent);background:color-mix(in oklch,var(--surface,#fff) 92%,transparent);border-radius:999px;padding:6px 10px;font-size:12px;color:color-mix(in oklch,var(--pd-ink,#0f172a) 78%,transparent);line-height:1}
.pd-pe-r7-chip[disabled]{opacity:.55;cursor:not-allowed}
.pd-pe-r7-minmax{display:flex;justify-content:space-between;font-size:11px;color:color-mix(in oklch,var(--pd-ink,#0f172a) 48%,transparent);margin-top:2px}
.pd-pe-r7-hint{margin-top:12px;border:1px solid color-mix(in oklch,var(--pd-tone,#3b82f6) 25%,transparent);background:color-mix(in oklch,var(--pd-tone,#3b82f6) 10%,transparent);color:color-mix(in oklch,var(--pd-ink,#0f172a) 72%,transparent);border-radius:12px;padding:10px;font-size:12px;line-height:1.35}

/* Range (riel + manilla) — CANÓNICO */
.pd-pe-r7-row input[type="range"]{
  width:100%;
  height:24px;
  background:transparent;
  -webkit-appearance:none;
  appearance:none;
  accent-color:var(--r7-rail-active);
}
.pd-pe-r7-row input[type="range"]:focus{outline:none}
.pd-pe-r7-row input[type="range"]::-webkit-slider-runnable-track{
  height:var(--r7-rail-h);
  border-radius:999px;
  background:linear-gradient(90deg,var(--r7-rail-active),var(--r7-rail-active)) 0/var(--_r7-fill,0%) 100% no-repeat,var(--r7-rail);
}
.pd-pe-r7-row input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:var(--r7-thumb);
  height:var(--r7-thumb);
  border-radius:999px;
  background:var(--surface,#fff);
  border:1px solid color-mix(in oklch,var(--pd-ink,#0f172a) 18%,transparent 82%);
  box-shadow:0 10px 22px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.55);
  margin-top:calc((var(--r7-rail-h) - var(--r7-thumb))/2);
}
.pd-pe-r7-row input[type="range"]::-webkit-slider-thumb::after{content:"";}
.pd-pe-r7-row input[type="range"]::-moz-range-track{height:var(--r7-rail-h);border-radius:999px;background:var(--r7-rail);border:0}
.pd-pe-r7-row input[type="range"]::-moz-range-progress{height:var(--r7-rail-h);border-radius:999px;background:var(--r7-rail-active)}
.pd-pe-r7-row input[type="range"]::-moz-range-thumb{
  width:var(--r7-thumb);
  height:var(--r7-thumb);
  border-radius:999px;
  background:var(--surface,#fff);
  border:1px solid color-mix(in oklch,var(--pd-ink,#0f172a) 18%,transparent 82%);
  box-shadow:0 10px 22px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.55);
}
.pd-pe-r7-row input[type="range"]::-moz-focus-outer{border:0}

/* Donut */
.pd-pe-r7-panel--donut{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}
.pd-pe-r7-donut{position:relative;width:160px;height:160px;display:block}
.pd-pe-r7-donutsvg{width:160px;height:160px;display:block;transform:rotate(-90deg)}
.pd-pe-r7-donuttrack{fill:none;stroke:color-mix(in oklch,var(--pd-ink,#0f172a) 10%,transparent);stroke-width:7}
.pd-pe-r7-donutring{fill:none;stroke:color-mix(in oklch,var(--pd-tone,#3b82f6) 86%,transparent);stroke-width:7;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289;transition:stroke-dashoffset .22s ease}
.pd-pe-r7-donutcenter{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 12px;pointer-events:none;text-align:center}
.pd-pe-r7-donutcenter>*{margin:0}
.pd-pe-r7-donutpct{font-size:clamp(19px,2.6vw,24px);font-weight:600;color:color-mix(in oklch,var(--pd-ink,#0f172a) 92%,black 8%);line-height:1.05;letter-spacing:-.02em;white-space:nowrap;display:block;max-width:12ch;overflow:hidden;text-overflow:clip}
.pd-pe-r7-donuts{font-size:12px;color:color-mix(in oklch,var(--pd-ink,#0f172a) 62%,transparent);line-height:1.15;white-space:nowrap}
.pd-pe-r7-donutt{margin-top:2px;font-size:14px;font-weight:600;color:color-mix(in oklch,var(--pd-ink,#0f172a) 92%,black 8%)}
.pd-pe-r7-donutd{font-size:12px;color:color-mix(in oklch,var(--pd-ink,#0f172a) 62%,transparent);max-width:40ch}

/* Barra legacy (si el donut es la UI principal) */
.pd-pe-r7-panel--donut .pd-pe-r7-bar{display:none}
.pd-pe-r7-panel--donut .pd-pe-r7-barlabel{margin-top:6px;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}
.pd-pe-r7-panel--donut .pd-pe-r7-badge{font-size:11px;border-radius:999px;padding:4px 10px;border:1px solid color-mix(in oklch,var(--pd-ink,#0f172a) 12%,transparent);background:color-mix(in oklch,var(--surface,#fff) 92%,transparent);color:color-mix(in oklch,var(--pd-ink,#0f172a) 72%,transparent)}
.pd-pe-r7-panel--donut .pd-pe-r7-cap{font-size:11px;color:color-mix(in oklch,var(--pd-ink,#0f172a) 55%,transparent)}

/* Resultados */
.pd-pe-r7-panel--results{display:flex;flex-direction:column;gap:12px}
.pd-pe-r7-rhead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pd-pe-r7-rk{font-size:12px;color:color-mix(in oklch,var(--pd-ink,#0f172a) 58%,transparent)}
.pd-pe-r7-rv{margin-top:8px;font-size:18px;font-weight:600;color:color-mix(in oklch,var(--pd-ink,#0f172a) 92%,black 8%);line-height:1.15}
.pd-pe-r7-pill{font-size:11px;border-radius:999px;padding:4px 8px;border:1px solid color-mix(in oklch,var(--pd-tone-bad-a,#f87171) 30%,transparent);background:color-mix(in oklch,var(--pd-tone-bad-a,#f87171) 18%,transparent);color:color-mix(in oklch,var(--pd-tone-bad-a,#f87171) 90%,var(--pd-ink,#0f172a) 10%);white-space:nowrap}

/* Help (dashed canónico) */
.pd-pe-r7-help{margin-top:0;border:var(--pd-dash);border-radius:14px;padding:10px 12px;background:color-mix(in oklch,var(--surface,#fff) 86%,transparent);background-clip:padding-box}
.pd-pe-r7-help>summary{cursor:pointer;list-style:none;font-weight:600;color:color-mix(in oklch,var(--pd-ink,#0f172a) 86%,transparent);outline:none}
.pd-pe-r7-help>summary::-webkit-details-marker{display:none}
.pd-pe-r7-helpb{margin-top:8px;font-size:12px;color:color-mix(in oklch,var(--pd-ink,#0f172a) 62%,transparent);line-height:1.4}

/* Util */
.pd-pe-r7 .is-hidden{display:none!important}

/* Sub-cards por cotizante (solo cuando hay 2) */
.pd-pe-r7-cards{display:grid;gap:12px}

/* Responsive */
@media (max-width:980px){
  .pd-pe-r7{--r7-gap:10px;--r7-cols:1fr}
  .pd-pe-r7-kpis,.pd-pe-r7-grid2{grid-template-columns:var(--r7-cols);gap:var(--r7-gap)}
  .pd-pe-r7-donut,.pd-pe-r7-donutsvg{width:150px;height:150px}
}