/*
 * Página "Mercados". Se carga junto con front-page.css (masthead, ticker,
 * rail, .wrap, .sec-head ya vienen de ahí vía body.diario-home). Acá solo
 * la grilla de paneles y las filas de cotización tipo ticker.
 */

body.diario-mercados .mkt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;padding:24px 0 8px;}
@media (max-width:760px){body.diario-mercados .mkt-grid{grid-template-columns:1fr;}}
body.diario-mercados .mkt-panel{border:1px solid var(--line);border-radius:2px;padding:18px 20px;}
body.diario-mercados .mkt-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-family:'Roboto Mono',monospace;font-size:13px;}
body.diario-mercados .mkt-row:last-child{border-bottom:none;}
body.diario-mercados .mkt-lbl{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;}
body.diario-mercados .mkt-val{color:var(--ink);font-weight:500;}
body.diario-mercados .mkt-chg{font-size:12px;min-width:64px;text-align:right;}
body.diario-mercados .mkt-chg.up{color:var(--green);}
body.diario-mercados .mkt-chg.down{color:var(--salmon);}
body.diario-mercados .mkt-empty{color:var(--ink-soft);font-size:13px;padding:8px 0;}
body.diario-mercados .mkt-disclaimer{font-family:'Roboto Mono',monospace;font-size:10.5px;color:var(--ink-soft);letter-spacing:.03em;padding:8px 0 32px;}