/* Landing: patrimonio · gráfico de barras de Forbes con etiqueta al pasar o tocar */
.fx{margin-top:24px;position:relative;background:var(--panel);border:1px solid var(--line2);border-radius:18px;padding:22px 18px 14px}
.fx-svg{width:100%;height:auto}
.fx-svg .axis{stroke:rgba(212,175,55,.3)}
.fx-svg .bar rect{fill:rgba(212,175,55,.32);transition:fill .2s}
.fx-svg .bar.b1 rect{fill:var(--gold)}
.fx-svg .bar:hover rect,.fx-svg .bar:focus rect,.fx-svg .bar.on rect{fill:var(--gold-bright)}
.fx-svg .bar:focus{outline:none}
.fx-svg .bar:focus-visible rect{stroke:#fff;stroke-width:2}
.fx-svg .yr{fill:var(--muted);font-family:'Oswald';font-size:11px}
.fx-svg .vl{fill:var(--gold-bright);font-family:'Bebas Neue';font-size:16px}
.js .fx-svg .bar rect{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform 1s var(--eout),fill .2s}
.js .fx.up .fx-svg .bar rect{transform:scaleY(1)}
.fx .lg{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:-1px;margin:0 4px 0 10px}
.fx .lg1{background:var(--gold)}.fx .lgx{background:rgba(212,175,55,.32)}
.fx-tip{position:absolute;top:14px;right:18px;font-family:'Bebas Neue';font-size:1.4rem;color:var(--gold-bright);letter-spacing:.02em;min-height:1.4em;text-align:right}
.fx-tip small{display:block;font-family:'Oswald';font-size:.66rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
@media(prefers-reduced-motion:reduce){.js .fx-svg .bar rect{transform:none;transition:none}}
