/* Agescon – componentes de datos (v1, 27/10/2026). Ajustar las variables a la paleta de la web. */
.ag-card{--ag-ink:#121212;--ag-muted:#57554F;--ag-line:#E6E2D8;--ag-bg:#FFFFFF;--ag-soft:#F3F0E8;--ag-accent:#7A5600;--ag-up:#1B7A47;--ag-down:#B3261E;
  background:var(--ag-bg);color:var(--ag-ink);border:1px solid var(--ag-line);border-radius:10px;padding:20px;font:14px/1.45 Inter,system-ui,sans-serif;box-sizing:border-box;max-width:100%}
.ag-card *{box-sizing:border-box}
.ag-card h3{margin:0;font-family:Sora,Inter,sans-serif;font-size:17px;font-weight:600}
.ag-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ag-muted{color:var(--ag-muted);margin:2px 0 0;font-size:13px}
.ag-big{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px}
.ag-big span:first-child{font-size:13px;color:var(--ag-muted);font-weight:600}
.ag-big .ag-chg{font-size:13px}
.ag-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.ag-table th{font-size:12px;color:var(--ag-muted);font-weight:600;text-align:left;border-bottom:1px solid var(--ag-line);padding:6px 4px}
.ag-table td{padding:7px 4px;border-bottom:1px solid var(--ag-line)}
.ag-table .num{text-align:right;white-space:nowrap}
.ag-code{display:inline-block;min-width:38px;font-weight:700;font-size:12px;color:var(--ag-accent)}
.ag-chg{font-weight:600;font-size:13px;white-space:nowrap}
.ag-chg.up{color:var(--ag-up)}.ag-chg.down{color:var(--ag-down)}.ag-chg.flat{color:var(--ag-muted)}
.ag-foot{margin:12px 0 0;font-size:12px;color:var(--ag-muted)}
.ag-foot a{color:inherit}
.ag-ctrl{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:14px}
.ag-ctrl label{display:flex;flex-direction:column;font-size:12px;color:var(--ag-muted);gap:3px}
.ag-ctrl select,.ag-ctrl input{font:inherit;color:var(--ag-ink);background:var(--ag-bg);border:1px solid var(--ag-line);border-radius:6px;padding:6px 8px;min-height:34px}
.ag-range{display:flex;border:1px solid var(--ag-line);border-radius:6px;overflow:hidden}
.ag-range button,.ag-pager button,.ag-btn{font:inherit;font-size:13px;background:var(--ag-bg);color:var(--ag-ink);border:0;padding:7px 11px;cursor:pointer;min-height:34px}
.ag-range button+button{border-left:1px solid var(--ag-line)}
.ag-range button.on{background:var(--ag-ink);color:var(--ag-bg)}
.ag-btn{border:1px solid var(--ag-line);border-radius:6px;margin-left:auto}
.ag-btn:hover,.ag-range button:hover:not(.on),.ag-pager button:hover:not(:disabled){background:var(--ag-soft)}
.ag-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:10px}
.ag-stats div{background:var(--ag-soft);border-radius:8px;padding:8px 10px}
.ag-stats span{display:block;font-size:12px;color:var(--ag-muted)}
.ag-stats b{font-size:16px;font-variant-numeric:tabular-nums}
.ag-chart{position:relative;margin:6px 0 14px}
.ag-chart canvas{display:block;width:100%}
.ag-tip{position:absolute;pointer-events:none;background:var(--ag-ink);color:var(--ag-bg);font-size:12px;padding:4px 8px;border-radius:5px;white-space:nowrap}
.ag-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:8px;font-size:13px;color:var(--ag-muted)}
.ag-pager button{border:1px solid var(--ag-line);border-radius:6px}
.ag-pager button:disabled{opacity:.4;cursor:default}
.ag-mkt{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.ag-tile{background:var(--ag-soft);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.ag-tile>span:first-child{font-size:12px;color:var(--ag-muted)}
.ag-tile b{font-size:18px;font-variant-numeric:tabular-nums}
.ag-tile b small{font-size:12px;color:var(--ag-muted);font-weight:500}
.ag-tile.stale{opacity:.6}
.ag-tv{margin-top:14px;min-height:420px}
@media (max-width:600px){.ag-card{padding:14px}.ag-btn{margin-left:0}.ag-big{font-size:20px}}