.tooltip {
  position: absolute;
  background: var(--preto-texto, #333);
  color: white;
  padding: 8px 12px;
  border-radius: var(--border-radius, 8px);
  font-size: 14px;
  z-index: var(--z-tooltip, 1070);
  pointer-events: none;
  white-space: nowrap;
  box-shadow: var(--sombra-md, 0 4px 12px rgba(0,0,0,0.08));
  animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}