/* ==========================================================================
   pd-nota.css — QuVi Overlay · Nota & Posición (2026) — PRO v3 (NO borders)
   TOKENIZADO según overlay-pd.css (core overlay)
   - Reusa tokens core: --pd-ink / --pd-ink-mute / --pd-hover / --pd-active /
     --pd-panel-bg2 / --pd-card-shadow / --pd-card-shadow-strong / --pd-border
   - Tokens locales SOLO para hardcodes que no existen como canónicos (sin alterar look)
   - Chevron estándar: lo provee overlay-pd.css vía .pd-acc (NO redefinir aquí)
   ========================================================================== */

/* ==========================================================================
   00) Tokens locales (nota-overlay)
   ========================================================================== */
:root{
  --pd-glass-62:rgba(255,255,255,.62);--pd-glass-60:rgba(255,255,255,.60);--pd-glass-58:rgba(255,255,255,.58);--pd-glass-56:rgba(255,255,255,.56);
  --pd-soft-04:rgba(15,23,42,.04);--pd-soft-05:rgba(15,23,42,.05);--pd-soft-06:rgba(15,23,42,.06);--pd-soft-08:rgba(15,23,42,.08);
  --pd-ink-95:rgba(15,23,42,.95);--pd-ink-92:rgba(2,6,23,.92);--pd-ink-90:rgba(2,6,23,.90);--pd-ink-88:rgba(15,23,42,.88);--pd-ink-86:rgba(2,6,23,.86);--pd-ink-82:rgba(15,23,42,.82);--pd-ink-80:rgba(2,6,23,.80);--pd-ink-70:rgba(2,6,23,.70);--pd-ink-68:rgba(15,23,42,.68);--pd-ink-66:rgba(15,23,42,.66);--pd-ink-65:rgba(15,23,42,.65);--pd-ink-62:rgba(15,23,42,.62);--pd-ink-58:rgba(15,23,42,.58);--pd-ink-55:rgba(15,23,42,.55);--pd-ink-52:rgba(15,23,42,.52);--pd-ink-45:rgba(15,23,42,.45);
  --pd-dash-12:rgba(15,23,42,.12);--pd-dash-14:rgba(15,23,42,.14);--pd-dash-22:rgba(15,23,42,.22);
  --pd-badge-bg:var(--pd-glass-62);--pd-badge-model:rgba(2,132,199,.08);--pd-badge-det:rgba(15,23,42,.05);--pd-badge-nope:rgba(239,68,68,.08);
  --pd-pill-bg-soft:rgba(15,23,42,.06);
}

/* ==========================================================================
   01) Bloque contenedor
   ========================================================================== */
.pd-nota-block>*+*{margin-top:var(--pd-gap,12px);}

/* ==========================================================================
   02) Superficies “glass-card” (base DRY)
   ========================================================================== */
.pd-nota-hero,.pd-hero-score,.pd-mini-k,.pd-rank-card,.pd-stack,.pd-xai-col,.pd-xai-row,.pd-split,.pd-how,.pd-how-card{border:0;background:var(--pd-glass-62);box-shadow:var(--pd-card-shadow);background-clip:padding-box;}
.pd-nota-hero,.pd-stack,.pd-xai-col,.pd-split,.pd-how{border-radius:var(--rad-xl,18px);}
.pd-hero-score,.pd-rank-card{border-radius:var(--rad-lg,14px);}
.pd-mini-k{border-radius:12px;}
.pd-xai-row,.pd-how-card{border-radius:14px;}
.pd-nota-hero,.pd-split{overflow:clip;}
.pd-xai-col{display:flex;flex-direction:column;}

/* ==========================================================================
   04) VECINOS DE RANKING (details.pd-card.pd-neighbors)
   ========================================================================== */
