.tv-display-controls{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
#tv-nav-ancho{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:8px;border:1px solid transparent;border-radius:9px;background:#f3f4f6;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}
html.dark #tv-nav-ancho{background:#1f222a;color:#9ca3af}
#tv-nav-ancho:hover{color:#0891b2;border-color:#06b6d455}
#tv-nav-ancho[aria-pressed=true]{color:#0891b2;background:#06b6d414;border-color:#06b6d440}
html.dark #tv-nav-ancho[aria-pressed=true]{color:#22d3ee}
#tv-nav-ancho:focus-visible{outline:2px solid #06b6d4;outline-offset:3px}
#tv-nav-ancho[hidden]{display:none}
.tv-content-wide{max-width:none!important;width:100%;box-sizing:border-box;min-width:0}
.tv-width-row{display:flex;justify-content:flex-end;margin-bottom:12px}
/* Shared finish for chart and learning surfaces. */
.tv-liquidity{--tv-border:#e5e7eb;--tv-muted:#64748b;--tv-card:#fff;--tv-text:#0f172a}
html.dark .tv-liquidity{--tv-border:#252a35;--tv-muted:#94a3b8;--tv-card:#13151a;--tv-text:#e2e8f0}
.tv-liquidity .tv-liq-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}
.tv-liquidity .tv-chart-card,.tv-liquidity .tv-legend-card{min-width:0;padding:20px;border-radius:16px;border-color:var(--tv-border)}
.tv-liquidity #tf-toggle,.tv-liquidity #mode-toggle{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--tv-border);border-radius:10px}
.tv-liquidity .btn-time,.tv-liquidity .btn-mode{min-height:30px;background:transparent;color:var(--tv-muted);border-radius:7px}
.tv-liquidity .btn-time.active,.tv-liquidity .btn-mode.active{background:#06b6d41c;color:#0891b2;box-shadow:inset 0 0 0 1px #06b6d433}
html.dark .tv-liquidity .btn-time.active,html.dark .tv-liquidity .btn-mode.active{color:#22d3ee}
.tv-liquidity #canvas-wrap{min-height:560px;border-radius:10px}
.tv-liquidity #legend-gradient{width:10px;flex-shrink:0;border-radius:8px}
.tv-liquidity .legend-labels{font-size:11px}
.tv-liquidity #mode-desc{line-height:1.65}
.tv-liquidity #oi-info{padding-top:14px;border-top:1px solid var(--tv-border);line-height:1.8;font-variant-numeric:tabular-nums}
.tv-liquidity #precio-actual-badge{font-variant-numeric:tabular-nums;animation:none;font-size:18px;letter-spacing:-.4px}
.tv-liquidity .tv-chart-help{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px;line-height:1.6;color:var(--tv-muted)}
.tv-liquidity .tv-chart-help #status{flex:1 1 240px}
.tv-liquidity .tv-chart-help .tv-gestures{flex:1 1 340px}
.tv-course{gap:20px!important;align-items:start;margin-top:32px}
.tv-course>div{min-width:0}
.tv-course>div:first-child>div{border-radius:14px;border-color:#e5e7eb}
html.dark .tv-course>div:first-child>div{border-color:#252a35}
.tv-course button[onclick^="cargarLeccion"]{padding:8px;border-radius:8px;line-height:1.5}
.tv-course button[onclick^="cargarLeccion"]:hover{background:#06b6d412}
.tv-course>div:last-child{padding:28px}
#contenido-leccion{line-height:1.75;overflow-wrap:anywhere}
#contenido-leccion h2{font-size:1.4rem;font-weight:700;margin:28px 0 14px;padding-bottom:10px;border-bottom:1px solid #e5e7eb;color:#0891b2}
#contenido-leccion h3{font-size:1.15rem;font-weight:650;margin:24px 0 12px;color:#059669}
#contenido-leccion p{margin-bottom:18px}
#contenido-leccion ul{list-style:disc;margin:0 0 22px 24px}
#contenido-leccion li{margin-top:6px}
#contenido-leccion hr{margin:28px 0;border-color:#e5e7eb}
html.dark #contenido-leccion h2{color:#22d3ee;border-color:#252a35}
html.dark #contenido-leccion h3{color:#34d399}
html.dark #contenido-leccion hr{border-color:#252a35}
#panel-smc .card-main{border-radius:16px}
#panel-smc .btn-time{border-radius:8px;transition:background .15s,color .15s}
#panel-smc .btn-time.active{background:#06b6d41c;color:#0891b2;box-shadow:inset 0 0 0 1px #06b6d440}
html.dark #panel-smc .btn-time.active{color:#22d3ee}
@media(max-width:1000px){.tv-liquidity .tv-liq-grid{grid-template-columns:minmax(0,1fr)}.tv-liquidity .tv-legend-card{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tv-liquidity .tv-legend-card>h2{grid-column:1/-1}}
@media(max-width:600px){.tv-liquidity .tv-chart-card,.tv-liquidity .tv-legend-card{padding:12px}.tv-liquidity #canvas-wrap{min-height:460px}.tv-liquidity .tv-legend-card{display:block}.tv-course>div:last-child{padding:18px}#tv-nav-ancho{width:32px;height:32px;padding:7px}}

@media(max-width:1399px){
 #tv-main-navbar .lg\:flex,#tv-main-navbar .lg\:block{display:none!important}
 #tv-main-navbar #navbar-burger{display:inline-flex!important}
 #tv-main-navbar #navbar-mobile-menu:not(.hidden){display:block!important}
}