/* The institutional SVG is never redrawn. Only this requested chart variant is tinted. */
.af-gauge{--af-level:0%;position:relative;isolation:isolate;width:min(100%,360px);margin:0 auto;text-align:center;color:#f1fcff}
.af-art{position:relative;width:100%;aspect-ratio:1;isolation:isolate}
.af-aura{position:absolute;inset:12%;z-index:-1;border-radius:50%;background:radial-gradient(circle at 50% 72%,#27c6dc25 0%,#0c448b16 45%,transparent 72%);box-shadow:0 0 74px #20b9df09}
.af-orbit{position:absolute;inset:1.8%;border-radius:50%;background:repeating-conic-gradient(from -1deg,#87daeb40 0deg 0.8deg,transparent 0.8deg 8deg);-webkit-mask:radial-gradient(transparent 69.7%,#000 70.1% 70.8%,transparent 71.2%);mask:radial-gradient(transparent 69.7%,#000 70.1% 70.8%,transparent 71.2%);opacity:.75}
.af-master{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:.44}
/* Official viewBox: 366 60 644 644. Flame range: y=174..595.
   Restrict the overlay to the flame: the institutional outer ring stays intact. */
.af-mask{position:absolute;inset:0;-webkit-mask-image:url("aviv-logo-oficial.svg");mask-image:url("aviv-logo-oficial.svg");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha;clip-path:inset(17.701863% 23% 16.925466% 24%);filter:drop-shadow(0 0 8px #8bd3e18c)}
.af-liquid{position:absolute;left:0;right:0;bottom:16.925466%;height:calc(var(--af-level)*.65372671);transform-origin:50% 100%;background:linear-gradient(0deg,#3e71a8 0%,#49bdd7 61%,#8bd3e1 88%,#d8faff 100%);box-shadow:inset 0 10px 22px #aef4ff4a;overflow:hidden}
.af-surface{position:absolute;top:0;left:0;width:100%;height:2px;background:#e3ffff;box-shadow:0 0 13px 4px #8bd3e1b3}
.af-scale{position:absolute;right:17%;font:500 9px/1.2 system-ui,sans-serif;letter-spacing:.08em;color:#8bd3e194}
.af-scale-top{top:19.1%}.af-scale-bottom{bottom:18%}
.af-caption{display:flex;align-items:center;flex-direction:column;gap:5px;margin-top:-17px;padding:0 12px}
.af-value{font-family:inherit;font-size:clamp(42px,5vw,62px);line-height:1.1;letter-spacing:-.06em;font-weight:800;font-variant-numeric:tabular-nums;color:#e5fbff;text-shadow:0 0 35px #8bd3e125}
.af-label{font-size:14px;line-height:1.4;font-weight:650;color:#cce6f3}
.af-unit{font-size:11px;line-height:1.5;color:#91aec4}
.af-gauge[data-af-state="unknown"] .af-value{font-size:clamp(28px,4vw,38px);letter-spacing:-.04em;color:#bed1df}
.af-gauge[data-af-state="unknown"] .af-aura{opacity:.25}
.af-gauge[data-af-state="deficit"] .af-value{color:#ffc6b1}
.af-animate .af-liquid{animation:af-rise 1.55s cubic-bezier(.2,.65,.25,1) both}
.af-animate .af-aura{animation:af-light 1.7s ease-out both}
@keyframes af-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes af-light{from{opacity:.15}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.af-animate .af-liquid,.af-animate .af-aura{animation:none;transform:none}}
@media print{
  .af-gauge{break-inside:avoid;width:220px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .af-animate .af-liquid,.af-animate .af-aura{animation:none!important;transform:none!important;opacity:1}
  .af-aura{display:none}.af-art{background:#071b34;border-radius:50%}.af-value{color:#10295f;font-size:35px;text-shadow:none}
  .af-caption{margin-top:5px}.af-label{color:#1d4176}.af-unit{color:#435c73}
  .af-gauge[data-af-state="unknown"] .af-value{color:#435c73}.af-gauge[data-af-state="deficit"] .af-value{color:#a33122}
}