.pd-card.pd-neighbors{padding:0;--pd-nbr-row-dash:color-mix(in oklch,var(--pd-dash-14) 55%,transparent 45%);}
.pd-neighbors-body{padding:0;}
.pd-neighbors-sub{margin:0 0 10px;font-size:12px;color:var(--pd-ink-55);}
.pd-nbr-tableWrap{border-top:1px dashed var(--pd-dash-12);padding-top:10px;}
.pd-nbr-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;color:var(--text,rgba(15,23,42,.86));}
.pd-nbr-td{vertical-align:top;padding:12px 14px;}
.pd-nbr-td+.pd-nbr-td{border-left:1px dashed var(--pd-dash-12);}
.pd-nbr-cell{display:flex;flex-direction:column;gap:10px;}
.pd-nbr-cell-head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,color-mix(in oklch,var(--pd-panel-bg2) 72%,transparent 28%),transparent);border-bottom:1px dashed var(--pd-dash-12);}
.pd-nbr-cell-title{font-weight:600;font-size:13px;letter-spacing:-.01em;}
.pd-nbr-cell-delta{text-align:right;font-size:12px;padding-left:8px;}
.pd-nbr-cell-delta-l{color:var(--pd-ink-55);font-size:11px;}
.pd-nbr-delta{font-weight:600;font-variant-numeric:tabular-nums;}
.pd-nbr-delta[data-sign="pos"]{ color: var(--pd-c-success-95); }
.pd-nbr-delta[data-sign="neg"]{ color: var(--pd-c-danger-95); }
.pd-nbr-cell-plan{line-height:1.35;min-width:0;}
.pd-nbr-name{font-weight:600;display:flex;align-items:center;gap:8px;min-width:0;line-height:1.15;}
.pd-nbr-nameText{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pd-nbr-meta{font-size:12px;color:var(--pd-ink-55);}
.pd-nbr-dot{margin:0 4px;}
.pd-nbr-noteBadge{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:999px;background:color-mix(in oklch,var(--pd-pill-bg-soft) 75%,transparent 25%);border:1px solid color-mix(in oklch,var(--pd-dash-12) 55%,transparent 45%);font-size:11px;line-height:1.1;flex:0 0 auto;white-space:nowrap;}
.pd-nbr-diff-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;}
.pd-nbr-diff-table th{text-align:left;font-weight:500;color:var(--pd-ink-55);padding:7px 6px;border-bottom:1px dashed var(--pd-dash-14);white-space:nowrap;}
.pd-nbr-diff-table td{padding:7px 6px;vertical-align:top;border-bottom:1px dashed var(--pd-nbr-row-dash,var(--pd-dash-14));}
.pd-nbr-diff-table tbody tr:first-child td{padding-top:9px;}
.pd-nbr-diff-table tbody tr:last-child td{border-bottom:0;}
.pd-nbr-diff-table th:nth-child(1),.pd-nbr-diff-table td:nth-child(1){width:46%;}
.pd-nbr-diff-table th:nth-child(2),.pd-nbr-diff-table td:nth-child(2){width:18%;text-align:right;font-variant-numeric:tabular-nums;}
.pd-nbr-diff-table th:nth-child(3),.pd-nbr-diff-table td:nth-child(3){width:18%;text-align:right;color:var(--pd-ink-55);font-variant-numeric:tabular-nums;}
.pd-nbr-diff-table th:nth-child(4),.pd-nbr-diff-table td:nth-child(4){width:18%;text-align:right;font-variant-numeric:tabular-nums;}
.pd-nbr-diff-table td:nth-child(4) .pd-num{font-variant-numeric:tabular-nums;}
.pd-nbr-diff-table td:nth-child(4) .pd-num[data-sign="pos"]{ color: var(--pd-c-success-95); }
.pd-nbr-diff-table td:nth-child(4) .pd-num[data-sign="neg"]{ color: var(--pd-c-danger-95); }
.pd-nbr-extra{display:none;}
.pd-nbr-why.is-open .pd-nbr-extra{display:table-row;}
.pd-nbr-expand{margin-top:6px;background:none;border:0;padding:0;font-size:12px;color:var(--accent,#2563eb);cursor:pointer;}
.pd-nbr-expand:hover{text-decoration:underline;}
.pd-nbr-cell--target{align-items:center;text-align:center;gap:4px;}
.pd-nbr-cell--target .pd-nbr-cell-head{margin-bottom:6px;}
.pd-nbr-cell-pos-l{font-size:11px;color:var(--pd-ink-55);}
.pd-nbr-cell-pos-v{display:inline-flex;align-items:baseline;gap:0;font-weight:600;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;}
.pd-nbr-cell-pos-v .pd-sep{margin:0 2px;padding:0;opacity:.65;}
.pd-nbr-target-score{display:flex;align-items:flex-end;gap:4px;}
.pd-nbr-target-score-v{font-size:26px;font-weight:600;line-height:1;}
.pd-nbr-target-score-m{font-size:13px;color:var(--pd-ink-55);}
.pd-nbr-target-tag{font-size:12px;font-weight:500;color:rgba(15,23,42,.65);margin-bottom:12px;}
.pd-nbr-target-chips{display:flex;flex-direction:column;align-items:center;gap:6px;}
.pd-nbr-pill{font-size:11px;padding:4px 8px;border-radius:999px;background:var(--pd-pill-bg-soft);white-space:nowrap;}

/* ==========================================================================
   05) DONUT (pd-card.pd-donut)
   ========================================================================== */
.pd-donut{margin-top:12px;position:relative;--pd-donut-colw:50px;--pd-donut-colgap:10px;--pd-donut-colsW:calc((var(--pd-donut-colw) * 3) + (var(--pd-donut-colgap) * 2));}
.pd-donut-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:24px;}
.pd-donut-title{font-size:13px;font-weight:600;color:color-mix(in oklch,var(--pd-ink) 92%,transparent 8%);}
.pd-donut-sub{font-size:12.5px;color:var(--pd-ink-mute);}
.pd-donut-kpis{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.pd-donut-kpi{display:flex;flex-direction:column;align-items:flex-end;gap:2px;}
.pd-donut-kpi-v{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;font-weight:600;color:color-mix(in oklch,var(--pd-ink) 92%,transparent 8%);}
.pd-donut-kpi-l{font-size:11.5px;color:var(--pd-ink-mute);}
.pd-donut-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;}
@media (max-width:820px){.pd-donut-grid{grid-template-columns:1fr;}}
.pd-donut-viz{position:relative;display:grid;gap:10px;border:0;border-radius:var(--rad-lg,14px);background:var(--pd-panel-bg2);box-shadow:var(--pd-card-shadow);background-clip:padding-box;padding:12px;}
.pd-donut-rel{position:relative;display:grid;place-items:center;}
.pd-donut-svg{width:260px;height:260px;display:block;}
@media (max-width:420px){.pd-donut-svg{width:230px;height:230px;}}
.pd-donut-svg path{transition:opacity .16s ease,filter .16s ease;}
.pd-donut-center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;text-align:center;}
.pd-donut-big{font-size:22px;font-weight:950;color:color-mix(in oklch,var(--pd-ink) 95%,transparent 5%);letter-spacing:.2px;}
.pd-donut-small{margin-top:2px;font-size:12px;color:var(--pd-ink-mute);}
.pd-donut-list{display:grid;gap:8px;}
.pd-donut-item{appearance:none;border:0;background:var(--pd-panel-bg2);width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:12px;box-shadow:var(--pd-card-shadow);cursor:pointer;background-clip:padding-box;transition:background .12s ease,box-shadow .12s ease,opacity .12s ease;}
@media (hover:hover){.pd-donut-item:hover{background:var(--pd-hover);box-shadow:var(--pd-card-shadow-strong);}}
.pd-donut-item.is-dim{opacity:.55;}
.pd-donut-item.is-active{background:var(--pd-active);box-shadow:var(--pd-card-shadow-strong);}
.pd-donut-itemL{display:flex;align-items:center;gap:10px;min-width:0;}
.pd-donut-dot{width:10px;height:10px;border-radius:50%;box-shadow:none;}
.pd-donut-lbl{font-size:12.5px;color:color-mix(in oklch,var(--pd-ink) 92%,transparent 8%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pd-donut-val{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;color:var(--pd-ink-mute);}
.pd-donut-hint{font-size:12px;line-height:1.4;text-align:center;color:var(--pd-ink-mute);}
.pd-donut-tip{position:fixed;left:0;top:0;transform:translate(-9999px,-9999px);z-index:9999;pointer-events:none;background:color-mix(in oklch,var(--surface,#fff) 88%,transparent);border-radius:12px;box-shadow:0 18px 60px rgba(15,23,42,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:10px 10px 9px;min-width:220px;max-width:280px;transition:opacity .12s ease;}
.pd-donut-tip[aria-hidden="true"]{opacity:0;}
.pd-donut-tip[aria-hidden="false"]{opacity:1;}
.pd-donut-tip-t{font-size:12.5px;font-weight:600;color:color-mix(in oklch,var(--pd-ink) 95%,transparent 5%);display:flex;align-items:center;gap:8px;}
.pd-donut-tip-b{margin-top:6px;font-size:12px;color:color-mix(in oklch,var(--pd-ink-66) 70%,transparent 30%);white-space:pre-wrap;line-height:1.35;}
.pd-donut-tip-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px rgba(0,0,0,.10);}
.pd-donut-colL{display:grid;gap:12px;align-content:start;min-width:0;}
.pd-donut-vizCard{padding:12px;}
.pd-donut-top3Card{padding:12px;}
.pd-top3-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;}
.pd-top3-title{font-size:13px;font-weight:600;color:var(--pd-ink-86);}
.pd-top3-sub{font-size:12.5px;color:var(--pd-ink-58);}
.pd-top3{display:grid;gap:10px;}
.pd-top3-row{padding-block:3px;display:flex;align-items:center;gap:8px;min-width:0;}
.pd-top3-n{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:var(--pd-soft-08);color:var(--pd-ink-86);flex:0 0 auto;}
.pd-top3-k{font-size:12.5px;font-weight:600;color:var(--pd-ink-86);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.pd-top3-dash{flex:1 1 auto;border-bottom:1px dashed var(--pd-dash-22);transform:translateY(1px);opacity:.9;}
.pd-top3-v{font-size:12.5px;font-weight:600;color:var(--pd-ink-86);flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;}
.pd-top3-tick{display:inline-flex;align-items:center;justify-content:center;color:rgba(34,197,94,.95);flex:0 0 auto;}
.pd-top3-tickIcon{width:18px;height:18px;display:block;fill:currentColor;}
.pd-donut-acc{display:block;}
.pd-donut-item.pd-donut-acc{padding:0;}
.pd-donut-accSum{list-style:none;cursor:pointer;width:100%;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.pd-donut-accR{width:var(--pd-donut-colsW);flex:0 0 var(--pd-donut-colsW);min-width:var(--pd-donut-colsW);margin-left:auto;display:flex;justify-content:flex-end;box-sizing:border-box;}
.pd-donut-cols{width:100%;display:grid;grid-template-columns:repeat(3,var(--pd-donut-colw));column-gap:var(--pd-donut-colgap);justify-items:end;text-align:right;align-items:baseline;font-variant-numeric:tabular-nums;}
.pd-donut-col{white-space:nowrap;font-size:12px;}
.pd-donut-col--nota{color:var(--pd-ink-86);font-weight:600;}
.pd-donut-col--pct{color:var(--pd-ink-58);font-weight:600;}
.pd-donut-col--pts{color:var(--pd-ink-70);font-weight:600;}
.pd-donut-colsTop{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--pd-ink-52);margin-right:5px;}
.pd-donut-colsTop>span{display:block;width:100%;text-align:right;white-space:nowrap;}
.pd-donut-colsRule{width:100%;height:1px;background:rgba(15,23,42,.08);border-radius:999px;margin-right:5px;}
.pd-donut-accBody{padding:10px 12px 12px;}
.pd-donut-accGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.pd-donut-accK{min-width:0;}
.pd-donut-accKL{font-size:11.5px;color:var(--pd-ink-55);}
.pd-donut-accKV{font-size:13px;font-weight:600;color:var(--pd-ink-86);}
.pd-donut-accTxt{margin-top:10px;font-size:12.5px;line-height:1.45;color:var(--pd-ink-80);}
.pd-donut-accT{margin-top:6px;}
.pd-donut-accNote{margin-bottom:10px;}
.pd-donut-accPts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
@media (max-width:420px){.pd-donut-accPts{grid-template-columns:repeat(2,minmax(0,1fr));}.pd-donut-accPts .pd-donut-accK:nth-child(3){grid-column:1 / -1;}}

/* ==========================================================================
   06) AUDITORÍA (details.pd-card.pd-audit)
   ========================================================================== */
.pd-audit{border:0;border-radius:var(--rad-xl,18px);background:var(--pd-glass-56);box-shadow:var(--pd-card-shadow);overflow:clip;padding:16px;}
.pd-audit-body{margin-top:12px;padding:0;}
.pd-audit-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px;}
@media (max-width:560px){.pd-audit-top{grid-template-columns:1fr;}}
.pd-audit-kpi-v{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--pd-ink-92);font-variant-numeric:tabular-nums;line-height:1.05;}
.pd-audit-top .pd-audit-kpi:nth-child(1) .pd-audit-kpi-v{color:var(--pd-danger,var(--danger,rgba(239,68,68,.95)));}
.pd-audit-top .pd-audit-kpi:nth-child(2) .pd-audit-kpi-v{color:var(--pd-success,var(--success,rgba(34,197,94,.95)));}
.pd-audit-kpi-l{margin-top:4px;font-size:12px;font-weight:600;color:var(--pd-ink-62);line-height:1.25;}
.pd-audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--pd-gap,12px);}
@media (max-width:860px){.pd-audit-grid{grid-template-columns:1fr;}}
.pd-audit-col{border:0;border-radius:var(--rad-lg,14px);background:var(--pd-glass-60);box-shadow:var(--pd-card-shadow);padding:14px;overflow:clip;}
.pd-audit-title{margin-bottom:10px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:rgba(15,23,42,.65);}
.pd-gap-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.pd-gap-item{display:flex;align-items:center;gap:10px;padding:10px 10px;border:var(--pd-dash);border-radius:var(--pd-table-radius);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;}
.pd-gap-n{flex:0 0 auto;width:22px;font-size:12px;font-weight:600;color:var(--pd-ink-55);font-variant-numeric:tabular-nums;}
.pd-gap-k{min-width:0;flex:1 1 auto;font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--pd-ink-86);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pd-gap-v{flex:0 0 auto;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--pd-ink-82);background:var(--pd-glass-62);box-shadow:var(--pd-card-shadow);font-variant-numeric:tabular-nums;white-space:nowrap;}
.pd-gap-bar{flex:0 0 92px;height:8px;border-radius:999px;background:rgba(15,23,42,.10);overflow:hidden;}
.pd-gap-bar>i{display:block;height:100%;border-radius:999px;background:rgba(15,23,42,.32);}
.pd-audit-foot{margin-top:10px;font-size:12px;color:var(--pd-ink-62);}
.pd-gap-hints{display:flex;flex-direction:column;gap:10px;}
.pd-gap-hint{border:var(--pd-dash);border-radius:var(--pd-table-radius);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;padding:10px;}
.pd-gap-hint-k{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--pd-ink-88);}
.pd-gap-hint-t{margin-top:6px;font-size:12px;line-height:1.4;color:rgba(15,23,42,.66);}
.pd-audit-col:first-child{display:flex;flex-direction:column;}
.pd-audit-col:first-child .pd-audit-foot{display:flex;flex-direction:column;flex:1 1 auto;}
.pd-audit-total{display:block;}
.pd-audit-col:first-child .pd-audit-explain{margin-top:auto;}
.pd-audit-note{margin-top:12px;padding-top:10px;border:0;font-size:12px;color:var(--pd-ink-62);}
.pd-audit-explain{margin-top:10px;padding:10px 12px;border:0;border-radius:14px;background:var(--pd-glass-58);box-shadow:var(--pd-card-shadow);color:var(--pd-ink-68);font-size:12px;line-height:1.45;letter-spacing:-.01em;}
.pd-audit-explain b{color:var(--pd-ink-86);font-weight:600;}
.pd-audit-example{display:inline-block;margin-top:6px;padding:8px 10px;border:0;border-radius:12px;background:var(--pd-soft-04);color:var(--pd-ink-70);font-size:12px;line-height:1.45;}
.pd-audit-example b{color:var(--pd-ink-86);font-weight:600;}
@media (max-width:520px){.pd-audit-explain{padding:10px 11px;}.pd-audit-example{padding:8px 10px;}}

