/* Markets page (markets.html, markets.js). A quiet financial-page look in the site's colours: serif headings, sans-serif
   figures with tabular digits, soft panels instead of heavy rules. At a glance on top (four dollar cards and a strip of
   eight figures), then tabs for the dollar, rates and risk, stocks, crypto and the economy. */
:root{--mk-up:#0d7680;--mk-down:#990f3d;--mk-up-bg:rgba(13,118,128,.1);--mk-down-bg:rgba(153,15,61,.08);--mk-s1:var(--accent);--mk-s2:#2f6cb0;--mk-s3:#b8641a;--mk-s4:#8a4fa6;--mk-fill:rgba(12,25,17,.06);--mk-panel:#fbf9f3;--mk-soft:#ece7da}
html[data-theme="dark"]{--mk-up:#4fc3cc;--mk-down:#f2799b;--mk-up-bg:rgba(79,195,204,.13);--mk-down-bg:rgba(242,121,155,.12);--mk-s2:#6ea8e6;--mk-s3:#e39a52;--mk-s4:#c08ae0;--mk-fill:rgba(80,149,107,.13);--mk-panel:#151816;--mk-soft:#232724}
.mk-page{max-width:1160px;margin:34px auto 56px;padding:0 24px;font-family:var(--f-ui);color:var(--ink)}
.mk-page *{box-sizing:border-box}
/* Head */
.mk-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.mk-head h2{font-family:var(--f-head);font-weight:600;font-size:40px;line-height:1.22;letter-spacing:-.8px;margin:0}
.mk-dek{margin:4px 0 0;font-size:15px;line-height:1.45;color:var(--muted);max-width:56ch}
.mk-live{display:inline-flex;align-items:center;gap:8px;margin:0;padding:7px 12px;border-radius:999px;background:var(--mk-soft);font-size:12.5px;line-height:1.3;color:var(--muted);font-variant-numeric:tabular-nums}
.mk-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--mk-up);animation:mk-pulse 2s ease-out infinite}
.mk-live.is-stale .mk-dot{background:var(--muted);animation:none}
@keyframes mk-pulse{0%{box-shadow:0 0 0 0 rgba(13,118,128,.45)}70%{box-shadow:0 0 0 7px rgba(13,118,128,0)}100%{box-shadow:0 0 0 0 rgba(13,118,128,0)}}
.mk-tape{position:relative;margin:0 0 22px;padding:10px 0;border-bottom:1px solid var(--line);overflow:hidden;font-size:13.5px;line-height:1.3;font-variant-numeric:tabular-nums;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.mk-tape-track{display:flex;width:max-content;animation:mk-tape 60s linear infinite}
.mk-tape:hover .mk-tape-track,.mk-tape:focus-within .mk-tape-track{animation-play-state:paused}
.mk-tape-set{display:flex;flex:none}
.mk-tape-i{display:inline-flex;align-items:baseline;gap:6px;padding:0 18px;border-right:1px solid var(--line);white-space:nowrap;color:var(--ink)}
.mk-tape-i b{font-weight:700;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}
.mk-tape-i .rate-chg{font-size:12.5px}
@keyframes mk-tape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Labels, figures and change pills */
.mk-page small{display:block;font-size:11.5px;font-weight:700;line-height:1.3;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-page strong{font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.4px;color:var(--ink);white-space:nowrap}
.mk-chg{display:inline-flex;align-items:center;gap:1px;align-self:flex-start;min-height:22px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4;color:var(--muted);background:transparent;font-variant-numeric:tabular-nums;white-space:nowrap}
.mk-chg:empty{display:none}
.mk-chg.up{color:var(--mk-up);background:var(--mk-up-bg)}.mk-chg.down{color:var(--mk-down);background:var(--mk-down-bg)}
.mk-chg.inv.up{color:var(--mk-down);background:var(--mk-down-bg)}.mk-chg.inv.down{color:var(--mk-up);background:var(--mk-up-bg)}
.mk-chg.flat{font-weight:500;background:var(--mk-soft)}
.mk-pre{color:var(--muted);font-weight:600}
.mk-sum .mk-chg,.mk-cap-v .mk-chg{min-height:0;padding:1px 7px;font-size:inherit}
.mk-flash{animation:mk-flash 1.2s ease-out}
@keyframes mk-flash{0%{background:var(--mk-fill)}100%{background:transparent}}
.mk-fine{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
/* At a glance */
.mk-board{margin-bottom:30px}
.mk-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mk-card,.mk-stat{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--ink);text-decoration:none;transition:background-color .15s,border-color .15s}
.mk-card{padding:16px 18px 12px;border-radius:12px;background:var(--mk-panel);border:1px solid var(--line)}
.mk-card strong,.mk-stat strong,.mk-tile strong{font-family:var(--f-head);font-weight:700;letter-spacing:-.2px;font-variant-numeric:lining-nums tabular-nums}
.mk-card strong{font-size:31px;line-height:1.15}
.mk-card .mk-gs{height:38px;margin-top:4px}
.mk-card:hover{border-color:var(--ink)}
.mk-card:focus-visible,.mk-stat:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--mk-panel)}
.mk-stat{padding:12px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 -1px -1px 0}
.mk-stat:hover{background:var(--hover-tint)}
.mk-stat strong{font-size:20px;line-height:1.2}
.mk-stat .mk-gs{position:absolute;right:14px;top:14px;width:64px;height:22px}
.mk-stat[data-g="pf"] .mk-chg{display:block;max-width:100%;padding-left:0;overflow:hidden;text-overflow:ellipsis}
.mk-gs{display:block}
.mk-gs svg{display:block;width:100%;height:100%;overflow:visible}
.mk-gs path{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linejoin:round;opacity:.8}
/* Tabs */
.mk-tabs-wrap{margin:6px 0 20px;border-bottom:1px solid var(--line);scroll-margin-top:50px}
.mk-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.mk-tabs::-webkit-scrollbar{display:none}
.mk-tabs [role=tab]{flex:none;font:600 15px/1 var(--f-ui);padding:13px 14px 12px;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);cursor:pointer;white-space:nowrap}
.mk-tabs [role=tab]:hover{color:var(--ink)}
.mk-tabs [role=tab][aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}
.mk-tabs [role=tab]:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.mk-panel{display:flex;flex-direction:column;gap:18px}
.mk-panel[hidden]{display:none}
.mk-empty{margin:0;padding:30px 0;color:var(--muted);font-size:14px}
/* Boxes */
.mk-box{margin:0;padding:12px 0 0;min-width:0;border-top:1px solid var(--ink)}
.mk-conv-box{padding:16px 18px 14px;border:1px solid var(--line);border-radius:12px;background:var(--mk-panel)}
.mk-conv-box .mk-box-h{padding-bottom:10px;border-bottom:1px solid var(--line)}
.mk-box-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:12px}
.mk-box-h h3{display:flex;align-items:baseline;gap:10px;font:700 12px/1.3 var(--f-ui);letter-spacing:1.3px;text-transform:uppercase;color:var(--accent);margin:0}
.mk-box-h h3 .mk-cap-v{text-transform:none;letter-spacing:0;font-size:13px}
.mk-box-h .mk-fine{margin:0}
.mk-row-h{margin:6px 0 -4px;padding-top:12px;border-top:1px solid var(--ink)}
.mk-pair .mk-box{border-top-color:var(--line)}
.mk-split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.mk-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mk-pair figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-bottom:8px;font-size:13px;color:var(--muted)}
.mk-pair figcaption b{font-family:var(--f-head);font-weight:600;font-size:19px;line-height:1.22;color:var(--ink)}
.mk-cap-v{font-style:normal;font-weight:600;color:var(--ink);font-size:13px;font-family:var(--f-ui)}
.mk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mk-tile{display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--mk-panel)}
.mk-tile strong{font-size:32px;line-height:1.15}
.mk-sub{font-size:13px;line-height:1.35;color:var(--muted);font-variant-numeric:tabular-nums}
.mk-about{margin-top:10px;font-size:13px;color:var(--muted)}
.mk-about summary{cursor:pointer;font-weight:600}
.mk-about p{margin:6px 0 0;line-height:1.55;max-width:80ch}
/* Controls */
.mk-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:999px;background:var(--mk-soft)}
.mk-seg button{font:600 13px/1 var(--f-ui);padding:8px 12px;min-height:34px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}
.mk-seg button:hover{color:var(--ink)}
.mk-seg button[aria-pressed="true"]{background:var(--page);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.mk-seg button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.mk-seg-k{margin-bottom:12px}
.mk-sum{margin:0 0 6px;font-size:14px;line-height:1.5;color:var(--muted);font-variant-numeric:tabular-nums}
.mk-sum b{color:var(--ink);font-weight:650}
.mk-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 4px;font-size:13px;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums;min-height:18px}
.mk-legend b{color:var(--ink)}
.mk-sw{display:inline-block;width:12px;height:3px;margin-right:6px;vertical-align:middle;border-radius:2px;background:var(--mk-s1)}
/* Charts */
.mk-plot,.mk-spark{position:relative;touch-action:pan-y;cursor:crosshair;outline:none;user-select:none;-webkit-user-select:none}
.mk-plot{height:230px}
.mk-plot.mk-big{height:320px}
.mk-plot:focus-visible,.mk-spark:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.mk-plot svg,.mk-spark svg{display:block;width:100%;height:100%}
.mk-spark{height:120px;margin-top:10px}
.mk-bar{fill:var(--mk-s1);opacity:.5}
.mk-line{fill:none;stroke:var(--mk-s1);stroke-width:2;stroke-linejoin:round}
.mk-area{fill:var(--mk-fill);stroke:none}
.mk-line.mk-s2,.mk-sw.mk-s2{stroke:var(--mk-s2);background:var(--mk-s2)}
.mk-line.mk-s3,.mk-sw.mk-s3{stroke:var(--mk-s3);background:var(--mk-s3)}
.mk-line.mk-s4,.mk-sw.mk-s4{stroke:var(--mk-s4);background:var(--mk-s4)}
.mk-grid-l{stroke:var(--line);stroke-width:1;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}
.mk-guide{position:absolute;width:0;border-left:1px solid var(--muted);opacity:.6;pointer-events:none}
.mk-pt{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--mk-s1);box-shadow:0 0 0 2.5px var(--mk-panel);pointer-events:none}
.mk-pt.mk-s2{background:var(--mk-s2)}.mk-pt.mk-s3{background:var(--mk-s3)}.mk-pt.mk-s4{background:var(--mk-s4)}
.mk-tip{position:absolute;top:0;padding:4px 9px;border-radius:6px;background:var(--ink);font-size:12px;line-height:1.3;color:var(--page);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}
.mk-tip b{color:var(--page);font-weight:700}
.mk-ax{position:absolute;font-size:11px;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}
.mk-ax-y{left:0;transform:translateY(-50%)}
.mk-ax-x{bottom:0;transform:translateX(-50%)}
/* Converter and plazo fijo */
.mk-conv{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.mk-conv-box .mk-conv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}
.mk-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:11.5px;font-weight:700;line-height:1.3;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.mk-field input,.mk-field select{width:100%;font:600 16px/1.2 var(--f-ui);color:var(--ink);background:var(--page);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:44px;font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}
#pf-form .mk-field{flex:0 1 200px}
.mk-field input:focus,.mk-field select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.mk-swap{min-width:44px;min-height:44px;font-size:18px;line-height:1;border:1px solid var(--line);border-radius:8px;background:var(--page);color:var(--ink);cursor:pointer}
.mk-swap:hover{border-color:var(--ink)}
.mk-conv-out{margin-top:14px}
.mk-conv-h{margin:0 0 6px;font-size:13px;color:var(--muted)}
.mk-conv-out ul{list-style:none;margin:0;padding:0}
.mk-conv-out li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.mk-conv-out li:last-child{border-bottom:0}
.mk-conv-out li span{font-size:14px;color:var(--muted)}
.mk-conv-out li b{font-size:17px;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.mk-tbl-wrap{overflow-x:auto;margin-top:6px}
.mk-tbl{width:100%;border-collapse:collapse;font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums}
.mk-tbl th,.mk-tbl td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;font-weight:400}
.mk-tbl tbody tr:last-child th,.mk-tbl tbody tr:last-child td{border-bottom:0}
.mk-tbl tbody tr:hover{background:var(--hover-tint)}
.mk-tbl thead th{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}
.mk-tbl tbody th{font-weight:600}
.mk-tbl thead button{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;background:none;border:0;padding:4px 0;cursor:pointer}
.mk-tbl thead button::after{content:"\2195";margin-left:4px;opacity:.5}
.mk-tbl thead th[aria-sort="descending"] button::after{content:"\2193";opacity:1}
.mk-tbl thead th[aria-sort="ascending"] button::after{content:"\2191";opacity:1}
.mk-tbl .num{text-align:right}
.mk-tbl td.num{font-weight:600}
.mk-tbl tbody th a{color:var(--ink);text-decoration:none}
.mk-tbl tbody th a:hover{text-decoration:underline}
.mk-pf .mk-tbl{margin-top:8px}
.mk-more{margin-top:12px;font:600 13px/1 var(--f-ui);padding:10px 16px;min-height:40px;border:1px solid var(--line);border-radius:999px;background:var(--page);color:var(--ink);cursor:pointer}
.mk-more:hover{border-color:var(--ink)}
.rate-chg{font-style:normal;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}
.rate-chg.up{color:var(--mk-up)}.rate-chg.down{color:var(--mk-down)}.rate-chg.flat{font-weight:400}
.mk-idx{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.mk-idx strong{font-family:var(--f-head);font-weight:700;font-size:40px;line-height:1.22;letter-spacing:-.4px;font-variant-numeric:lining-nums tabular-nums}
.mk-idx-sub{margin:4px 0 10px}
.mk-page .mk-sym{margin-top:1px;font-size:11px;letter-spacing:.5px;font-weight:600;color:var(--muted)}
.mk-st td.num{white-space:nowrap}
.mk-tabs.is-more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
/* Commodities */
.mk-cmd-pick{max-width:300px;margin-bottom:14px}
.mk-tbl tr.mk-grp th{padding:18px 10px 6px;font-size:11.5px;font-weight:700;line-height:1.3;letter-spacing:.8px;text-transform:uppercase;color:var(--accent)}
.mk-tbl tbody tr.mk-grp:hover{background:none}
.mk-cmd-go{font:inherit;font-weight:600;color:var(--ink);background:none;border:0;padding:2px 0;text-align:left;cursor:pointer}
.mk-cmd-go:hover{text-decoration:underline}
.mk-cmd-go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mk-cmd tr.is-on{background:var(--mk-fill)}
.mk-cmd tr.is-on .mk-cmd-go{color:var(--accent)}
.mk-cmd td.num{white-space:nowrap}
.mk-page .mk-cmd .mk-sym{text-transform:none;letter-spacing:.2px}
/* Narrower screens */
@media(max-width:1000px){
  .mk-split{grid-template-columns:minmax(0,1fr)}
  .mk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .mk-page{margin-top:22px;padding:0 14px}
  .mk-head h2{font-size:32px}
  .mk-dek{font-size:14px}
  .mk-cards{gap:10px}
  .mk-card{padding:13px 14px 10px;border-radius:10px}
  .mk-card strong{font-size:23px}
  .mk-card .mk-gs{height:30px}
  .mk-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;border-radius:10px}
  .mk-stat{padding:11px 12px}
  .mk-stat strong{font-size:18px}
  .mk-stat .mk-gs{display:none}
  .mk-chg{font-size:11.5px;padding:2px 7px}
  .mk-page small{font-size:10.5px;letter-spacing:.4px}
  .mk-tabs [role=tab]{font-size:14px;padding:12px 11px 11px}
  .mk-tile,.mk-conv-box{padding:14px;border-radius:10px}
  .mk-pair,.mk-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .mk-tile strong{font-size:28px}
  .mk-plot{height:210px}.mk-plot.mk-big{height:250px}
  .mk-ax-mid{display:none}
  .mk-seg button{padding:8px 10px;font-size:12.5px}
  .mk-tbl th,.mk-tbl td{padding:10px 6px;font-size:13px}
  .mk-tbl .mk-back{display:none}
  .mk-rates .rate-chg{font-size:12px}
  .mk-idx strong{font-size:32px}
  .mk-tape{font-size:12.5px;margin-bottom:16px}
  .mk-tape-i{padding:0 12px}
}
@media(max-width:380px){.mk-stat:not([data-g="pf"]) .mk-chg{display:inline-block;max-width:100%;white-space:normal;border-radius:8px}.mk-stat small{white-space:normal}.mk-cmd th,.mk-cmd td{padding-left:4px;padding-right:4px;font-size:12.5px}.mk-cmd .rate-chg{font-size:12px}.mk-cmd .rate-chg>[aria-hidden]{display:none}.mk-card strong{font-size:21px}.mk-tabs [role=tab]{font-size:13.5px;padding:12px 8px 11px}}
/* Tighter tabs on the smallest phones; the strip scrolls for the rest. */
@media(max-width:340px){.mk-cmd th,.mk-cmd td{padding-left:2px;padding-right:2px}.mk-tabs{gap:0}.mk-tabs [role=tab]{font-size:13px;padding:12px 5px 11px}}
@media(prefers-reduced-motion:reduce){.mk-tape{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.mk-tape-track{animation:none}.mk-tape-set[aria-hidden]{display:none}.mk-dot{animation:none}.mk-flash{animation:none}.mk-card,.mk-stat{transition:none}}