/* FINXARIA V60r46. Isolated dashboard styles: no global layout or 3D rules. */
#visualizaciones .fx46-board{--fx46-bg:#061725;--fx46-border:rgba(112,214,215,.26);--fx46-mint:#76edcc;display:grid;grid-template-columns:minmax(255px,.31fr) minmax(0,.69fr);background:linear-gradient(150deg,rgba(8,29,44,.96),rgba(4,16,31,.97));border:1px solid rgba(111,217,221,.38);border-radius:24px;overflow:hidden;box-shadow:0 22px 80px rgba(0,0,0,.22);isolation:isolate}
#visualizaciones .fx46-board *{box-sizing:border-box}
#visualizaciones .fx46-side{display:flex;flex-direction:column;gap:0;min-width:0;padding:38px 25px 27px;background:linear-gradient(180deg,rgba(17,55,65,.68),rgba(8,28,42,.93));border-right:1px solid var(--fx46-border)}
#visualizaciones .fx46-eyebrow,#visualizaciones .fx46-overline,#visualizaciones .fx46-insight-kicker{color:#84e8c6;font-size:10px;letter-spacing:.14em;font-weight:780;text-transform:uppercase}
#visualizaciones .fx46-side h3{font-size:clamp(25px,2.35vw,35px);line-height:1.1;letter-spacing:-.045em;color:#f2fbfd;margin:19px 0 15px}
#visualizaciones .fx46-side>p{font-size:13px;color:#b4cdd6;line-height:1.75;margin:0 0 30px}
#visualizaciones .fx46-tabs{display:grid;gap:11px}
#visualizaciones .fx46-tabs button{display:flex;align-items:flex-start;gap:13px;text-align:left;background:rgba(8,28,42,.78);color:#d7ecf0;border:1px solid rgba(123,208,219,.25);border-radius:12px;padding:16px 14px;font-size:14px;font-weight:740;transition:background .2s,border .2s;line-height:1.3}
#visualizaciones .fx46-tabs button>span:first-child{font-size:11px;color:#7bd6c2;letter-spacing:.08em;margin-top:2px}
#visualizaciones .fx46-tabs button small{display:block;color:#99b7c4;font-size:11px;font-weight:480;line-height:1.5;margin-top:5px}
#visualizaciones .fx46-tabs button.selected{border-color:#89f4d2;background:linear-gradient(135deg,rgba(29,82,83,.76),rgba(14,47,62,.95));box-shadow:inset 0 0 0 1px rgba(131,245,210,.2)}
#visualizaciones .fx46-tabs button:hover{border-color:#78e2c6}
#visualizaciones .fx46-side-note{margin-top:auto;padding-top:45px;display:grid;gap:8px}
#visualizaciones .fx46-side-note strong{font-size:10px;letter-spacing:.12em;color:#8be8cc}
#visualizaciones .fx46-side-note span{font-size:11px;line-height:1.7;color:#9db7c3}
#visualizaciones .fx46-main{min-width:0;padding:32px clamp(18px,2.5vw,38px) 35px}
#visualizaciones .fx46-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--fx46-border);padding-bottom:19px}
#visualizaciones .fx46-top h3{font-size:clamp(19px,2vw,27px);margin:7px 0 7px;line-height:1.2;letter-spacing:-.035em;color:#f2fbfd}
#visualizaciones .fx46-top p{color:#a2becb;font-size:12px;line-height:1.55;margin:0}
#visualizaciones .fx46-demo-tag{flex:none;color:#98b7c6;background:rgba(23,63,71,.34);border:1px solid var(--fx46-border);border-radius:6px;padding:6px 8px;font-size:9px;letter-spacing:.06em;font-weight:720;white-space:nowrap}
#visualizaciones .fx46-controls{display:flex;align-items:end;flex-wrap:wrap;gap:10px 16px;margin:18px 0}
#visualizaciones .fx46-controls label{display:grid;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:#a4c3cd}
#visualizaciones .fx46-controls select{background:#0b2837;color:#e9faf9;border:1px solid #528c908c;border-radius:9px;padding:10px 33px 10px 12px;font-size:12px;font-weight:650;min-width:145px;min-height:40px}
#visualizaciones #fx46-period-note{margin-left:auto;color:#92bdc6;font-size:11px;padding-bottom:9px}
#visualizaciones .fx46-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
#visualizaciones .fx46-kpi{background:linear-gradient(130deg,rgba(14,46,60,.93),rgba(7,26,41,.94));border:1px solid var(--fx46-border);border-radius:12px;padding:17px 13px 13px;min-width:0}
#visualizaciones .fx46-kpi .label{display:block;color:#a1c0cb;font-size:11px;line-height:1.45;min-height:30px}
#visualizaciones .fx46-kpi strong{display:block;color:#f1fffc;font-size:clamp(17px,1.75vw,26px);font-weight:770;letter-spacing:-.05em;margin:4px 0 6px;line-height:1.15;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#visualizaciones .fx46-kpi small{display:block;font-size:10px;color:#7fe0c7;line-height:1.45;min-height:26px}
#visualizaciones .fx46-kpi.negative small{color:#ffa8a4}
#visualizaciones .fx46-chart-wrap{border:1px solid var(--fx46-border);background:linear-gradient(160deg,rgba(11,40,52,.88),rgba(5,23,38,.93));border-radius:14px;margin-top:14px;padding:20px 18px 14px}
#visualizaciones .fx46-chart-head{display:flex;justify-content:space-between;align-items:start;gap:15px;flex-wrap:wrap}
#visualizaciones .fx46-chart-head h4,#visualizaciones .fx46-data-table h4{font-size:14px;color:#f0fbfc;margin:0 0 6px;font-weight:750}
#visualizaciones .fx46-chart-head p{color:#96bac6;font-size:11px;margin:0}
#visualizaciones .fx46-legend{display:flex;flex-wrap:wrap;gap:9px 15px;font-size:10px;color:#accbd3}
#visualizaciones .fx46-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}
#visualizaciones .fx46-legend i{width:9px;height:9px;border-radius:2px;display:inline-block}
#visualizaciones .fx46-chart{margin-top:12px;width:100%;min-height:245px}
#visualizaciones .fx46-chart svg{display:block;width:100%;height:auto;overflow:visible}
#visualizaciones .fx46-chart svg text{font:11px Arial,sans-serif;fill:#abc3cf}
#visualizaciones .fx46-chart svg .grid{stroke:rgba(131,177,188,.17);stroke-width:1}
#visualizaciones .fx46-chart svg .axis{stroke:rgba(169,210,211,.45);stroke-width:1}
#visualizaciones .fx46-chart svg rect.bar{transition:opacity .2s;rx:3}
#visualizaciones .fx46-chart svg rect.bar:hover{opacity:.72}
#visualizaciones .fx46-chart-note{color:#779fac;font-size:10px;line-height:1.4;border-top:1px solid rgba(115,198,209,.14);padding-top:9px}
#visualizaciones .fx46-bottom{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(190px,.78fr);gap:14px;margin-top:14px}
#visualizaciones .fx46-data-table,#visualizaciones .fx46-insight{border:1px solid var(--fx46-border);border-radius:13px;background:rgba(7,26,40,.81);padding:17px 16px;min-width:0}
#visualizaciones .fx46-table-scroll{overflow:auto;max-height:250px}
#visualizaciones .fx46-data-table table{border-collapse:collapse;width:100%;min-width:340px;font-variant-numeric:tabular-nums}
#visualizaciones .fx46-data-table th,#visualizaciones .fx46-data-table td{text-align:right;padding:8px 7px;font-size:11px;border-bottom:1px solid rgba(125,203,208,.12);white-space:nowrap}
#visualizaciones .fx46-data-table th:first-child,#visualizaciones .fx46-data-table td:first-child{text-align:left}
#visualizaciones .fx46-data-table th{color:#8edfc9;font-size:10px;font-weight:760;position:sticky;top:0;background:#071c2b}
#visualizaciones .fx46-data-table td{color:#d2e4e9}
#visualizaciones .fx46-insight h4{font-size:18px;line-height:1.25;margin:10px 0;color:#f1fbfc}
#visualizaciones .fx46-insight p{font-size:12px;line-height:1.7;color:#a8c4ce;margin:0}
#visualizaciones .fx46-formula{margin-top:18px;border-top:1px solid rgba(129,196,202,.18);padding-top:12px;font-size:11px;color:#8edfc9;line-height:1.7}
@media(max-width:1180px){#visualizaciones .fx46-board{grid-template-columns:240px minmax(0,1fr)}#visualizaciones .fx46-main{padding:26px 20px}#visualizaciones .fx46-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){#visualizaciones .fx46-board{grid-template-columns:1fr}#visualizaciones .fx46-side{border-right:0;border-bottom:1px solid var(--fx46-border);padding:25px}#visualizaciones .fx46-side h3 br{display:none}#visualizaciones .fx46-side>p{margin-bottom:18px}#visualizaciones .fx46-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#visualizaciones .fx46-tabs button{padding:11px;gap:7px;font-size:12px}#visualizaciones .fx46-tabs button small{font-size:10px}#visualizaciones .fx46-side-note{margin-top:15px;padding-top:0}#visualizaciones .fx46-main{padding:22px 20px}}
@media(max-width:630px){#visualizaciones .fx46-board{border-radius:17px}#visualizaciones .fx46-tabs{grid-template-columns:1fr}#visualizaciones .fx46-tabs button{gap:13px}#visualizaciones .fx46-tabs button small{margin-top:2px}#visualizaciones .fx46-main{padding:18px 12px}#visualizaciones .fx46-top{display:block}#visualizaciones .fx46-demo-tag{display:inline-block;margin-top:14px}#visualizaciones .fx46-kpis{gap:8px}#visualizaciones .fx46-kpi{padding:12px 10px}#visualizaciones .fx46-kpi strong{font-size:20px}#visualizaciones .fx46-chart-wrap{padding:14px 9px}#visualizaciones .fx46-bottom{grid-template-columns:1fr}#visualizaciones #fx46-period-note{margin-left:0;flex:1 0 100%;padding:0}}

@media(max-width:630px){#visualizaciones .fx46-chart{min-height:0;overflow-x:auto;max-width:100%}#visualizaciones .fx46-chart svg{min-width:520px;height:auto}#visualizaciones .fx46-chart::-webkit-scrollbar{height:6px}#visualizaciones .fx46-chart::-webkit-scrollbar-thumb{background:#377c80;border-radius:20px}}