/* ==========================================================================
   07) METODOLOGÍA / EXPLICACIÓN (details.pd-card.pd-how)
   ========================================================================== */
.pd-how{padding:0;background:var(--pd-glass-56);}
.pd-how-body{margin:0;}
.pd-how-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media (max-width:720px){.pd-how-grid{grid-template-columns:1fr;}}
.pd-how-card{padding:12px;border-radius:16px;border:0;background:var(--pd-panel-bg,rgba(255,255,255,.72));box-shadow:var(--pd-card-shadow,0 18px 60px rgba(15,23,42,.10));backdrop-filter:blur(var(--blur-lg,18px));-webkit-backdrop-filter:blur(var(--blur-lg,18px));background-clip:padding-box;}
.pd-how-title{margin:0 0 8px;font-size:12.6px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--pd-ink-mute,rgba(15,23,42,.58));}
.pd-how-list{margin:0;padding-left:16px;display:grid;gap:6px;font-size:12.4px;line-height:1.4;color:color-mix(in oklch,var(--pd-ink) 78%,transparent 22%);}
.pd-how-text{display:grid;gap:10px;min-width:0;}
.pd-how-lead{margin:0;font-size:12.8px;line-height:1.55;letter-spacing:-.01em;color:color-mix(in oklch,var(--pd-ink) 90%,transparent 10%);}
.pd-how-lead b{font-weight:600;color:color-mix(in oklch,var(--pd-ink) 96%,transparent 4%);}
.pd-how-steps{display:grid;gap:0;padding:10px 10px;border-radius:14px;background:color-mix(in oklch,var(--surface,#fff) 55%,transparent 45%);border:1px dashed color-mix(in oklch,var(--separator,rgba(15,23,42,.10)) 70%,transparent 30%);box-shadow:0 1px 2px rgba(15,23,42,.04);min-width:0;}
.pd-how-step{display:flex;gap:10px;align-items:flex-start;padding:6px 0;min-width:0;}
.pd-how-step+.pd-how-step{border-top:1px solid color-mix(in oklch,var(--separator,rgba(15,23,42,.10)) 45%,transparent 55%);}
.pd-how-stepK{flex:0 0 auto;width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;line-height:1;background:color-mix(in oklch,var(--surface,#fff) 70%,transparent 30%);border:1px solid color-mix(in oklch,var(--pd-pill-border,rgba(15,23,42,.12)) 85%,transparent 15%);color:color-mix(in oklch,var(--pd-ink) 90%,transparent 10%);}
.pd-how-stepT{margin-top:1px;font-size:12.5px;line-height:1.42;letter-spacing:-.01em;color:color-mix(in oklch,var(--pd-ink) 78%,transparent 22%);min-width:0;}
.pd-how-read{display:grid;gap:8px;padding:10px 10px;border-radius:14px;background:color-mix(in oklch,var(--pd-panel-bg,rgba(255,255,255,.72)) 78%,transparent 22%);box-shadow:0 1px 2px rgba(15,23,42,.04);border:1px solid color-mix(in oklch,var(--separator,rgba(15,23,42,.10)) 45%,transparent 55%);}
.pd-how-readH{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;}
.pd-how-readT{font-size:11.6px;font-weight:600;letter-spacing:-.01em;color:color-mix(in oklch,var(--pd-ink) 82%,transparent 18%);}
.pd-how-readS{font-size:11.2px;}
.pd-how-readScale{display:flex;align-items:center;gap:8px;}
.pd-how-readP{font-size:11px;font-weight:600;color:color-mix(in oklch,var(--pd-ink) 70%,transparent 30%);}
.pd-how-readLine{flex:1 1 auto;height:2px;border-radius:999px;background:linear-gradient(90deg,color-mix(in oklch,var(--pd-ink) 18%,transparent 82%),color-mix(in oklch,var(--pd-ink) 10%,transparent 90%));}
.pd-how-readChips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.pd-how-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;font-size:11.6px;line-height:1;color:color-mix(in oklch,var(--pd-ink) 78%,transparent 22%);background:color-mix(in oklch,var(--surface,#fff) 62%,transparent 38%);border:1px solid color-mix(in oklch,var(--separator,rgba(15,23,42,.10)) 45%,transparent 55%);}
.pd-how-chip b{font-weight:600;color:color-mix(in oklch,var(--pd-ink) 92%,transparent 8%);}
.pd-how-note{margin-top:2px;font-size:11.8px;line-height:1.45;color:var(--pd-ink-mute,rgba(15,23,42,.58));}
.pd-how-note b{font-weight:600;color:color-mix(in oklch,var(--pd-ink) 86%,transparent 14%);}

/* ==========================================================================
   07.x) METODOLOGÍA · Tabla Pesos (pd-how-w-*)
   ========================================================================== */
.pd-how-w-wrap{display:grid;gap:8px;min-width:0;}
.pd-how-w-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border-radius:12px;overflow:hidden;background:color-mix(in oklch,var(--pd-panel-bg,rgba(255,255,255,.72)) 90%,transparent 10%);box-shadow:0 1px 2px rgba(15,23,42,.04);}
.pd-how-w-table thead th{position:sticky;top:0;z-index:1;padding:8px 10px;font-size:11.2px;font-weight:600;letter-spacing:-.01em;line-height:1.1;color:color-mix(in oklch,var(--pd-ink) 78%,transparent 22%);background:color-mix(in oklch,var(--surface,#fff) 80%,transparent 20%);border-bottom:1px solid color-mix(in oklch,var(--separator,rgba(15,23,42,.10)) 70%,transparent 30%);}
.pd-how-w-table tbody td{padding:7px 10px;font-size:12px;line-height:1.12;color:color-mix(in oklch,var(--pd-ink) 92%,transparent 8%);border-bottom:1px solid color-mix(in oklch,var(--separator,rgba(15,23,42,.10)) 55%,transparent 45%);}
.pd-how-w-table tbody tr:last-child td{border-bottom:0;}
.pd-how-w-table tbody tr:nth-child(2n) td{background:color-mix(in oklch,var(--surface,#fff) 64%,transparent 36%);}
@media (hover:hover){.pd-how-w-table tbody tr:hover td{background:color-mix(in oklch,var(--tint,#0d99ff) 6%,var(--surface,#fff) 94%);}}
.pd-how-w-table th:nth-child(1),.pd-how-w-table td:nth-child(1){text-align:left;width:auto;}
.pd-how-w-table th:nth-child(2),.pd-how-w-table td:nth-child(2){text-align:left;width:40%;}
.pd-how-w-table th:nth-child(3),.pd-how-w-table td:nth-child(3){text-align:right;width:22%;}
.pd-how-w-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:11.1px;letter-spacing:-.01em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pd-how-w-val,.pd-how-w-table .pd-num{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
.pd-how-w-table tfoot td{padding:8px 10px;font-size:11.7px;font-weight:600;line-height:1.1;background:color-mix(in oklch,var(--surface,#fff) 72%,transparent 28%);border-top:1px solid color-mix(in oklch,var(--separator,rgba(15,23,42,.10)) 70%,transparent 30%);}
.pd-how-w-sumL{color:color-mix(in oklch,var(--pd-ink) 80%,transparent 20%);}
.pd-how-w-sumR{color:color-mix(in oklch,var(--pd-ink) 92%,transparent 8%);}
.pd-how-w-hint{font-size:11.4px;line-height:1.4;color:var(--pd-ink-mute,rgba(15,23,42,.58));}
.pd-how-w-hint b{font-weight:600;color:color-mix(in oklch,var(--pd-ink) 86%,transparent 14%);}
@media (max-width:720px){
  .pd-how-w-wrap{gap:7px;}
  .pd-how-w-table thead th{padding:7px 9px;font-size:11.0px;}
  .pd-how-w-table tbody td{padding:6px 9px;font-size:11.8px;}
  .pd-how-w-table tfoot td{padding:7px 9px;}
  .pd-how-w-table th:nth-child(2),.pd-how-w-table td:nth-child(2){width:42%;}
  .pd-how-w-table th:nth-child(3),.pd-how-w-table td:nth-child(3){width:24%;}
  .pd-how-w-id{font-size:10.9px;}
}
.pd-how-w-table tfoot td:last-child{text-align:right;padding-right:10px;}