/* Evaluación IA follows the same stage and disclosure language as Estadísticas. */
.olo-wrapper { display: grid; gap: 16px; }
.olo-main-heading { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 68px; padding: 12px 60px; border-radius: 9px; background: #123f63; text-align: center; }
.olo-main-heading > small, .olo-stage-heading > small { color: #bad5e8; font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.olo-main-heading > h2, .olo-stage-heading > h2 { margin: 2px 0 0; color: #fff; font-size: 23px; }
.olo-main-heading > .stats-reading-help { width: 100%; }
.olo-main-heading > .stats-reading-help > summary { top: 22px; }
.olo-stages { display: grid; gap: 16px; }
.olo-stage { overflow: hidden; border: 1px solid #dce5ed; border-radius: 10px; background: #fff; }
.olo-stage-heading { display: flex; flex-direction: column; align-items: center; padding: 12px 20px; background: #123f63; text-align: center; }
.olo-stage-heading > h2 { font-size: 21px; }
.olo-stage-sample { margin-top: 5px; color: #d6e7f2; font-size: 12px; }
.olo-stage-context { padding: 14px 20px 4px; text-align: center; }
.olo-stage-context > p { margin: 0; color: #61798a; font-size: 12px; line-height: 1.5; }
.olo-stage-context .olo-row-liga { margin-top: 8px; font-size: 12px; }
.olo-stage-cells { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.olo-stage-cells > .olo-cell { min-width: 0; padding: 16px 20px 12px; border-radius: 0; box-shadow: none; }
.olo-stage-cells > .olo-cell + .olo-cell { border-left: 1px solid #edf2f6; }
.olo-cell-cap { font-size: 13px; }
.olo-pct { justify-content: center; margin-top: 8px; }
.olo-cell-foot { color: #688092; }
.olo-graph { min-width: 0; }
.olo-explica { margin-top: 0; }
@media (max-width: 700px) {
  .olo-stage-cells { grid-template-columns: 1fr; }
  .olo-stage-cells > .olo-cell + .olo-cell { border-left: 0; border-top: 1px solid #edf2f6; }
  .olo-main-heading { padding-inline: 42px; }
}

/* Compact scouting readout: one strip per comparison, with no repeated prose. */
.olo-wrapper{gap:9px}
.olo-main-heading{min-height:52px;padding:8px 44px}
.olo-main-heading>h2{font-size:20px}
.olo-main-heading>small{font-size:9px}
.olo-main-heading .stats-reading-help>summary{top:14px;right:14px;width:25px;height:25px;background:#fff;color:#123f63;border:0;font-weight:800;box-shadow:0 1px 4px #082c4680}
.olo-main-heading .stats-reading-help>summary:hover,.olo-main-heading .stats-reading-help[open]>summary{background:#dceefa;color:#123f63}
.olo-main-heading .stats-help-panel{padding:14px 18px;margin-top:11px}
.olo-main-heading .stats-help-panel h3{font-size:20px}
.olo-main-heading .stats-help-panel h4{font-size:15px}
.olo-main-heading .stats-help-panel p{font-size:12px;line-height:1.45}
.olo-main-heading .stats-help-columns{gap:15px;margin-top:11px}
.olo-stage-heading{flex-direction:row;justify-content:space-between;gap:15px;min-height:43px;padding:7px 15px;text-align:left}
.olo-stage-heading>div:first-child{min-width:0}
.olo-stage-heading>div:first-child h2{font-size:16px;line-height:1.15;margin:0}
.olo-stage-heading>div:first-child small{display:block;color:#bad5e8;font-size:10px;letter-spacing:0;margin-top:2px}
.olo-stage-sample{font-size:10px;margin:0;text-align:right;white-space:nowrap}
.olo-stage-cells>.olo-cell{padding:9px 15px 8px}
.olo-cell-cap{font-size:11px;padding-bottom:3px;margin-bottom:0}
.olo-pct{margin-top:4px}
.olo-pct-num{font-size:28px}
.olo-pct-unit{font-size:11px}
.olo-graph{margin:0}
.olo-cell-foot{font-size:11px;padding-top:2px}
.olo-cell-foot{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.olo-cell-foot span:last-child{color:#174e75;font-weight:700}
@media(max-width:700px){.olo-stage-heading{align-items:flex-start;flex-direction:column;gap:4px}.olo-stage-sample{text-align:left;white-space:normal}}