/* "Na prática" panel: the same point-network charts as the banner and the story, with tabs and figures. */
.chart-panel{position:relative;overflow:hidden;text-align:left;color:#ececec}
.chart-panel .dash-top{font-size:10px;letter-spacing:.08em;align-items:center}
.chart-panel .demo-signal{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#bfc9c4}
.chart-panel .demo-signal:before{content:"";width:5px;height:5px;border-radius:50%;background:#b3d9c2;box-shadow:0 0 12px #b3d9c250;animation:chart-live 2.4s ease-in-out infinite}
.chart-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:16px 18px 0}
.chart-tab{appearance:none;font:inherit;font-size:12px;padding:10px 8px;border:1px solid #ffffff22;border-radius:5px;background:transparent;color:#a5a5a5;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart-tab[aria-selected=true]{color:#fafafa;background:#ffffff0c;border-color:#ffffff55}
.chart-tab:hover{color:#fff;border-color:#ffffff65}
.chart-tab:focus-visible{outline:2px solid #e1ede5;outline-offset:3px}
.chart-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 18px 0}
.chart-kpi{padding:12px;border:1px solid #ffffff16;border-radius:4px;background:linear-gradient(145deg,#ffffff05,transparent);min-width:0}
.chart-kpi span{display:block;font:9px var(--mono,monospace);letter-spacing:.06em;color:#9d9d9d;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart-kpi strong{display:block;font-size:clamp(17px,1.6vw,24px);font-weight:500;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart-stage{position:relative;aspect-ratio:16/10;margin:10px 0 0}
.chart-stage .neural-globe{position:absolute;inset:0;width:100%;height:100%}
.chart-title{position:absolute;left:18px;top:8px;z-index:1;font:9px var(--mono,monospace);letter-spacing:.12em;color:#9fb3ac}
.chart-panel .demo-footnote{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;border-top:1px solid #ffffff17;font-size:10px;color:#888}
.chart-panel .demo-footnote a{color:#dedede;text-decoration:none;white-space:nowrap}
.chart-panel .demo-footnote a:hover{text-decoration:underline}
@keyframes chart-live{50%{opacity:.35}}
@media(max-width:760px){.chart-panel{transform:none!important;margin-inline:0}.chart-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 14px 0}.chart-kpis{padding:12px 14px 0;gap:6px}.chart-kpi{padding:9px 8px}.chart-kpi span{font-size:8px}.chart-kpi strong{font-size:16px}.chart-stage{aspect-ratio:1/1}.chart-title{left:14px}.chart-panel .demo-footnote{padding:12px 14px;font-size:9px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.chart-panel .demo-signal:before{animation:none}}