/* HUBMAT Visual — Ensino Médio · bloco 100/200 */
.em-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.em-controls .btn{flex:1 1 100px}
.em-readout{text-align:center;font-size:clamp(21px,4vw,34px);font-weight:850;margin:10px 0}
.em-table{width:100%;max-width:720px;margin:auto;border-collapse:collapse;background:#fff}.em-table th,.em-table td{padding:8px;border:1px solid var(--line);text-align:center}
.em-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.em-grid>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px;text-align:center}.em-grid strong{display:block;font-size:24px}
.em-bars{height:240px;display:flex;align-items:end;gap:10px;padding:16px;border-left:2px solid #607584;border-bottom:2px solid #607584}.em-bar{flex:1;text-align:center}.em-bar b{display:block;background:#bcd6ed;border:2px solid #235f9b;border-bottom:0;border-radius:7px 7px 0 0;min-height:4px}.em-bar span{font-size:11px}.em-bar em{display:block;font-style:normal;font-size:12px;font-weight:800}
.em-transform{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.em-transform>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}.em-transform strong{display:block;font-size:26px}
.em-risk{display:grid;grid-template-columns:1fr 1fr;gap:9px}.em-risk>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.em-risk strong{font-size:28px;display:block;text-align:center}
.em-budget{display:grid;grid-template-columns:1fr 1fr;gap:8px}.em-budget>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.em-budget strong{display:block;font-size:25px}
@media(max-width:600px){.em-grid{grid-template-columns:1fr}.em-transform,.em-risk,.em-budget{grid-template-columns:1fr}.em-bars{gap:5px;padding:10px 4px}.em-controls .btn{flex-basis:42%}}
.em-sample{display:grid;gap:10px;max-width:760px;margin:12px auto}.em-sample-row{display:grid;grid-template-columns:90px 1fr;gap:6px;align-items:center}.em-sample-row strong{grid-row:1/3}.em-sample-row span{display:block;min-width:74px;padding:7px 9px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap}.em-sample-pop{background:#d9e8f5;border:1px solid #235f9b}.em-sample-picked{background:#f7dda0;border:1px solid #946006}.em-sample-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:620px;margin:10px auto}.em-sample-meta>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}.em-sample-meta strong{display:block;font-size:22px}
@media(max-width:520px){.em-sample-row{grid-template-columns:1fr}.em-sample-row strong{grid-row:auto}.em-sample-meta{grid-template-columns:1fr}}

.em-chain,.em-prefix{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;max-width:760px;margin:12px auto}.em-chain span,.em-prefix span{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:800}.em-chain span.current,.em-prefix span.current{background:var(--gold);border-color:#936b18;box-shadow:0 0 0 2px rgba(147,107,24,.12)}.em-prefix span{min-width:56px;text-align:center}.em-risk small{display:block;text-align:center;color:#426251;margin-top:4px}

.em-plane{max-width:760px;margin:0 auto 12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px}.em-plane svg{display:block;width:100%;height:auto}.em-axis{stroke:#607584;stroke-width:2}.em-gridline{stroke:#dbe4df;stroke-width:1}.em-delta-x{stroke:#235f9b;stroke-width:5}.em-delta-y{stroke:#a4481a;stroke-width:5}.em-rate-line{stroke:#146348;stroke-width:3}.em-rate-point{fill:#f2c257;stroke:#1d3529;stroke-width:2}.em-svg-label{font-size:14px;fill:#50665b;font-weight:700}.em-svg-label.strong{font-weight:850;fill:#1d3529}
.em-scale-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:720px;margin:10px auto}.em-scale-meta>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;text-align:center}.em-scale-meta strong{display:block;font-size:19px}
.em-equation{max-width:720px;margin:10px auto;padding:10px 12px;background:#fff;border:1px dashed #9eb0a2;border-radius:10px;text-align:center;font-weight:800}
.em-index-bar{--base-part:50%;--component-part:50%;display:flex;height:34px;max-width:720px;margin:10px auto;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#eef3ed}.em-index-bar::before{content:'base';width:var(--base-part);background:#bcd6ed;display:grid;place-items:center;font-size:12px;font-weight:800}.em-index-bar::after{content:'componente';width:var(--component-part);background:#f7dda0;display:grid;place-items:center;font-size:12px;font-weight:800}.em-contrib{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:620px;margin:8px auto}.em-contrib>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;text-align:center}.em-contrib strong{display:block;font-size:20px}.em-sensitivity-bars{display:grid;gap:8px;max-width:720px;margin:10px auto}.em-sensitivity-bars>div{display:grid;grid-template-columns:90px 1fr 70px;align-items:center;gap:8px}.em-sensitivity-bars b{display:block;height:24px;background:#bcd6ed;border:1px solid #235f9b;border-radius:7px}.em-sensitivity-bars strong{text-align:right}
.em-transform-link{stroke:#607584;stroke-width:2;stroke-dasharray:6 5}.em-original-point{fill:#fff;stroke:#235f9b;stroke-width:3}.em-image-point{fill:#f2c257;stroke:#7b5a13;stroke-width:2}.em-image-point.alt{fill:#d9e8f5;stroke:#235f9b}
.em-risk-block{stroke-width:3;opacity:.78}.em-risk-block.a{fill:#bcd6ed;stroke:#235f9b}.em-risk-block.b{fill:#f7dda0;stroke:#946006}
@media(max-width:600px){.em-scale-meta{grid-template-columns:1fr}.em-contrib{grid-template-columns:1fr}.em-sensitivity-bars>div{grid-template-columns:70px 1fr 55px}}

.em-project-rect{fill:#d9e8f588;stroke:#235f9b;stroke-width:4}.em-stat-point{fill:#235f9b;stroke:#fff;stroke-width:1.5}.em-mean-line{stroke:#a4481a;stroke-width:3}.em-sd-band{fill:#f2c25755;stroke:#b68217;stroke-width:1}.em-finance-simple{fill:none;stroke:#235f9b;stroke-width:4}.em-finance-compound{fill:none;stroke:#a4481a;stroke-width:4}.em-finance-point{stroke:#fff;stroke-width:2}.em-finance-point.simple{fill:#235f9b}.em-finance-point.compound{fill:#a4481a}.em-guide{stroke:#607584;stroke-width:2;stroke-dasharray:6 5}

.em-rate-draggable{cursor:grab;touch-action:none}.em-rate-draggable:active{cursor:grabbing}.em-rate-draggable:focus{stroke:#1d3529;stroke-width:4}

.em-bars{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;border:0}.em-bars-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px}.em-bars-title{display:block;text-align:center;margin-bottom:6px;font-size:13px}.em-bars-inner{height:220px;display:flex;align-items:end;gap:10px;padding:14px;border-left:2px solid #607584;border-bottom:2px solid #607584}.em-bars-panel.reference{opacity:.78}.em-sample-gap{grid-column:2;font-weight:800}.em-sample-gap.over{color:#8a4b12}.em-sample-gap.under{color:#235f9b}.em-sample-gap.match{color:#146348}@media(max-width:650px){.em-bars{grid-template-columns:1fr}.em-bars-inner{height:190px}}

.em-unit-visual{display:grid;gap:8px;max-width:620px;margin:12px auto}.em-byte{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}.em-bits{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:8px}.em-bits span{padding:7px 3px;border-radius:7px;background:#d9e8f5;border:1px solid #235f9b;font-size:11px;font-weight:800}.em-unit-arrow{text-align:center;font-weight:800;color:#426251}.em-chain-node{display:flex!important;flex-direction:column;gap:2px}.em-chain-node small{font-size:11px;font-weight:650}.em-chain-factor{background:#eef3ed!important}@media(max-width:520px){.em-bits{grid-template-columns:repeat(4,1fr)}}

.em-reference-segment{stroke:#607584;stroke-width:5;stroke-linecap:round}.em-image-segment{stroke:#146348;stroke-width:5;stroke-linecap:round}