/* Indicadores financieros — dashboard v48.2 */
.finance-dashboard{--fd-bg:#020f1e;--fd-panel:#06192d;--fd-panel2:#071d34;--fd-line:#ffffff18;--fd-muted:#8fa4bd;--fd-blue:#1f67f7;--fd-green:#36d58c;--fd-red:#ff5f69;max-width:none;background:var(--fd-bg);color:#f7faff;font-family:var(--s);padding-top:0}
.finance-dashboard *{box-sizing:border-box}
.fd-hero{min-height:calc(100vh - 82px);padding:44px 1.5% 26px;display:grid;grid-template-columns:minmax(300px,.68fr) minmax(720px,2fr);gap:24px;align-items:center;background:radial-gradient(circle at 75% 5%,#0a2a4a 0,#020f1e 38%),linear-gradient(180deg,#031426,#020f1e);border-bottom:1px solid var(--fd-line)}
.fd-intro{padding:18px 2%;max-width:650px}
.fd-kicker{color:#3180ff;font-size:12px;letter-spacing:.18em;font-weight:700;margin:0 0 22px}
.fd-intro h1{font-family:var(--d);font-size:clamp(45px,4.5vw,72px);line-height:.98;letter-spacing:-.06em;margin:0 0 24px}
.fd-intro h1 em{font-style:normal;color:var(--fd-blue)}
.fd-lead{max-width:510px;font-size:18px;line-height:1.6;color:#c6d3e3;margin:0 0 28px}
.fd-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#9fb2c9;font-size:11px;border:1px solid var(--fd-line);background:#06192dcc;border-radius:9px;padding:10px 13px;width:max-content;max-width:100%}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--fd-green);box-shadow:0 0 12px #36d58c88}
.status-sep{color:#4b6684}
.fd-realtime{min-width:0;background:linear-gradient(145deg,#061a31e8,#041326e8);border:1px solid var(--fd-line);border-radius:11px;padding:17px;box-shadow:0 18px 60px #0005}
.fd-section-head,.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px}
.fd-section-head h2,.panel-title h2{font:700 14px var(--d);letter-spacing:.01em;margin:0}
.data-age,.panel-title>span{font-size:10px;color:var(--fd-muted)}
.quote-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;margin-top:12px}
.quote-card{min-width:0;background:#071d34;border:1px solid #ffffff12;border-radius:7px;padding:13px;overflow:hidden}
.quote-name{font-weight:700;font-size:12px}
.quote-type{font-size:10px;color:#91a5bd;margin-top:3px}
.quote-card strong{display:block;font:700 clamp(20px,2vw,29px) var(--d);letter-spacing:-.045em;margin:17px 0 4px;white-space:nowrap}
.quote-change{font-size:11px;font-weight:700;color:var(--fd-green)}
.quote-change.down{color:var(--fd-red)}
.sparkline{height:36px;margin:7px 0 4px}
.sparkline svg{width:100%;height:100%;display:block}
.quote-card small{font-size:9px;color:#8297ae}
.fd-workspace{display:grid;grid-template-columns:1.05fr 1fr .9fr;gap:14px;padding:18px 1.5%;background:#020f1e}
.fd-panel,.tool-card,.colombia-panel,.events-panel,.context-panel,.reading-panel{background:var(--fd-panel);border:1px solid var(--fd-line);border-radius:8px;padding:19px;min-width:0}
.panel-title{margin-bottom:15px}
.tabs{display:flex;gap:5px;overflow:auto;padding-bottom:10px}
.tab,.range,.compare-range{border:1px solid transparent;background:#0a223d;color:#c6d5e8;padding:8px 12px;border-radius:5px;font:600 10px var(--s);white-space:nowrap;cursor:pointer}
.tab.active,.range.active,.compare-range.active{background:var(--fd-blue);color:#fff}
.market-table,.watch-table{font-size:11px}
.market-row,.watch-row{display:grid;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid #ffffff0c}
.market-row{grid-template-columns:1.35fr .9fr .75fr 1fr}
.watch-row{grid-template-columns:1.35fr .8fr .7fr .35fr}
.market-row.head,.watch-row.head{color:#8499b2;font-size:9px;padding-top:3px}
.asset-name{display:flex;align-items:center;gap:8px;min-width:0}
.asset-icon{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#0c3157;color:#75a9ff;font-size:9px;flex:none}
.asset-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.price{font-weight:700}
.up{color:var(--fd-green)}.down{color:var(--fd-red)}
.mini-spark{width:90px;height:22px}
.text-link{background:none;border:0;padding:10px 0 0;color:#2f79ff;font:600 11px var(--s);cursor:pointer}
.panel-note{font-size:10px;line-height:1.5;color:#8095ad;margin:15px 0 0}
.watch-row .signal{font-size:16px}
.signal.up{color:var(--fd-green)}.signal.down{color:#ff8b36}.signal.flat{color:#f3c84b}
.thermo{display:grid;gap:14px;margin-top:9px}
.thermo-row{display:grid;grid-template-columns:1.4fr 1.7fr auto;align-items:center;gap:9px;font-size:10px}
.thermo-label{display:flex;align-items:center;gap:7px}
.thermo-icon{width:22px;height:22px;border-radius:50%;border:1px solid #2e7cff;color:#2e7cff;display:grid;place-items:center}
.thermo-track{height:4px;background:#112a45;position:relative;border-radius:8px}
.thermo-track:before{content:"";position:absolute;left:0;right:0;top:0;height:100%;background:linear-gradient(90deg,#28c984,#f1c34a,#ff6a4e);opacity:.45}
.thermo-dot{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#2e7cff;transform:translate(-50%,-50%);box-shadow:0 0 10px #2e7cff88}
.thermo-scale{display:flex;justify-content:space-between;color:#6f849c;font-size:8px;margin-top:4px}
.fd-tools{display:grid;grid-template-columns:1.15fr 1.05fr .7fr .72fr;gap:14px;padding:0 1.5% 18px;background:#020f1e}
.tool-card{min-height:350px}
.main-chart-card{grid-column:span 1}
.chart-controls{display:grid;gap:10px;margin-bottom:8px}
.chart-controls select,.converter-card select,.tool-card input{width:100%;border:1px solid #1b3c60;background:#041528;color:#e9f2ff;border-radius:5px;padding:10px;font:500 11px var(--s);outline:none}
.range-buttons{display:flex;gap:4px;overflow:auto}
.range{padding:6px 8px;font-size:9px}
.main-chart{height:220px;position:relative;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#ffffff08 44px)}
.main-chart svg,.compare-card>svg{width:100%;height:100%;display:block}
.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#6f849c;font-size:11px;pointer-events:none}
.chart-footer{display:flex;justify-content:space-between;color:#71869e;font-size:9px;margin-top:7px}
.compare-selects{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}
.asset-chip{background:#0a223d;border:0;color:#d5e4f6;border-radius:12px;padding:6px 9px;font-size:9px;cursor:pointer}
.asset-chip.active{box-shadow:inset 0 0 0 1px #245d9a}
.compare-card>svg{height:160px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,#ffffff07 40px)}
.compare-legend{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:7px 0 10px;font-size:9px;color:#a9b9ca}
.legend-item{display:flex;justify-content:space-between}
.legend-line{width:18px;height:2px;display:inline-block;margin-right:5px;vertical-align:middle}
.compact{margin-top:6px}
.tool-card label{display:block;color:#93a7be;font-size:9px;margin:9px 0 5px}
.tool-card output{display:block;font:700 25px var(--d);margin:18px 0 5px;color:#fff}
.tool-card small{color:#748aa2;font-size:9px}
.converter-card input{margin-bottom:3px}
.calculator-card input{margin-top:4px}
.calc-result{border-top:1px solid #ffffff12;margin-top:14px;padding-top:13px}
.calc-result span{display:block;color:#8196ae;font-size:9px}
.calc-result strong{display:block;font:800 25px var(--d);margin:5px 0}
.calc-result small{color:var(--fd-green)}
.fd-colombia{display:grid;grid-template-columns:1.8fr .9fr;gap:14px;padding:0 1.5% 18px;background:#020f1e}
.country-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.country-grid article{background:#071d34;border:1px solid #ffffff0e;border-radius:6px;padding:12px;min-width:0}
.country-grid span,.country-grid small{display:block;color:#8196ae;font-size:9px}
.country-grid strong{display:block;font:700 20px var(--d);margin:10px 0 3px;white-space:nowrap}
.events{display:grid;gap:0}
.events>div{display:grid;grid-template-columns:55px 1fr auto;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid #ffffff0c;font-size:10px}
.events b{color:#b7c8da}.events i{font-style:normal;font-size:8px;padding:3px 5px;border-radius:8px}
.high{color:#ff7777;background:#ff4f4f18}.medium{color:#f3c65a;background:#f3c65a18}
.fd-context{display:grid;grid-template-columns:1.7fr .8fr;gap:14px;padding:0 1.5% 18px;background:#020f1e}
.context-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.context-grid article{padding:7px 16px;border-right:1px solid #ffffff12}
.context-grid article:first-child{padding-left:0}.context-grid article:last-child{border:0}
.context-grid b{font-size:10px;color:#59a0ff}.context-grid p{font-size:9px;line-height:1.55;color:#8196ae;margin:10px 0 0}
.reading-content{display:flex;gap:12px;align-items:flex-start}
.reading-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#173c66,#07182b);border:1px solid #2b70dc;color:#fff;font-weight:800;flex:none}
.reading-content p{font-size:10px;line-height:1.6;color:#b3c4d6;margin:0}
.fd-footer{display:flex;justify-content:space-between;gap:15px;padding:17px 1.5% 25px;color:#71869e;font-size:9px;background:#020f1e;border-top:1px solid #ffffff0b}
@media(max-width:1200px){
 .fd-hero{grid-template-columns:1fr;min-height:0;padding-top:35px}.fd-intro{max-width:900px;padding:0 1%}.quote-grid{grid-template-columns:repeat(3,1fr)}
 .fd-workspace{grid-template-columns:1fr 1fr}.thermometer-panel{grid-column:1/-1}
 .fd-tools{grid-template-columns:1fr 1fr}.main-chart-card{grid-column:span 2}
 .fd-colombia,.fd-context{grid-template-columns:1fr}.country-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
 .fd-hero{padding:30px 4% 20px}.fd-intro h1{font-size:46px}.fd-lead{font-size:15px}.quote-grid{grid-template-columns:repeat(2,1fr)}
 .fd-workspace,.fd-tools{grid-template-columns:1fr;padding-left:4%;padding-right:4%}.main-chart-card{grid-column:auto}
 .fd-colombia,.fd-context{padding-left:4%;padding-right:4%}.country-grid{grid-template-columns:1fr 1fr}.context-grid{grid-template-columns:1fr 1fr}.context-grid article{border-bottom:1px solid #ffffff12}
 .fd-footer{flex-direction:column;padding-left:4%;padding-right:4%}
}
@media(max-width:480px){
 .quote-grid{grid-template-columns:1fr}.quote-card strong{font-size:28px}.fd-intro h1{font-size:40px}
 .country-grid{grid-template-columns:1fr}.context-grid{grid-template-columns:1fr}.thermo-row{grid-template-columns:1fr}.market-row{grid-template-columns:1.3fr .8fr .7fr}.market-row>*:last-child{display:none}
}