/*
 * Análisis de leaks (Fase 8). Usa exactamente la identidad visual actual: fondo carbón, blanco cálido, verde ácido, coral para alertas,
 * verde de éxito, Manrope / Space Grotesk / DM Mono. Reutiliza las variables de la pestaña Stats (--stats-*) y los tokens --pd-*.
 * Todo el CSS está acotado a #pdo-analysis-hub: no afecta a ningún otro módulo.
 */
#pdo-analysis-hub {
  --h-surface: var(--stats-surface, var(--pd-surface, #141917));
  --h-surface-2: var(--stats-surface-2, var(--pd-surface-raised, #171d1a));
  --h-line: var(--stats-line, rgba(154,161,152,.14));
  --h-line-strong: var(--pd-border-strong, rgba(244,241,231,.23));
  --h-ink: var(--stats-ink, #f8f6ef);
  --h-muted: var(--stats-ink-2, #9aa198);
  --h-dim: var(--stats-ink-3, #7d887d);
  --h-acid: var(--pd-acid, #c8ff4d);
  --h-acid-soft: var(--pd-acid-soft, rgba(200,255,77,.13));
  --h-coral: var(--pd-coral, #ff7459);
  --h-good: var(--pd-success, #70e39b);
  --h-warn: var(--pd-yellow, #f5c451);
  --h-sky: var(--pd-sky, #7ad7f0);
  --h-ink-on-acid: var(--pd-ink, #101310);
  --h-mono: var(--pd-mono, 'DM Mono', monospace);
  --h-display: var(--pd-display, 'Space Grotesk', system-ui, sans-serif);
  color: var(--h-ink);
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  min-width: 0;
}
#pdo-analysis-hub *, #pdo-analysis-hub *::before, #pdo-analysis-hub *::after { box-sizing: border-box; }
#pdo-analysis-hub .pdo-hub-inner { display: flex; flex-direction: column; gap: 18px; }

/* --- cabecera y selector --- */
#pdo-analysis-hub .pdo-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
#pdo-analysis-hub .pdo-head-title { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#pdo-analysis-hub .pdo-head h3 { margin: 0; font-family: var(--h-display); font-size: 22px; font-weight: 700; line-height: 1.2; }
#pdo-analysis-hub .pdo-chip { font-family: var(--h-mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; padding: 4px 9px; border-radius: 999px; border: 1px solid var(--h-line-strong); color: var(--h-muted); }
#pdo-analysis-hub .pdo-chip-dev { border-color: var(--h-warn); color: var(--h-warn); }
#pdo-analysis-hub .pdo-head-tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#pdo-analysis-hub .pdo-period { font-family: var(--h-mono); font-size: 12px; color: var(--h-muted); }
#pdo-analysis-hub .pdo-note { flex-basis: 100%; margin: 0; font-size: 12.5px; color: var(--h-muted); }
#pdo-analysis-hub .pdo-seg { display: inline-flex; border: 1px solid var(--h-line-strong); border-radius: 12px; padding: 3px; background: var(--h-surface); }
#pdo-analysis-hub .pdo-seg-btn { appearance: none; border: 0; background: transparent; color: var(--h-muted); font: inherit; font-size: 13px; font-weight: 700; padding: 8px 14px; border-radius: 9px; cursor: pointer; min-height: 36px; transition: background .15s, color .15s; }
#pdo-analysis-hub .pdo-seg-btn:hover:not(:disabled) { color: var(--h-ink); }
#pdo-analysis-hub .pdo-seg-btn.is-active { background: var(--h-acid); color: var(--h-ink-on-acid); }
#pdo-analysis-hub .pdo-seg-btn:disabled { opacity: .45; cursor: not-allowed; }
#pdo-analysis-hub button:focus-visible, #pdo-analysis-hub summary:focus-visible { outline: 2px solid var(--h-acid); outline-offset: 2px; }

/* --- hero + por qué --- */
#pdo-analysis-hub .pdo-hero-wrap { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }
#pdo-analysis-hub .pdo-hero { background: var(--h-surface); border: 1px solid var(--h-line-strong); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 18px; box-shadow: inset 0 0 60px var(--h-acid-soft); }
#pdo-analysis-hub .pdo-hero.is-empty { box-shadow: none; }
#pdo-analysis-hub .pdo-eyebrow { font-family: var(--h-mono); font-size: 11px; letter-spacing: .14em; color: var(--h-acid); }
#pdo-analysis-hub .pdo-hero-main { display: flex; justify-content: space-between; gap: 16px; align-items: flex-end; flex-wrap: wrap; }
#pdo-analysis-hub .pdo-hero-title { margin: 0 0 10px; font-family: var(--h-display); font-size: 26px; font-weight: 700; line-height: 1.15; }
#pdo-analysis-hub .pdo-hero-value { display: flex; flex-direction: column; align-items: flex-end; }
#pdo-analysis-hub .pdo-value { font-family: var(--h-display); font-size: 52px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
#pdo-analysis-hub .pdo-target { font-family: var(--h-mono); font-size: 13px; color: var(--h-muted); margin-top: 6px; }
#pdo-analysis-hub .pdo-badges { display: flex; gap: 8px; flex-wrap: wrap; }
#pdo-analysis-hub .pdo-badge { display: inline-flex; align-items: center; padding: 5px 11px; border-radius: 999px; font-size: 12px; font-weight: 800; border: 1px solid var(--h-line-strong); color: var(--h-ink); white-space: nowrap; }
#pdo-analysis-hub .pdo-status.is-bad { background: rgba(255,116,89,.16); border-color: var(--h-coral); color: var(--h-coral); }
#pdo-analysis-hub .pdo-status.is-warn { background: rgba(245,196,81,.14); border-color: var(--h-warn); color: var(--h-warn); }
#pdo-analysis-hub .pdo-status.is-good { background: rgba(112,227,155,.13); border-color: var(--h-good); color: var(--h-good); }
#pdo-analysis-hub .pdo-status.is-neutral { color: var(--h-muted); }
#pdo-analysis-hub .pdo-prio-critical { background: var(--h-coral); border-color: var(--h-coral); color: var(--h-ink-on-acid); }
#pdo-analysis-hub .pdo-prio-high { border-color: var(--h-coral); color: var(--h-coral); }
#pdo-analysis-hub .pdo-prio-medium { border-color: var(--h-warn); color: var(--h-warn); }
#pdo-analysis-hub .pdo-prio-low { color: var(--h-muted); }
#pdo-analysis-hub .pdo-prio-monitor { border-color: var(--h-sky); color: var(--h-sky); }
#pdo-analysis-hub .pdo-metrics { margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
#pdo-analysis-hub .pdo-metric { background: var(--h-surface-2); border: 1px solid var(--h-line); border-radius: 12px; padding: 12px 13px; min-width: 0; }
#pdo-analysis-hub .pdo-metric dt { font-size: 11px; color: var(--h-muted); font-weight: 700; margin: 0 0 5px; text-transform: uppercase; letter-spacing: .05em; }
#pdo-analysis-hub .pdo-metric dd { margin: 0; font-size: 14px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
#pdo-analysis-hub .pdo-cta { appearance: none; align-self: flex-start; border: 0; background: var(--h-acid); color: var(--h-ink-on-acid); font: inherit; font-weight: 800; font-size: 14.5px; padding: 13px 22px; border-radius: 12px; cursor: pointer; min-height: 46px; transition: transform .15s, filter .15s; }
#pdo-analysis-hub .pdo-cta:hover { filter: brightness(1.06); transform: translateY(-1px); }
#pdo-analysis-hub .pdo-why { background: var(--h-surface); border: 1px solid var(--h-line); border-radius: 20px; padding: 22px; }
#pdo-analysis-hub .pdo-why h4 { margin: 0 0 12px; font-family: var(--h-display); font-size: 16px; }
#pdo-analysis-hub .pdo-why ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
#pdo-analysis-hub .pdo-why li { position: relative; padding-left: 22px; font-size: 13.5px; line-height: 1.45; color: var(--h-ink); }
#pdo-analysis-hub .pdo-why li::before { content: ''; position: absolute; left: 0; top: .5em; width: 8px; height: 8px; border-radius: 50%; background: var(--h-acid); }

/* --- secciones --- */
#pdo-analysis-hub .pdo-sec-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
#pdo-analysis-hub .pdo-sec-head h4 { margin: 0; font-family: var(--h-display); font-size: 18px; }
#pdo-analysis-hub .pdo-evo, #pdo-analysis-hub .pdo-top, #pdo-analysis-hub .pdo-fixed-sec { background: var(--h-surface); border: 1px solid var(--h-line); border-radius: 20px; padding: 22px; }
#pdo-analysis-hub .pdo-notice { border: 1px solid var(--h-line-strong); border-left: 3px solid var(--h-sky); border-radius: 10px; padding: 10px 14px; font-size: 13px; color: var(--h-muted); background: var(--h-surface-2); margin-bottom: 12px; }
#pdo-analysis-hub .pdo-notice.is-bad { border-left-color: var(--h-coral); color: var(--h-coral); }
#pdo-analysis-hub .pdo-legacy { border-left-color: var(--h-warn); }
#pdo-analysis-hub .pdo-fine { margin: 8px 0 0; font-size: 12px; color: var(--h-muted); }
#pdo-analysis-hub .pdo-sub { font-family: var(--h-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--h-muted); margin-bottom: 8px; }

/* --- gráfico --- */
#pdo-analysis-hub .pdo-chart { margin: 4px 0 14px; }
#pdo-analysis-hub .pdo-chart-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
#pdo-analysis-hub .pdo-chart svg { display: block; width: 100%; min-width: 460px; height: auto; }
#pdo-analysis-hub .pdo-band { fill: var(--h-acid-soft); stroke: var(--h-acid); stroke-width: 1; stroke-dasharray: 4 4; }
#pdo-analysis-hub .pdo-band-label { font-family: var(--h-mono); font-size: 11px; fill: var(--h-acid); }
#pdo-analysis-hub .pdo-axis { font-family: var(--h-mono); font-size: 10.5px; fill: var(--h-dim); }
#pdo-analysis-hub .pdo-axis-line { stroke: var(--h-line-strong); stroke-width: 1; }
#pdo-analysis-hub .pdo-seg-line { stroke: var(--h-ink); stroke-width: 2.2; stroke-linecap: round; opacity: .85; }
#pdo-analysis-hub .pdo-pt circle { stroke: var(--h-surface); stroke-width: 2; fill: var(--h-muted); }
#pdo-analysis-hub .pdo-pt.is-out circle { fill: var(--h-coral); }
#pdo-analysis-hub .pdo-pt.is-within circle { fill: var(--h-good); }
#pdo-analysis-hub .pdo-pt.is-legacy circle { fill: transparent; stroke: var(--h-warn); stroke-width: 2; stroke-dasharray: 3 2; }
#pdo-analysis-hub .pdo-pt-val { font-family: var(--h-mono); font-size: 12px; font-weight: 500; fill: var(--h-ink); }
#pdo-analysis-hub .pdo-pt-lab { font-family: var(--h-mono); font-size: 11.5px; fill: var(--h-muted); }
#pdo-analysis-hub .pdo-pt-opp { font-family: var(--h-mono); font-size: 10px; fill: var(--h-dim); }
#pdo-analysis-hub .pdo-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 11.5px; color: var(--h-muted); margin-top: 4px; }
#pdo-analysis-hub .pdo-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
#pdo-analysis-hub .lg-band { background: var(--h-acid-soft); border: 1px dashed var(--h-acid); }
#pdo-analysis-hub .lg-in { background: var(--h-good); border-radius: 50% !important; }
#pdo-analysis-hub .lg-out { background: var(--h-coral); border-radius: 50% !important; }
#pdo-analysis-hub .pdo-chart.is-empty p { color: var(--h-muted); font-size: 13px; }

/* --- comparación --- */
#pdo-analysis-hub .pdo-compare-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 12px; align-items: stretch; }
#pdo-analysis-hub .pdo-side { background: var(--h-surface-2); border: 1px solid var(--h-line); border-radius: 14px; padding: 14px 16px; min-width: 0; }
#pdo-analysis-hub .pdo-side-title { font-family: var(--h-mono); font-size: 11px; letter-spacing: .12em; color: var(--h-muted); margin-bottom: 6px; }
#pdo-analysis-hub .pdo-side-title span { letter-spacing: 0; color: var(--h-dim); }
#pdo-analysis-hub .pdo-side-val { font-family: var(--h-display); font-size: 32px; font-weight: 700; font-variant-numeric: tabular-nums; }
#pdo-analysis-hub .pdo-side ul { list-style: none; margin: 8px 0 0; padding: 0; font-size: 13px; color: var(--h-muted); display: flex; flex-direction: column; gap: 3px; }
#pdo-analysis-hub .pdo-side li.is-sample { color: var(--h-ink); font-weight: 800; }
#pdo-analysis-hub .pdo-arrow { align-self: center; color: var(--h-muted); font-size: 22px; }
#pdo-analysis-hub .pdo-result { margin-top: 12px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; border: 1px solid var(--h-line-strong); border-radius: 12px; padding: 12px 16px; font-size: 14px; font-weight: 700; }
#pdo-analysis-hub .pdo-result-label { font-family: var(--h-mono); font-size: 12px; letter-spacing: .1em; }
#pdo-analysis-hub .pdo-result.is-good { border-color: var(--h-good); color: var(--h-good); background: rgba(112,227,155,.08); }
#pdo-analysis-hub .pdo-result.is-bad { border-color: var(--h-coral); color: var(--h-coral); background: rgba(255,116,89,.09); }
#pdo-analysis-hub .pdo-result.is-warn { border-color: var(--h-warn); color: var(--h-warn); }
#pdo-analysis-hub .pdo-result.is-neutral { color: var(--h-muted); }

/* --- multi-horizonte --- */
#pdo-analysis-hub .pdo-horizons { margin-top: 18px; }
#pdo-analysis-hub .pdo-hz-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
#pdo-analysis-hub .pdo-hz { background: var(--h-surface-2); border: 1px solid var(--h-line); border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
#pdo-analysis-hub .pdo-hz-name { font-size: 12px; color: var(--h-muted); font-weight: 700; }
#pdo-analysis-hub .pdo-hz-status { font-size: 14px; font-weight: 800; }
#pdo-analysis-hub .pdo-hz-detail { font-size: 11.5px; color: var(--h-dim); }
#pdo-analysis-hub .pdo-hz.is-good .pdo-hz-status { color: var(--h-good); }
#pdo-analysis-hub .pdo-hz.is-bad .pdo-hz-status { color: var(--h-coral); }
#pdo-analysis-hub .pdo-hz.is-warn .pdo-hz-status { color: var(--h-warn); }
#pdo-analysis-hub .pdo-general { margin-top: 10px; display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; font-size: 13px; color: var(--h-muted); }
#pdo-analysis-hub .pdo-general strong { color: var(--h-ink); font-size: 15px; }

/* --- top leaks --- */
#pdo-analysis-hub .pdo-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
#pdo-analysis-hub .pdo-card { min-width: 0; }
#pdo-analysis-hub .pdo-card-btn { appearance: none; width: 100%; height: 100%; text-align: left; font: inherit; color: inherit; background: var(--h-surface-2); border: 1px solid var(--h-line); border-radius: 14px; padding: 14px; cursor: pointer; display: flex; flex-direction: column; gap: 9px; transition: border-color .15s, transform .15s; }
#pdo-analysis-hub .pdo-card-btn:hover { border-color: var(--h-acid); transform: translateY(-1px); }
#pdo-analysis-hub .pdo-card-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#pdo-analysis-hub .pdo-rank { font-family: var(--h-mono); font-size: 12px; color: var(--h-acid); }
#pdo-analysis-hub .pdo-card-name { font-weight: 800; font-size: 14.5px; flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
#pdo-analysis-hub .pdo-card-val { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
#pdo-analysis-hub .pdo-card-val strong { font-family: var(--h-display); font-size: 26px; font-variant-numeric: tabular-nums; }
#pdo-analysis-hub .pdo-card-val span { font-family: var(--h-mono); font-size: 12px; color: var(--h-muted); }
#pdo-analysis-hub .pdo-dir { color: var(--h-muted); font-weight: 700; }
#pdo-analysis-hub .pdo-card-meta { font-size: 12.5px; color: var(--h-muted); }
#pdo-analysis-hub .pdo-card-reason { margin: 0; font-size: 12.5px; line-height: 1.4; color: var(--h-ink); }

/* --- observación / corregidos --- */
#pdo-analysis-hub .pdo-watchlist, #pdo-analysis-hub .pdo-all { background: var(--h-surface); border: 1px solid var(--h-line); border-radius: 20px; }
#pdo-analysis-hub details > summary { list-style: none; cursor: pointer; padding: 16px 22px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-family: var(--h-display); font-size: 17px; font-weight: 700; }
#pdo-analysis-hub details > summary::-webkit-details-marker { display: none; }
#pdo-analysis-hub details > summary::after { content: '+'; margin-left: auto; font-family: var(--h-mono); color: var(--h-muted); }
#pdo-analysis-hub details[open] > summary::after { content: '\2212'; }
#pdo-analysis-hub summary em { font-style: normal; font-family: var(--h-mono); font-size: 12px; padding: 2px 9px; border-radius: 999px; border: 1px solid var(--h-line-strong); color: var(--h-muted); }
#pdo-analysis-hub summary small { flex-basis: 100%; font-family: 'Manrope', sans-serif; font-size: 12px; font-weight: 500; color: var(--h-muted); }
#pdo-analysis-hub details > :not(summary) { margin-left: 22px; margin-right: 22px; }
#pdo-analysis-hub details > :last-child { margin-bottom: 20px; }
#pdo-analysis-hub .pdo-watch-list, #pdo-analysis-hub .pdo-fixed-list { list-style: none; padding: 0; margin: 10px 22px 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
#pdo-analysis-hub .pdo-fixed-list { margin: 0; }
#pdo-analysis-hub .pdo-watch, #pdo-analysis-hub .pdo-fixed { background: var(--h-surface-2); border: 1px solid var(--h-line); border-radius: 12px; padding: 12px 14px; }
#pdo-analysis-hub .pdo-watch-head { display: flex; flex-direction: column; gap: 3px; }
#pdo-analysis-hub .pdo-watch-head span { font-family: var(--h-mono); font-size: 12px; color: var(--h-muted); }
#pdo-analysis-hub .pdo-watch-meta { font-size: 12px; color: var(--h-dim); margin-top: 4px; }
#pdo-analysis-hub .pdo-watch p { margin: 6px 0 0; font-size: 12.5px; color: var(--h-muted); }
#pdo-analysis-hub .pdo-fixed-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
#pdo-analysis-hub .pdo-fixed-vals { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 8px; font-size: 12.5px; color: var(--h-muted); }
#pdo-analysis-hub .pdo-fixed-vals b { color: var(--h-ink); font-family: var(--h-mono); font-weight: 500; }
#pdo-analysis-hub .pdo-fixed.is-bad { border-color: var(--h-coral); }

/* --- todas las estadísticas --- */
#pdo-analysis-hub .pdo-table { display: flex; flex-direction: column; gap: 16px; margin-top: 4px; }
#pdo-analysis-hub .pdo-group-name { font-family: var(--h-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--h-acid); padding: 6px 0; border-bottom: 1px solid var(--h-line); margin-bottom: 4px; }
#pdo-analysis-hub .pdo-row { display: grid; grid-template-columns: minmax(130px, 1.5fr) .7fr .9fr .8fr 1.3fr 1.1fr 1.3fr auto; gap: 10px; align-items: center; padding: 9px 4px; border-bottom: 1px solid var(--h-line); font-size: 12.5px; }
#pdo-analysis-hub .pdo-row-name { font-weight: 800; font-size: 13px; min-width: 0; overflow-wrap: anywhere; }
#pdo-analysis-hub .pdo-row-val { font-family: var(--h-mono); font-variant-numeric: tabular-nums; }
#pdo-analysis-hub .pdo-row-tgt, #pdo-analysis-hub .pdo-row-opp, #pdo-analysis-hub .pdo-row-smp, #pdo-analysis-hub .pdo-row-prog { color: var(--h-muted); }
#pdo-analysis-hub .pdo-row.is-leak .pdo-row-state { color: var(--h-coral); font-weight: 800; }
#pdo-analysis-hub .pdo-row.is-pending { opacity: .8; }
#pdo-analysis-hub .pdo-row-note { grid-column: 1 / -2; font-size: 12px; color: var(--h-warn); }
#pdo-analysis-hub .pdo-row-btn { appearance: none; border: 1px solid var(--h-line-strong); background: transparent; color: var(--h-muted); font: inherit; font-size: 12px; font-weight: 700; padding: 6px 12px; border-radius: 8px; cursor: pointer; min-height: 32px; }
#pdo-analysis-hub .pdo-row-btn:hover { color: var(--h-ink); border-color: var(--h-acid); }

/* --- vacíos, carga, desarrollo --- */
#pdo-analysis-hub .pdo-empty { border: 1px dashed var(--h-line-strong); border-radius: 14px; padding: 20px; }
#pdo-analysis-hub .pdo-empty-title { font-family: var(--h-display); font-size: 18px; font-weight: 700; margin-bottom: 6px; }
#pdo-analysis-hub .pdo-empty p { margin: 0 0 6px; font-size: 13.5px; color: var(--h-muted); line-height: 1.5; }
#pdo-analysis-hub .pdo-empty .pdo-empty-hint { color: var(--h-ink); }
#pdo-analysis-hub .pdo-loading { padding: 28px; text-align: center; color: var(--h-muted); border: 1px dashed var(--h-line-strong); border-radius: 14px; }
#pdo-analysis-hub .pdo-dev { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; border: 1px dashed var(--h-warn); border-radius: 12px; padding: 10px 14px; font-size: 12.5px; color: var(--h-muted); }
#pdo-analysis-hub .pdo-dev strong { color: var(--h-warn); }
#pdo-analysis-hub .pdo-dev-btn { appearance: none; border: 1px solid var(--h-warn); background: transparent; color: var(--h-warn); font: inherit; font-size: 12px; font-weight: 800; padding: 7px 12px; border-radius: 8px; cursor: pointer; }

/* --- tablet --- */
@media (max-width: 1100px) {
  #pdo-analysis-hub .pdo-hero-wrap { grid-template-columns: minmax(0, 1fr); }
  #pdo-analysis-hub .pdo-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #pdo-analysis-hub .pdo-row { grid-template-columns: minmax(120px, 1.4fr) .7fr .9fr 1.2fr 1.2fr auto; }
  #pdo-analysis-hub .pdo-row-opp, #pdo-analysis-hub .pdo-row-smp { display: none; }
}
/* --- móvil: nada crítico se pierde (las filas pasan a tarjetas con etiquetas) --- */
@media (max-width: 640px) {
  #pdo-analysis-hub .pdo-hero, #pdo-analysis-hub .pdo-why, #pdo-analysis-hub .pdo-evo, #pdo-analysis-hub .pdo-top, #pdo-analysis-hub .pdo-fixed-sec { padding: 16px; border-radius: 16px; }
  #pdo-analysis-hub .pdo-hero-main { flex-direction: column; align-items: flex-start; }
  #pdo-analysis-hub .pdo-hero-value { align-items: flex-start; }
  #pdo-analysis-hub .pdo-value { font-size: 44px; }
  #pdo-analysis-hub .pdo-hero-title { font-size: 22px; }
  #pdo-analysis-hub .pdo-cta { width: 100%; text-align: center; }
  #pdo-analysis-hub .pdo-seg { width: 100%; }
  #pdo-analysis-hub .pdo-seg-btn { flex: 1 1 0; padding: 9px 4px; }
  #pdo-analysis-hub .pdo-head-tools { width: 100%; }
  #pdo-analysis-hub .pdo-compare-grid { grid-template-columns: minmax(0, 1fr); }
  #pdo-analysis-hub .pdo-arrow { transform: rotate(90deg); justify-self: center; }
  #pdo-analysis-hub .pdo-hz-grid { grid-template-columns: minmax(0, 1fr); }
  #pdo-analysis-hub .pdo-cards, #pdo-analysis-hub .pdo-watch-list, #pdo-analysis-hub .pdo-fixed-list { grid-template-columns: minmax(0, 1fr); }
  #pdo-analysis-hub details > summary { padding: 14px 16px; }
  #pdo-analysis-hub details > :not(summary) { margin-left: 16px; margin-right: 16px; }
  #pdo-analysis-hub .pdo-watch-list { margin-left: 16px; margin-right: 16px; }
  #pdo-analysis-hub .pdo-row { grid-template-columns: 1fr 1fr; gap: 6px 12px; padding: 12px 8px; border: 1px solid var(--h-line); border-radius: 12px; margin-bottom: 8px; background: var(--h-surface-2); }
  #pdo-analysis-hub .pdo-row-name { grid-column: 1 / -1; font-size: 14px; }
  #pdo-analysis-hub .pdo-row-opp, #pdo-analysis-hub .pdo-row-smp { display: block; }
  #pdo-analysis-hub .pdo-row > div[data-l]::before { content: attr(data-l); display: block; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--h-dim); margin-bottom: 1px; }
  #pdo-analysis-hub .pdo-row-note { grid-column: 1 / -1; }
  #pdo-analysis-hub .pdo-row-btn { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { #pdo-analysis-hub * { transition: none !important; } }
