:root {
  --ag-1: rgba(25, 169, 232, .1);
  --ag-2: rgba(1, 94, 163, .14);
  --ag-l: rgba(25, 169, 232, .35);
  --ag-pal: #fff;
  --ag-pal-ink: #14233a;
  --ag-pal-mut: #64728a;
  --ag-pal-line: #e2e8f0;
  --ag-pal-hi: #e7f1fa;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ag-1: rgba(25, 169, 232, .1);
    --ag-2: rgba(16, 58, 104, .55);
    --ag-l: rgba(143, 211, 255, .3);
    --ag-pal: #101f35;
    --ag-pal-ink: #e8f0f9;
    --ag-pal-mut: #93a7c1;
    --ag-pal-line: #24406a;
    --ag-pal-hi: rgba(25, 169, 232, .16);
  }
}

:root[data-theme="dark"] {
  --ag-1: rgba(25, 169, 232, .1);
  --ag-2: rgba(16, 58, 104, .55);
  --ag-l: rgba(143, 211, 255, .3);
  --ag-pal: #101f35;
  --ag-pal-ink: #e8f0f9;
  --ag-pal-mut: #93a7c1;
  --ag-pal-line: #24406a;
  --ag-pal-hi: rgba(25, 169, 232, .16);
}

body {
  isolation: isolate;
}

