/* Start custom CSS for html, class: .elementor-element-105dcfe */.mc-kpi .item {
  background: #0a2b33;
  color: #e8f6f2;
  padding: 18px 22px;
  border-radius: 14px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  transition: all .25s ease;
}

/* Destaque do número */
.mc-kpi .val {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 4px;
  color: #8de4bb; /* verde clarinho institucional */
}

/* AQUI é o ajuste — garantir que o texto apareça */
.mc-kpi .lbl {
  font-size: 14px;
  font-weight: 600;
  color: #e8f6f2 !important;
  opacity: 1 !important;
  text-align: center;
  line-height: 1.3;
  display: block;
  max-width: 140px;
}

/* Efeito hover suave */
.mc-kpi .item:hover {
  transform: translateY(-4px);
  background: #0d3942;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}/* End custom CSS */