.bsi-ondas {
  z-index: -1;
  pointer-events: none;
  height: 200px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.bsi-ondas svg {
  width: 200%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.bsi-ondas .o1 {
  animation: 18s linear infinite agVai;
}

.bsi-ondas .o2 {
  animation: 28s linear infinite reverse agVai;
}

.bsi-ondas i {
  width: var(--s);
  height: var(--s);
  border: 1.5px solid var(--ag-l);
  animation: agBolha var(--d) linear infinite;
  animation-delay: var(--dl);
  border-radius: 50%;
  position: absolute;
  bottom: -12px;
}

@keyframes agVai {
  to {
    transform: translateX(-50%);
  }
}

@keyframes agBolha {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  15% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(-190px)translateX(10px);
  }
}

@media print {
  .bsi-ondas {
    display: none;
  }
}

.bsi-rp {
  position: relative;
}

.bsi-rpw {
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.bsi-ripple {
  pointer-events: none;
  background: radial-gradient(circle, rgba(255, 255, 255, .55) 0, rgba(143, 211, 255, .35) 45%, rgba(143, 211, 255, 0) 70%);
  border-radius: 50%;
  animation: .6s cubic-bezier(.2, .7, .3, 1) forwards agRipple;
  position: absolute;
  transform: scale(0);
}

@keyframes agRipple {
  to {
    opacity: 0;
    transform: scale(1);
  }
}

body.bsi-saindo > :not(.bsi-ondas) {
  opacity: 0;
  transition: opacity .18s, transform .18s;
  transform: translateY(6px);
}

.bsi-k {
  z-index: 2147483100;
  backdrop-filter: blur(6px);
  background: rgba(6, 14, 28, .55);
  justify-content: center;
  align-items: flex-start;
  padding: min(12vh, 110px) 16px 16px;
  font-family: Manrope, Segoe UI, system-ui, -apple-system, BlinkMacSystemFont, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  animation: .2s agFade;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.bsi-k[hidden] {
  display: none;
}

@keyframes agFade {
  from {
    opacity: 0;
  }
}

.bsi-k .bx {
  background: var(--ag-pal);
  width: min(680px, 100%);
  max-height: calc(100dvh - 140px);
  color: var(--ag-pal-ink);
  border: 1px solid var(--ag-pal-line);
  border-radius: 22px;
  flex-direction: column;
  animation: .32s cubic-bezier(.16, 1, .3, 1) agIn;
  display: flex;
  overflow: hidden;
  box-shadow: 0 40px 90px rgba(0, 0, 0, .45), 0 0 0 6px rgba(25, 169, 232, .08);
}

@keyframes agIn {
  from {
    opacity: 0;
    transform: translateY(-12px)scale(.97);
  }
}

.bsi-k label {
  border-bottom: 1px solid var(--ag-pal-line);
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  display: flex;
}

.bsi-k label svg {
  color: #19a9e8;
  flex: none;
  width: 22px;
  height: 22px;
}

.bsi-k input {
  min-width: 0;
  color: inherit;
  background: none;
  border: 0;
  flex: 1;
  font: 700 19px Manrope, Segoe UI, sans-serif;
  box-shadow: none !important;
  outline: none !important;
}

.bsi-k kbd {
  border: 1px solid var(--ag-pal-line);
  color: var(--ag-pal-mut);
  border-radius: 6px;
  padding: 3px 7px;
  font: 800 11px Manrope, sans-serif;
}

.bsi-k .rs {
  padding: 8px 10px 12px;
  overflow-y: auto;
}

.bsi-k .gp {
  letter-spacing: .1em;
  color: var(--ag-pal-mut);
  text-transform: uppercase;
  padding: 10px 10px 4px;
  font-size: 11.5px;
  font-weight: 800;
}

.bsi-k .it {
  color: inherit;
  cursor: pointer;
  border-radius: 14px;
  align-items: center;
  gap: 12px;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.bsi-k .it.on {
  background: var(--ag-pal-hi);
  box-shadow: inset 0 0 0 1px rgba(25, 169, 232, .45);
}

.bsi-k .ic {
  color: #fff;
  background: linear-gradient(140deg, var(--c1, #3fb5f0), var(--c2, #015ea3));
  border-radius: 11px;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.bsi-k .ic svg {
  width: 19px;
  height: 19px;
}

.bsi-k .tx {
  flex: 1;
  min-width: 0;
}

.bsi-k .tx b {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14.5px;
  display: block;
  overflow: hidden;
}

.bsi-k .tx span {
  color: var(--ag-pal-mut);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  display: block;
  overflow: hidden;
}

.bsi-k mark {
  color: #19a9e8;
  text-underline-offset: 3px;
  background: none;
  text-decoration: underline;
}

.bsi-k .vz {
  text-align: center;
  color: var(--ag-pal-mut);
  padding: 28px 12px;
  font-size: 14px;
}

.bsi-k .ft {
  border-top: 1px solid var(--ag-pal-line);
  color: var(--ag-pal-mut);
  gap: 16px;
  padding: 10px 18px;
  font-size: 12px;
  display: flex;
}

body label.sw, body label.switch {
  width: 54px;
  height: 30px;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border-radius: 99px;
  flex: none;
}

body label.switch.sm {
  width: 46px;
  height: 26px;
}

body label.sw i, body label.switch span {
  background: linear-gradient(180deg, color-mix(in srgb, var(--line-2, #c9d4e0) 80%, #000 4%), var(--line, #dbe3ec));
  border-radius: 99px;
  transition: background .45s, box-shadow .45s;
  overflow: hidden;
  box-shadow: inset 0 2px 4px rgba(10, 30, 60, .18), inset 0 0 0 1px rgba(10, 30, 60, .06);
}

body label.sw i:before, body label.switch span:before {
  content: "";
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(circle at 22% 70%, rgba(255, 255, 255, .55) 0, rgba(255, 255, 255, .55) 1.6px, rgba(0, 0, 0, 0) 2.2px), radial-gradient(circle at 40% 35%, rgba(255, 255, 255, .45) 0, rgba(255, 255, 255, .45) 1.2px, rgba(0, 0, 0, 0) 1.8px), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30' preserveAspectRatio='none'%3E%3Cpath d='M0 13 C10 7 20 19 30 13 S50 7 60 13 V30 H0Z' fill='%23ffffff' fill-opacity='.22'/%3E%3C/svg%3E") 0 0 / 60px 100% repeat-x, linear-gradient(140deg, #3fc0f5, #19a9e8 45%, #015ea3);
  transition: opacity .35s, transform .55s cubic-bezier(.34, 1.3, .64, 1);
  animation: 2.8s linear infinite paused swOnda;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateX(-60%);
}

@keyframes swOnda {
  to {
    background-position: 0 0, 0 0, 60px 0, 0 0;
  }
}

body label.sw i:after, body label.switch span:after {
  z-index: 1;
  background: radial-gradient(circle at 35% 30%, #fff 0, #fff 40%, #eef4fa 70%, #d6e2ee);
  width: 24px;
  height: 24px;
  transition: transform .5s cubic-bezier(.34, 1.56, .64, 1), width .25s, background-color .3s;
  top: 3px;
  left: 3px;
  box-shadow: 0 2px 6px rgba(10, 30, 60, .3), 0 0 0 .5px rgba(10, 30, 60, .1);
}

body label.switch.sm span:after {
  width: 20px;
  height: 20px;
}

body label.sw input:checked + i, body label.switch input:checked + span {
  background: #015ea3;
  box-shadow: inset 0 2px 5px rgba(0, 30, 70, .35), 0 0 0 3px rgba(25, 169, 232, .16), 0 6px 16px -6px rgba(25, 169, 232, .75);
}

body label.sw input:checked + i:before, body label.switch input:checked + span:before {
  opacity: 1;
  animation-play-state: running;
  transform: none;
}

body label.sw input:checked + i:after, body label.switch input:checked + span:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23015ea3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8'/%3E%3C/svg%3E"), radial-gradient(circle at 35% 30%, #fff 0, #fff 40%, #eef4fa 70%, #d6e2ee);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 14px, 100% 100%;
  transform: translateX(24px);
}

body label.switch.sm input:checked + span:after {
  background-size: 12px 12px, 100% 100%;
  transform: translateX(20px);
}

body label.sw:active i:after, body label.switch:active span:after {
  width: 30px;
}

body label.switch.sm:active span:after {
  width: 25px;
}

body label.sw input:checked:active + i:after, body label.switch input:checked:active + span:after {
  transform: translateX(18px);
}

body label.switch.sm input:checked:active + span:after {
  transform: translateX(15px);
}

body label.sw:hover i, body label.switch:hover span {
  box-shadow: inset 0 2px 4px rgba(10, 30, 60, .18), 0 0 0 3px rgba(25, 169, 232, .12);
}

body label.sw input:focus-visible + i {
  outline-offset: 3px;
  outline: 2px solid #19a9e8;
}

body label.switch input:focus-visible + span {
  outline-offset: 3px;
  outline: 2px solid #19a9e8;
}

body label.sw input:disabled + i, body label.switch input:disabled + span {
  opacity: .55;
  filter: saturate(.6);
}

body label.sw input:disabled, body label.switch input:disabled {
  cursor: not-allowed;
}

:root {
  --onda: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 60' preserveAspectRatio='none'%3E%3Cpath d='M0 9 C20 1 40 17 80 9 S140 1 160 9 V60 H0Z'/%3E%3C/svg%3E");
}

.sico, .kc-ico, .mt-i, .eico, .stm-i, .mo-i .ic {
  transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);
  background: linear-gradient(140deg, color-mix(in srgb, currentColor 48%, #fff), currentColor 78%) !important;
  border: 0 !important;
  box-shadow: 0 10px 20px -10px, inset 0 1px rgba(255, 255, 255, .38), inset 0 -2px rgba(0, 0, 0, .08) !important;
}

.sico svg, .kc-ico svg, .mt-i svg, .eico svg, .stm-i svg, .mo-i .ic svg {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .18));
  color: #fff !important;
}

.sico {
  border-radius: 14px !important;
  width: 46px !important;
  height: 46px !important;
}

.sico svg {
  width: 22px !important;
  height: 22px !important;
}

.kc-ico {
  border-radius: 14px !important;
  width: 46px !important;
  height: 46px !important;
}

.kc-ico svg {
  width: 22px !important;
  height: 22px !important;
}

.mt-i {
  flex: none;
  border-radius: 12px !important;
  width: 40px !important;
  height: 40px !important;
}

.mt-i svg {
  width: 20px !important;
  height: 20px !important;
}

.kc-ico.neutral {
  color: #4f7cb3 !important;
}

.stat:hover .sico, .kpi:hover .sico, .card:hover .kc-ico, .panel:hover .kc-ico, .mt:hover .mt-i, .row:hover .eico, .erow:hover .eico {
  transform: scale(1.08)rotate(-3deg);
}

.hl-ico, .yt-i {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25), 0 6px 14px -8px rgba(0, 0, 0, .4);
  background: linear-gradient(140deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1)) !important;
}

.hcard h2 > svg {
  box-sizing: border-box;
  background: linear-gradient(140deg, #5fc8f5, #015ea3);
  border-radius: 12px;
  flex: none;
  padding: 8px;
  box-shadow: 0 8px 16px -8px #19a9e8, inset 0 1px rgba(255, 255, 255, .35);
  color: #fff !important;
  width: 36px !important;
  height: 36px !important;
}

.qa:not(.pr) svg {
  box-sizing: border-box;
  background: linear-gradient(140deg, #5fc8f5, #015ea3);
  border-radius: 11px;
  padding: 8px;
  box-shadow: 0 8px 16px -8px #19a9e8;
  color: #fff !important;
  width: 34px !important;
  height: 34px !important;
}

.at .st {
  color: #fff !important;
  background: linear-gradient(140deg, #ffe08a, #e8a317) !important;
}

.stat, .panel.dash, .kcard, .hcard, .kp, .mod, .resumo, .mt, .ls {
  isolation: isolate;
  position: relative;
}

.stat:after, .panel.dash:after, .hcard:after, .kp:after, .resumo:after, .mt:after, .ls:after, .mod:before {
  content: "";
  height: var(--wl, 26%);
  z-index: -1;
  pointer-events: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  background: linear-gradient(180deg, color-mix(in srgb, var(--tc, #19a9e8) 22%, transparent), color-mix(in srgb, var(--tc, #19a9e8) 6%, transparent));
  -webkit-mask: var(--onda) 0 0 / 240px 100% repeat-x;
  -webkit-mask: var(--onda) 0 0 / 240px 100% repeat-x;
  mask: var(--onda) 0 0 / 240px 100% repeat-x;
  transition: height .6s cubic-bezier(.3, 1.1, .4, 1);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.stat:hover:after, .panel.dash:hover:after, .hcard:hover:after, .kp:hover:after, .mt:hover:after, .ls:hover:after, .mod:hover:before {
  height: calc(var(--wl, 26%)  + 14%);
  animation: 4s linear infinite aguaW;
}

@keyframes aguaW {
  to {
    -webkit-mask-position: -240px 0;
    mask-position: -240px 0;
  }
}

.stat, .kp, .mt, .ls {
  --wl: 34%;
  background: linear-gradient(160deg, color-mix(in srgb, var(--tc, #19a9e8) 16%, var(--surface, var(--panel))), var(--surface, var(--panel)) 70%) !important;
  border-color: color-mix(in srgb, var(--tc, #19a9e8) 30%, var(--line)) !important;
}

.panel.dash, .hcard, .resumo {
  --wl: 16%;
  background: linear-gradient(170deg, color-mix(in srgb, var(--tc, #19a9e8) 9%, var(--surface, var(--panel))), var(--surface, var(--panel)) 45%) !important;
  border-color: color-mix(in srgb, var(--tc, #19a9e8) 22%, var(--line)) !important;
}

:-webkit-any(.stat, .mt, .ls, .panel, .kcard):has(.c-ven) {
  --tc: #14a06a;
}

:is(.stat, .mt, .ls, .panel, .kcard):has(.c-ven) {
  --tc: #14a06a;
}

:-webkit-any(.stat, .mt, .ls, .panel, .kcard).ven {
  --tc: #14a06a;
}

:is(.stat, .mt, .ls, .panel, .kcard).ven {
  --tc: #14a06a;
}

:-webkit-any(.stat, .mt, .ls, .panel, .kcard):has(.c-ren) {
  --tc: #0a8ac4;
}

:is(.stat, .mt, .ls, .panel, .kcard):has(.c-ren) {
  --tc: #0a8ac4;
}

:-webkit-any(.panel, .kcard).ren {
  --tc: #0a8ac4;
}

:is(.panel, .kcard).ren {
  --tc: #0a8ac4;
}

:-webkit-any(.stat, .mt, .ls, .panel, .kcard):has(.c-corr) {
  --tc: #7048e8;
}

:is(.stat, .mt, .ls, .panel, .kcard):has(.c-corr) {
  --tc: #7048e8;
}

:-webkit-any(.stat, .mt, .ls, .panel, .kcard):has(.c-com) {
  --tc: #19a9e8;
}

:is(.stat, .mt, .ls, .panel, .kcard):has(.c-com) {
  --tc: #19a9e8;
}

:-webkit-any(.stat, .mt, .ls, .panel, .kcard):has(.c-car) {
  --tc: #f08c00;
}

:is(.stat, .mt, .ls, .panel, .kcard):has(.c-car) {
  --tc: #f08c00;
}

.mod {
  --tc: var(--mc, #19a9e8);
  --wl: 22%;
  background: linear-gradient(160deg, color-mix(in srgb, var(--mc, #19a9e8) 16%, var(--surface)), var(--surface) 65%) !important;
  border-color: color-mix(in srgb, var(--mc, #19a9e8) 30%, var(--line)) !important;
}

.kp:first-child {
  --tc: #14a06a;
}

.kp:nth-child(2) {
  --tc: #f08c00;
}

.kp:nth-child(3) {
  --tc: #a07cff;
}

.erow, .rrow {
  isolation: isolate;
}

.erow:has(.eico.ven) {
  --tc: #14a06a;
}

.rrow:has(.ven) {
  --tc: #14a06a;
}

.erow:has(.eico.car) {
  --tc: #f08c00;
}

.rrow:has(.car) {
  --tc: #f08c00;
}

.erow {
  background: linear-gradient(100deg, color-mix(in srgb, var(--tc, #0a8ac4) 9%, transparent), transparent 45%);
}

.erow:hover {
  background: linear-gradient(100deg, color-mix(in srgb, var(--tc, #0a8ac4) 16%, transparent), transparent 60%) !important;
}

.hero {
  isolation: isolate;
}

.hero:before, .hero:after {
  content: "";
  clip-path: none;
  opacity: 1;
  z-index: 0;
  pointer-events: none;
  width: calc(100% + 320px);
  -webkit-mask: var(--onda) 0 0 / 320px 100% repeat-x;
  -webkit-mask: var(--onda) 0 0 / 320px 100% repeat-x;
  mask: var(--onda) 0 0 / 320px 100% repeat-x;
  will-change: transform;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  display: block !important;
}

.hero:before {
  background: linear-gradient(rgba(143, 216, 255, .16), rgba(25, 169, 232, .08));
  height: 34%;
  animation: 14s linear infinite reverse heroOnda;
}

.hero:after {
  background: linear-gradient(rgba(63, 192, 245, .26), rgba(1, 94, 163, .18));
  height: 24%;
  animation: 9s linear infinite heroOnda;
  right: auto;
}

@keyframes heroOnda {
  from {
    transform: translateX(-320px);
  }

  to {
    transform: translateX(0);
  }
}

.hero > :not(.hero-art) {
  z-index: 1;
  position: relative;
}

.hero > .hero-art {
  z-index: 0 !important;
}

.ringw {
  position: relative;
}

.ringw .rw {
  z-index: 0;
  background: rgba(255, 255, 255, .05);
  border-radius: 50%;
  position: absolute;
  top: 17px;
  bottom: 17px;
  left: 17px;
  right: 17px;
  overflow: hidden;
}

.ringw .rw i {
  width: calc(100% + 60px);
  height: calc(var(--lv, 0%)  + 6px);
  -webkit-mask: var(--onda) 0 0 / 60px 100% repeat-x;
  -webkit-mask: var(--onda) 0 0 / 60px 100% repeat-x;
  mask: var(--onda) 0 0 / 60px 100% repeat-x;
  background: linear-gradient(rgba(95, 220, 160, .55), rgba(25, 169, 232, .45));
  transition: height 1.2s cubic-bezier(.3, 1.1, .4, 1);
  animation: 3s linear infinite ringOnda;
  position: absolute;
  bottom: 0;
  left: 0;
}

@keyframes ringOnda {
  from {
    transform: translateX(-60px);
  }

  to {
    transform: translateX(0);
  }
}

.ringw .ring, .ringw .ring-c {
  z-index: 1;
  position: relative;
}

@media (prefers-reduced-motion: reduce) and (max-width: 1px) {
  .hero:before, .hero:after, .ringw .rw i {
    animation: none;
  }
}

.bsi-ondas, .bgart, .qc .qw, .row .qw, .cdr .lq, .ringw .rw {
  display: none !important;
}

.qk:before, .qk:after, .kpi:after, #vResumo .card:after, .stat:after, .panel.dash:after, .hcard:after, .kp:after, .resumo:after, .mt:after, .ls:after, .mod:before, .hero:before, .hero:after {
  content: none !important;
  display: none !important;
}

.qtag.ret.hot {
  animation: none !important;
}

:root {
  --app-bg: #f3f6fa;
  --app-gl1: rgba(25, 169, 232, .14);
  --app-pat: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22260%22%20height%3D%22260%22%20viewBox%3D%220%200%20260%20260%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23015ea3%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2820%2024%29%20rotate%28-8%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M3%2015l2-5.5A2%202%200%200%201%206.9%208h10.2a2%202%200%200%201%201.9%201.5L21%2015v3h-2.5M3%2015v3h2.5M3%2015h18%22/%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%2217.5%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2217.5%22%20r%3D%221.8%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28150%2014%29%20rotate%286%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M3%2011l9-7%209%207%22/%3E%3Cpath%20d%3D%22M5%2010v10h14V10%22/%3E%3Cpath%20d%3D%22M10%2020v-6h4v6%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2888%2096%29%20rotate%280%2012%2012%29%20scale%281.4%29%22%3E%3Cpath%20d%3D%22M12%2020s-7-4.4-7-10a4%204%200%200%201%207-2.6A4%204%200%200%201%2019%2010c0%205.6-7%2010-7%2010z%22/%3E%3Cpath%20d%3D%22M8%2011h2l1-2%202%204%201-2h2%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28204%20108%29%20rotate%28-6%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M12%203l7%203v5c0%204.6-3%208.3-7%2010-4-1.7-7-5.4-7-10V6z%22/%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2814%20176%29%20rotate%288%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%200%201%2018%200z%22/%3E%3Cpath%20d%3D%22M12%2012v6a2%202%200%200%201-4%200M12%203v-1%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28138%20190%29%20rotate%280%2012%2012%29%20scale%281.4%29%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%221%22/%3E%3Cpath%20d%3D%22M9%207h2M13%207h2M9%2011h2M13%2011h2M10%2021v-4h4v4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28214%20206%29%20rotate%28-10%2012%2012%29%20scale%281.3%29%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2216%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%223%22/%3E%3Cpath%20d%3D%22M6%2016l4-6h5l3%206M13%2010l-1-3h-2%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --app-marca: url("icons/bsi-marca-claro.png");
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --app-bg: #0a1322;
    --app-gl1: rgba(25, 169, 232, .16);
    --app-pat: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22260%22%20height%3D%22260%22%20viewBox%3D%220%200%20260%20260%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%238fd0ff%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2820%2024%29%20rotate%28-8%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M3%2015l2-5.5A2%202%200%200%201%206.9%208h10.2a2%202%200%200%201%201.9%201.5L21%2015v3h-2.5M3%2015v3h2.5M3%2015h18%22/%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%2217.5%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2217.5%22%20r%3D%221.8%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28150%2014%29%20rotate%286%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M3%2011l9-7%209%207%22/%3E%3Cpath%20d%3D%22M5%2010v10h14V10%22/%3E%3Cpath%20d%3D%22M10%2020v-6h4v6%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2888%2096%29%20rotate%280%2012%2012%29%20scale%281.4%29%22%3E%3Cpath%20d%3D%22M12%2020s-7-4.4-7-10a4%204%200%200%201%207-2.6A4%204%200%200%201%2019%2010c0%205.6-7%2010-7%2010z%22/%3E%3Cpath%20d%3D%22M8%2011h2l1-2%202%204%201-2h2%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28204%20108%29%20rotate%28-6%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M12%203l7%203v5c0%204.6-3%208.3-7%2010-4-1.7-7-5.4-7-10V6z%22/%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2814%20176%29%20rotate%288%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%200%201%2018%200z%22/%3E%3Cpath%20d%3D%22M12%2012v6a2%202%200%200%201-4%200M12%203v-1%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28138%20190%29%20rotate%280%2012%2012%29%20scale%281.4%29%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%221%22/%3E%3Cpath%20d%3D%22M9%207h2M13%207h2M9%2011h2M13%2011h2M10%2021v-4h4v4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28214%20206%29%20rotate%28-10%2012%2012%29%20scale%281.3%29%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2216%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%223%22/%3E%3Cpath%20d%3D%22M6%2016l4-6h5l3%206M13%2010l-1-3h-2%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --app-marca: url("icons/bsi-marca-escuro.png");
  }
}

:root[data-theme="dark"] {
  --app-bg: #0a1322;
  --app-gl1: rgba(25, 169, 232, .16);
  --app-pat: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22260%22%20height%3D%22260%22%20viewBox%3D%220%200%20260%20260%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%238fd0ff%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2820%2024%29%20rotate%28-8%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M3%2015l2-5.5A2%202%200%200%201%206.9%208h10.2a2%202%200%200%201%201.9%201.5L21%2015v3h-2.5M3%2015v3h2.5M3%2015h18%22/%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%2217.5%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2217.5%22%20r%3D%221.8%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28150%2014%29%20rotate%286%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M3%2011l9-7%209%207%22/%3E%3Cpath%20d%3D%22M5%2010v10h14V10%22/%3E%3Cpath%20d%3D%22M10%2020v-6h4v6%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2888%2096%29%20rotate%280%2012%2012%29%20scale%281.4%29%22%3E%3Cpath%20d%3D%22M12%2020s-7-4.4-7-10a4%204%200%200%201%207-2.6A4%204%200%200%201%2019%2010c0%205.6-7%2010-7%2010z%22/%3E%3Cpath%20d%3D%22M8%2011h2l1-2%202%204%201-2h2%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28204%20108%29%20rotate%28-6%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M12%203l7%203v5c0%204.6-3%208.3-7%2010-4-1.7-7-5.4-7-10V6z%22/%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2814%20176%29%20rotate%288%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%200%201%2018%200z%22/%3E%3Cpath%20d%3D%22M12%2012v6a2%202%200%200%201-4%200M12%203v-1%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28138%20190%29%20rotate%280%2012%2012%29%20scale%281.4%29%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%221%22/%3E%3Cpath%20d%3D%22M9%207h2M13%207h2M9%2011h2M13%2011h2M10%2021v-4h4v4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28214%20206%29%20rotate%28-10%2012%2012%29%20scale%281.3%29%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2216%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%223%22/%3E%3Cpath%20d%3D%22M6%2016l4-6h5l3%206M13%2010l-1-3h-2%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --app-marca: url("icons/bsi-marca-escuro.png");
}

:root[data-theme="light"] {
  --app-bg: #f3f6fa;
  --app-gl1: rgba(25, 169, 232, .14);
  --app-pat: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22260%22%20height%3D%22260%22%20viewBox%3D%220%200%20260%20260%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23015ea3%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2820%2024%29%20rotate%28-8%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M3%2015l2-5.5A2%202%200%200%201%206.9%208h10.2a2%202%200%200%201%201.9%201.5L21%2015v3h-2.5M3%2015v3h2.5M3%2015h18%22/%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%2217.5%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2217.5%22%20r%3D%221.8%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28150%2014%29%20rotate%286%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M3%2011l9-7%209%207%22/%3E%3Cpath%20d%3D%22M5%2010v10h14V10%22/%3E%3Cpath%20d%3D%22M10%2020v-6h4v6%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2888%2096%29%20rotate%280%2012%2012%29%20scale%281.4%29%22%3E%3Cpath%20d%3D%22M12%2020s-7-4.4-7-10a4%204%200%200%201%207-2.6A4%204%200%200%201%2019%2010c0%205.6-7%2010-7%2010z%22/%3E%3Cpath%20d%3D%22M8%2011h2l1-2%202%204%201-2h2%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28204%20108%29%20rotate%28-6%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M12%203l7%203v5c0%204.6-3%208.3-7%2010-4-1.7-7-5.4-7-10V6z%22/%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2814%20176%29%20rotate%288%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%200%201%2018%200z%22/%3E%3Cpath%20d%3D%22M12%2012v6a2%202%200%200%201-4%200M12%203v-1%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28138%20190%29%20rotate%280%2012%2012%29%20scale%281.4%29%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%221%22/%3E%3Cpath%20d%3D%22M9%207h2M13%207h2M9%2011h2M13%2011h2M10%2021v-4h4v4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28214%20206%29%20rotate%28-10%2012%2012%29%20scale%281.3%29%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2216%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%223%22/%3E%3Cpath%20d%3D%22M6%2016l4-6h5l3%206M13%2010l-1-3h-2%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --app-marca: url("icons/bsi-marca-claro.png");
}

html, body, body.hub-on {
  background: var(--app-bg) !important;
}

body:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--app-marca) right 40px bottom 40px / 120px no-repeat, var(--app-pat) 0 0 / 260px 260px, radial-gradient(60% 50% at 0% 0%, var(--app-gl1), transparent 70%);
  height: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media print {
  body:after {
    display: none !important;
  }
}

.hb, .bbar, .qc-m, .appbar:before, .brandrow:before, .tabs, .hero-side, .lg-card, .bsi-nav, .bsi-k {
  backdrop-filter: none !important;
}

dialog::backdrop {
  backdrop-filter: none !important;
}

dialog[open]::backdrop {
  backdrop-filter: none !important;
}

.hb, .bbar, .appbar:before {
  background: var(--surface) !important;
}

.brandrow:before {
  background: var(--panel) !important;
}

dialog::backdrop {
  background: rgba(6, 14, 28, .58) !important;
}

dialog[open]::backdrop {
  background: rgba(6, 14, 28, .58) !important;
}

.qc-m {
  background: color-mix(in srgb, var(--surface) 82%, var(--qc) 6%) !important;
}

.gauge2 .w1, .gauge2 .w2, .gauge2 .gb, .tubo i:after, .lbar .f:after, .lbar .bb, .bsi-ondas * {
  animation: none !important;
}

.gauge2 .gb, .lbar .bb, .tubo i:after {
  display: none !important;
}

.chip2 i, .mod .vivo i {
  box-shadow: none !important;
  animation: 2s ease-in-out infinite pisca !important;
}

@keyframes pisca {
  50% {
    opacity: .35;
  }
}

.qc:hover, .row:hover, .kp:hover, .mod:hover, .stat:hover {
  box-shadow: 0 8px 18px -12px rgba(1, 30, 60, .45) !important;
}

.row, .erow, .rrow {
  content-visibility: auto;
  contain-intrinsic-size: auto 72px;
}